@charset "UTF-8";
:root {
  color-scheme: light;
  --borderRadiusNone: 0;
  --borderRadiusSmall: 2px;
  --borderRadiusMedium: 4px;
  --borderRadiusLarge: 6px;
  --borderRadiusXLarge: 8px;
  --borderRadius2XLarge: 12px;
  --borderRadiusCircular: 10000px;
  --fontSizeBase100: 10px;
  --fontSizeBase200: 12px;
  --fontSizeBase300: 14px;
  --fontSizeBase400: 16px;
  --fontSizeBase500: 20px;
  --fontSizeBase600: 24px;
  --fontSizeHero700: 28px;
  --fontSizeHero800: 32px;
  --fontSizeHero900: 40px;
  --fontSizeHero1000: 68px;
  --lineHeightBase100: 14px;
  --lineHeightBase200: 16px;
  --lineHeightBase300: 20px;
  --lineHeightBase400: 22px;
  --lineHeightBase500: 28px;
  --lineHeightBase600: 32px;
  --lineHeightHero700: 36px;
  --lineHeightHero800: 40px;
  --lineHeightHero900: 52px;
  --lineHeightHero1000: 92px;
  --fontFamilyBase: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;
  --fontFamilyMonospace: Consolas, 'Cascadia Mono', 'DejaVu Sans Mono', 'Liberation Mono', 'Courier New', monospace;
  --fontFamilyNumeric: Bahnschrift, 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;
  --fontWeightRegular: 400;
  --fontWeightMedium: 500;
  --fontWeightSemibold: 600;
  --fontWeightBold: 700;
  --strokeWidthThin: 1px;
  --strokeWidthThick: 2px;
  --strokeWidthThicker: 3px;
  --strokeWidthThickest: 4px;
  --spacingHorizontalNone: 0;
  --spacingHorizontalXXS: 2px;
  --spacingHorizontalXS: 4px;
  --spacingHorizontalSNudge: 6px;
  --spacingHorizontalS: 8px;
  --spacingHorizontalMNudge: 10px;
  --spacingHorizontalM: 12px;
  --spacingHorizontalL: 16px;
  --spacingHorizontalXL: 20px;
  --spacingHorizontalXXL: 24px;
  --spacingHorizontalXXXL: 32px;
  --spacingVerticalNone: 0;
  --spacingVerticalXXS: 2px;
  --spacingVerticalXS: 4px;
  --spacingVerticalSNudge: 6px;
  --spacingVerticalS: 8px;
  --spacingVerticalMNudge: 10px;
  --spacingVerticalM: 12px;
  --spacingVerticalL: 16px;
  --spacingVerticalXL: 20px;
  --spacingVerticalXXL: 24px;
  --spacingVerticalXXXL: 32px;
  --durationUltraFast: 50ms;
  --durationFaster: 100ms;
  --durationFast: 150ms;
  --durationNormal: 200ms;
  --durationGentle: 250ms;
  --durationSlow: 300ms;
  --durationSlower: 400ms;
  --durationUltraSlow: 500ms;
  --curveAccelerateMax: cubic-bezier(0.9,0.1,1,0.2);
  --curveAccelerateMid: cubic-bezier(1,0,1,1);
  --curveAccelerateMin: cubic-bezier(0.8,0,0.78,1);
  --curveDecelerateMax: cubic-bezier(0.1,0.9,0.2,1);
  --curveDecelerateMid: cubic-bezier(0,0,0,1);
  --curveDecelerateMin: cubic-bezier(0.33,0,0.1,1);
  --curveEasyEaseMax: cubic-bezier(0.8,0,0.2,1);
  --curveEasyEase: cubic-bezier(0.33,0,0.67,1);
  --curveLinear: cubic-bezier(0,0,1,1);
  --colorNeutralBackground1: #ffffff;
  --colorNeutralBackground1Hover: #f5f5f5;
  --colorNeutralBackground1Pressed: #e0e0e0;
  --colorNeutralBackground1Selected: #ebebeb;
  --colorNeutralBackground2: #fafafa;
  --colorNeutralBackground2Hover: #f0f0f0;
  --colorNeutralBackground2Pressed: #dbdbdb;
  --colorNeutralBackground2Selected: #e6e6e6;
  --colorNeutralBackground3: #f5f5f5;
  --colorNeutralBackground3Hover: #ebebeb;
  --colorNeutralBackground3Pressed: #d6d6d6;
  --colorNeutralBackground3Selected: #e0e0e0;
  --colorNeutralBackground4: #f0f0f0;
  --colorNeutralBackground4Hover: #fafafa;
  --colorNeutralBackground4Pressed: #f5f5f5;
  --colorNeutralBackground4Selected: #ffffff;
  --colorNeutralBackground5: #ebebeb;
  --colorNeutralBackground5Hover: #f5f5f5;
  --colorNeutralBackground5Pressed: #f0f0f0;
  --colorNeutralBackground5Selected: #fafafa;
  --colorNeutralBackground6: #e6e6e6;
  --colorNeutralBackgroundInverted: #292929;
  --colorNeutralBackgroundAlpha: rgba(255, 255, 255, 0.5);
  --colorNeutralBackgroundAlpha2: rgba(255, 255, 255, 0.8);
  --colorSubtleBackground: transparent;
  --colorSubtleBackgroundHover: #f5f5f5;
  --colorSubtleBackgroundPressed: #e0e0e0;
  --colorSubtleBackgroundSelected: #ebebeb;
  --colorTransparentBackground: transparent;
  --colorTransparentBackgroundHover: transparent;
  --colorTransparentBackgroundPressed: transparent;
  --colorTransparentBackgroundSelected: transparent;
  --colorNeutralBackgroundDisabled: #f0f0f0;
  --colorNeutralStencil1: #e6e6e6;
  --colorNeutralStencil2: #fafafa;
  --colorBackgroundOverlay: rgba(0, 0, 0, 0.4);
  --colorNeutralForeground1: #242424;
  --colorNeutralForeground1Hover: #242424;
  --colorNeutralForeground1Pressed: #242424;
  --colorNeutralForeground1Selected: #242424;
  --colorNeutralForeground2: #424242;
  --colorNeutralForeground2Hover: #242424;
  --colorNeutralForeground2Pressed: #242424;
  --colorNeutralForeground2Selected: #242424;
  --colorNeutralForeground2BrandHover: #0f6cbd;
  --colorNeutralForeground2BrandPressed: #115ea3;
  --colorNeutralForeground2BrandSelected: #0f6cbd;
  --colorNeutralForeground3: #616161;
  --colorNeutralForeground3Hover: #424242;
  --colorNeutralForeground3Pressed: #424242;
  --colorNeutralForeground3Selected: #424242;
  --colorNeutralForeground3BrandHover: #0f6cbd;
  --colorNeutralForeground3BrandPressed: #115ea3;
  --colorNeutralForeground3BrandSelected: #0f6cbd;
  --colorNeutralForeground4: #707070;
  --colorNeutralForegroundDisabled: #bdbdbd;
  --colorNeutralForeground2Link: #424242;
  --colorNeutralForeground2LinkHover: #242424;
  --colorNeutralForeground2LinkPressed: #242424;
  --colorNeutralForeground2LinkSelected: #242424;
  --colorNeutralForeground1Static: #242424;
  --colorNeutralForegroundStaticInverted: #ffffff;
  --colorNeutralForegroundInverted: #ffffff;
  --colorNeutralForegroundOnBrand: #ffffff;
  --colorNeutralStrokeAccessible: #616161;
  --colorNeutralStrokeAccessibleHover: #575757;
  --colorNeutralStrokeAccessiblePressed: #4d4d4d;
  --colorNeutralStrokeAccessibleSelected: #0f6cbd;
  --colorNeutralStroke1: #d1d1d1;
  --colorNeutralStroke1Hover: #c7c7c7;
  --colorNeutralStroke1Pressed: #b3b3b3;
  --colorNeutralStroke1Selected: #bdbdbd;
  --colorNeutralStroke2: #e0e0e0;
  --colorNeutralStroke3: #f0f0f0;
  --colorNeutralStrokeSubtle: #e0e0e0;
  --colorNeutralStrokeOnBrand: #ffffff;
  --colorNeutralStrokeOnBrand2: #ffffff;
  --colorNeutralStrokeDisabled: #e0e0e0;
  --colorTransparentStroke: transparent;
  --colorTransparentStrokeInteractive: transparent;
  --colorStrokeFocus1: #ffffff;
  --colorStrokeFocus2: #000000;
  --colorBrandForegroundLink: #115ea3;
  --colorBrandForegroundLinkHover: #0f548c;
  --colorBrandForegroundLinkPressed: #0c3b5e;
  --colorBrandForegroundLinkSelected: #115ea3;
  --colorCompoundBrandForeground1: #0f6cbd;
  --colorCompoundBrandForeground1Hover: #115ea3;
  --colorCompoundBrandForeground1Pressed: #0f548c;
  --colorBrandForeground1: #0f6cbd;
  --colorBrandForeground2: #115ea3;
  --colorBrandForeground2Hover: #0f548c;
  --colorBrandForeground2Pressed: #0a2e4a;
  --colorBrandForegroundInverted: #479ef5;
  --colorBrandForegroundInvertedHover: #62abf5;
  --colorBrandForegroundInvertedPressed: #479ef5;
  --colorBrandForegroundOnLight: #0f6cbd;
  --colorBrandForegroundOnLightHover: #115ea3;
  --colorBrandForegroundOnLightPressed: #0e4775;
  --colorBrandForegroundOnLightSelected: #0f548c;
  --colorBrandBackground: #0f6cbd;
  --colorBrandBackgroundHover: #115ea3;
  --colorBrandBackgroundPressed: #0c3b5e;
  --colorBrandBackgroundSelected: #0f548c;
  --colorCompoundBrandBackground: #0f6cbd;
  --colorCompoundBrandBackgroundHover: #115ea3;
  --colorCompoundBrandBackgroundPressed: #0f548c;
  --colorBrandBackgroundStatic: #0f6cbd;
  --colorBrandBackground2: #ebf3fc;
  --colorBrandBackground2Hover: #cfe4fa;
  --colorBrandBackground2Pressed: #96c6fa;
  --colorBrandBackground3Static: #0f548c;
  --colorBrandBackground4Static: #0c3b5e;
  --colorBrandBackgroundInverted: #ffffff;
  --colorBrandBackgroundInvertedHover: #ebf3fc;
  --colorBrandBackgroundInvertedPressed: #b4d6fa;
  --colorBrandBackgroundInvertedSelected: #cfe4fa;
  --colorBrandStroke1: #0f6cbd;
  --colorBrandStroke2: #b4d6fa;
  --colorBrandStroke2Hover: #77b7f7;
  --colorBrandStroke2Pressed: #0f6cbd;
  --colorBrandStroke2Contrast: #b4d6fa;
  --colorCompoundBrandStroke: #0f6cbd;
  --colorCompoundBrandStrokeHover: #115ea3;
  --colorCompoundBrandStrokePressed: #0f548c;
  --colorStatusSuccessBackground1: #f1faf1;
  --colorStatusSuccessBackground2: #9fd89f;
  --colorStatusSuccessBackground3: #107c10;
  --colorStatusSuccessForeground1: #0e700e;
  --colorStatusSuccessForeground2: #094509;
  --colorStatusSuccessForeground3: #107c10;
  --colorStatusSuccessForegroundInverted: #54b054;
  --colorStatusSuccessBorderActive: #107c10;
  --colorStatusSuccessBorder1: #9fd89f;
  --colorStatusSuccessBorder2: #107c10;
  --colorStatusWarningBackground1: #fff9f5;
  --colorStatusWarningBackground2: #fdcfb4;
  --colorStatusWarningBackground3: #f7630c;
  --colorStatusWarningForeground1: #bc4b09;
  --colorStatusWarningForeground2: #8a3707;
  --colorStatusWarningForeground3: #bc4b09;
  --colorStatusWarningForegroundInverted: #faa06b;
  --colorStatusWarningBorderActive: #f7630c;
  --colorStatusWarningBorder1: #fdcfb4;
  --colorStatusWarningBorder2: #bc4b09;
  --colorStatusDangerBackground1: #fdf3f4;
  --colorStatusDangerBackground2: #eeacb2;
  --colorStatusDangerBackground3: #c50f1f;
  --colorStatusDangerForeground1: #b10e1c;
  --colorStatusDangerForeground2: #6e0811;
  --colorStatusDangerForeground3: #c50f1f;
  --colorStatusDangerForegroundInverted: #dc626d;
  --colorStatusDangerBorderActive: #c50f1f;
  --colorStatusDangerBorder1: #eeacb2;
  --colorStatusDangerBorder2: #c50f1f;
  --colorStatusDangerBackground3Hover: #b10e1c;
  --colorStatusDangerBackground3Pressed: #960b18;
  --colorPaletteRedBackground1: #fdf6f6;
  --colorPaletteRedBackground2: #f1bbbc;
  --colorPaletteRedBackground3: #d13438;
  --colorPaletteRedForeground1: #bc2f32;
  --colorPaletteRedForeground2: #751d1f;
  --colorPaletteRedForeground3: #d13438;
  --colorPaletteRedBorderActive: #d13438;
  --colorPaletteRedBorder1: #f1bbbc;
  --colorPaletteRedBorder2: #d13438;
  --colorPaletteGreenBackground1: #f1faf1;
  --colorPaletteGreenBackground2: #9fd89f;
  --colorPaletteGreenBackground3: #107c10;
  --colorPaletteGreenForeground1: #0e700e;
  --colorPaletteGreenForeground2: #094509;
  --colorPaletteGreenForeground3: #107c10;
  --colorPaletteGreenBorderActive: #107c10;
  --colorPaletteGreenBorder1: #9fd89f;
  --colorPaletteGreenBorder2: #107c10;
  --colorPaletteDarkOrangeBackground1: #fdf6f3;
  --colorPaletteDarkOrangeBackground2: #f4bfab;
  --colorPaletteDarkOrangeBackground3: #da3b01;
  --colorPaletteDarkOrangeForeground1: #c43501;
  --colorPaletteDarkOrangeForeground2: #7a2101;
  --colorPaletteDarkOrangeForeground3: #da3b01;
  --colorPaletteDarkOrangeBorderActive: #da3b01;
  --colorPaletteDarkOrangeBorder1: #f4bfab;
  --colorPaletteDarkOrangeBorder2: #da3b01;
  --colorPaletteYellowBackground1: #fffef5;
  --colorPaletteYellowBackground2: #fef7b2;
  --colorPaletteYellowBackground3: #fde300;
  --colorPaletteYellowForeground1: #817400;
  --colorPaletteYellowForeground2: #817400;
  --colorPaletteYellowForeground3: #fde300;
  --colorPaletteYellowBorderActive: #fde300;
  --colorPaletteYellowBorder1: #fef7b2;
  --colorPaletteYellowBorder2: #fde300;
  --colorPaletteBerryBackground1: #fdf5fc;
  --colorPaletteBerryBackground2: #edbbe7;
  --colorPaletteBerryBackground3: #c239b3;
  --colorPaletteBerryForeground1: #af33a1;
  --colorPaletteBerryForeground2: #6d2064;
  --colorPaletteBerryForeground3: #c239b3;
  --colorPaletteBerryBorderActive: #c239b3;
  --colorPaletteBerryBorder1: #edbbe7;
  --colorPaletteBerryBorder2: #c239b3;
  --colorPaletteLightGreenBackground1: #f2fbf2;
  --colorPaletteLightGreenBackground2: #a7e3a5;
  --colorPaletteLightGreenBackground3: #13a10e;
  --colorPaletteLightGreenForeground1: #11910d;
  --colorPaletteLightGreenForeground2: #0b5a08;
  --colorPaletteLightGreenForeground3: #13a10e;
  --colorPaletteLightGreenBorderActive: #13a10e;
  --colorPaletteLightGreenBorder1: #a7e3a5;
  --colorPaletteLightGreenBorder2: #13a10e;
  --colorPaletteMarigoldBackground1: #fefbf4;
  --colorPaletteMarigoldBackground2: #f9e2ae;
  --colorPaletteMarigoldBackground3: #eaa300;
  --colorPaletteMarigoldForeground1: #d39300;
  --colorPaletteMarigoldForeground2: #835b00;
  --colorPaletteMarigoldForeground3: #eaa300;
  --colorPaletteMarigoldBorderActive: #eaa300;
  --colorPaletteMarigoldBorder1: #f9e2ae;
  --colorPaletteMarigoldBorder2: #eaa300;
  --colorPalettePumpkinBackground2: #efc4ad;
  --colorPalettePumpkinForeground2: #712d09;
  --colorPalettePumpkinBorderActive: #ca5010;
  --colorPalettePeachBackground2: #ffddb3;
  --colorPalettePeachForeground2: #8f4e00;
  --colorPalettePeachBorderActive: #ff8c00;
  --colorPaletteGoldBackground2: #ecdfa5;
  --colorPaletteGoldForeground2: #6c5700;
  --colorPaletteGoldBorderActive: #c19c00;
  --colorPaletteBrassBackground2: #e0cea2;
  --colorPaletteBrassForeground2: #553e06;
  --colorPaletteBrassBorderActive: #986f0b;
  --colorPaletteForestBackground2: #bdd99b;
  --colorPaletteForestForeground2: #294903;
  --colorPaletteForestBorderActive: #498205;
  --colorPaletteSeafoamBackground2: #a8f0cd;
  --colorPaletteSeafoamForeground2: #00723b;
  --colorPaletteSeafoamBorderActive: #00cc6a;
  --colorPaletteTealBackground2: #9bd9db;
  --colorPaletteTealForeground2: #02494c;
  --colorPaletteTealBorderActive: #038387;
  --colorPaletteSteelBackground2: #94c8d4;
  --colorPaletteSteelForeground2: #00333f;
  --colorPaletteSteelBorderActive: #005b70;
  --colorPaletteCornflowerBackground2: #c8d1fa;
  --colorPaletteCornflowerForeground2: #2c3c85;
  --colorPaletteCornflowerBorderActive: #4f6bed;
  --colorPaletteNavyBackground2: #a3b2e8;
  --colorPaletteNavyForeground2: #001665;
  --colorPaletteNavyBorderActive: #0027b4;
  --colorPaletteLavenderBackground2: #d2ccf8;
  --colorPaletteLavenderForeground2: #3f3682;
  --colorPaletteLavenderBorderActive: #7160e8;
  --colorPaletteGrapeBackground2: #d9a7e0;
  --colorPaletteGrapeForeground2: #4c0d55;
  --colorPaletteGrapeBorderActive: #881798;
  --colorPaletteLilacBackground2: #e6bfed;
  --colorPaletteLilacForeground2: #63276d;
  --colorPaletteLilacBorderActive: #b146c2;
  --colorPalettePlumBackground2: #d696c0;
  --colorPalettePlumForeground2: #43002b;
  --colorPalettePlumBorderActive: #77004d;
  --shadow2: 0 0 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
  --shadow4: 0 0 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.14);
  --shadow8: 0 0 2px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.14);
  --shadow16: 0 0 2px rgba(0,0,0,0.12), 0 8px 16px rgba(0,0,0,0.14);
  --shadow28: 0 0 8px rgba(0,0,0,0.12), 0 14px 28px rgba(0,0,0,0.14);
  --shadow64: 0 0 8px rgba(0,0,0,0.12), 0 32px 64px rgba(0,0,0,0.14);
  --huscBrand10: #061724;
  --huscBrand20: #082338;
  --huscBrand30: #0a2e4a;
  --huscBrand40: #0c3b5e;
  --huscBrand50: #0e4775;
  --huscBrand60: #0f548c;
  --huscBrand70: #115ea3;
  --huscBrand80: #0f6cbd;
  --huscBrand90: #2886de;
  --huscBrand100: #479ef5;
  --huscBrand110: #62abf5;
  --huscBrand120: #77b7f7;
  --huscBrand130: #96c6fa;
  --huscBrand140: #b4d6fa;
  --huscBrand150: #cfe4fa;
  --huscBrand160: #ebf3fc;
  --huscShieldBlue: #143980;
  --huscShieldRed: #da251c;
  --huscTierUnrated: #424242;
  --huscTierNewbie: #666666;
  --huscTierAmateur: #107c10;
  --huscTierExpert: #4760d5;
  --huscTierCandidateMaster: #881798;
  --huscTierMaster: #8f4e00;
  --huscTierGrandmaster: #c50f1f;
  --huscTierTargetFirst: #750b1c;
  --huscCellFullBg: var(--colorPaletteGreenBackground2);
  --huscCellFullFg: var(--colorPaletteGreenForeground2);
  --huscCellPartialBg: var(--colorPaletteMarigoldBackground2);
  --huscCellPartialFg: var(--colorPaletteMarigoldForeground2);
  --huscCellZeroBg: var(--colorPaletteRedBackground1);
  --huscCellZeroFg: var(--colorPaletteRedForeground1);
  --huscCellPendingBg: var(--huscFrozenBg);
  --huscCellPendingFg: var(--huscFrozenFg);
  --huscCellTries: var(--colorStatusDangerForeground1);
  --huscCodeBg: #ffffff;
  --huscCodeGutter: #f5f5f5;
  --huscCodeLineNo: #616161;
  --huscCodeText: #242424;
  --huscCodeKeyword: #0000ff;
  --huscCodeControl: #af00db;
  --huscCodeType: #267f99;
  --huscCodeString: #a31515;
  --huscCodeNumber: #098658;
  --huscCodeComment: #008000;
  --huscCodeFunction: #795e26;
  --huscCodeVariable: #001080;
  --huscCodeHighlight: #ebf3fc;
  --huscCatIntroBg: #cdeced;
  --huscCatOlpBg: #e4e8fc;
  --huscCatIcpcBg: #ecd3f0;
  --huscCatHueictBg: #f7e2d6;
  --huscCatSpitBg: #d4f8e6;
  --huscCatTrainingBg: #f6efd2;
  --huscFmtDefaultBg: #cae4ea;
  --huscFmtIcpcBg: #ecd3f0;
  --huscRatedBg: #f6efd2;
  --huscFrozenBg: #d1d8f4;
  --huscUpcomingBg: #e4e8fc;
  --huscTileContestBg: #f7e2d6;
  --huscTileProblemBg: #cdeced;
  --huscTileNewsBg: #e8e6fc;
  --huscTileCommentBg: #eacae0;
  --huscTileSubmissionBg: #d1d8f4;
  --huscTilePeopleBg: #f2dff6;
  --huscTileEditorialBg: #deeccd;
  --huscTileUpcomingBg: #e4e8fc;
  --huscTileStatsBg: #f0e6d0;
  --huscCatIntroFg: var(--colorPaletteTealForeground2);
  --huscCatOlpFg: var(--colorPaletteCornflowerForeground2);
  --huscCatIcpcFg: var(--colorPaletteGrapeForeground2);
  --huscCatHueictFg: var(--colorPalettePumpkinForeground2);
  --huscCatSpitFg: var(--colorPaletteSeafoamForeground2);
  --huscCatTrainingFg: var(--colorPaletteGoldForeground2);
  --huscFmtDefaultFg: var(--colorPaletteSteelForeground2);
  --huscFmtIcpcFg: var(--colorPaletteGrapeForeground2);
  --huscRatedFg: var(--colorPaletteGoldForeground2);
  --huscFrozenFg: var(--colorPaletteNavyForeground2);
  --huscUpcomingFg: var(--colorPaletteCornflowerForeground2);
  --huscTileContestFg: var(--colorPalettePumpkinForeground2);
  --huscTileProblemFg: var(--colorPaletteTealForeground2);
  --huscTileNewsFg: var(--colorPaletteLavenderForeground2);
  --huscTileCommentFg: var(--colorPalettePlumForeground2);
  --huscTileSubmissionFg: var(--colorPaletteNavyForeground2);
  --huscTilePeopleFg: var(--colorPaletteLilacForeground2);
  --huscTileEditorialFg: var(--colorPaletteForestForeground2);
  --huscTileUpcomingFg: var(--colorPaletteCornflowerForeground2);
  --huscTileStatsFg: var(--colorPaletteBrassForeground2);
  --huscCatOtherBg: var(--colorNeutralBackground4);
  --huscCatOtherFg: var(--colorNeutralForeground2);
  --huscTilePastBg: var(--colorNeutralBackground4);
  --huscTilePastFg: var(--colorNeutralForeground2);
  --huscLiveBg: var(--colorPaletteGreenBackground1);
  --huscLiveFg: var(--colorPaletteGreenForeground1);
  --huscLiveDot: var(--colorPaletteLightGreenForeground3);
  --huscTileLiveBg: #cfeccf;
  --huscTileLiveFg: var(--colorPaletteGreenForeground2);
  --huscMeterHigh: var(--colorPaletteGreenBackground3);
  --huscMeterMid: var(--colorPaletteMarigoldBackground3);
  --huscMeterLow: var(--colorPaletteRedBackground3);
  --huscRowSolved: var(--colorPaletteGreenBackground1);
  --huscFeatureBg: #f1f7fd;
  --huscMedalGoldFill: #efb839;
  --huscMedalGoldRing: #b27c00;
  --huscMedalGoldInk: #463100;
  --huscMedalSilverFill: #cdd6d8;
  --huscMedalSilverRing: #5f6d71;
  --huscMedalSilverInk: #1f2426;
  --huscMedalBronzeFill: #df8e64;
  --huscMedalBronzeRing: #b6480e;
  --huscMedalBronzeInk: #3d1805;
  --huscCellFullSolidBg: var(--colorPaletteGreenBackground3);
  --huscCellFullSolidFg: var(--colorNeutralForegroundStaticInverted);
  --huscCellPartialBar: var(--colorPaletteMarigoldForeground2);
  --huscHeat0: #ebebeb;
  --huscHeat1: #b4d6fa;
  --huscHeat2: #77b7f7;
  --huscHeat3: #2886de;
  --huscHeat4: #115ea3;
  --huscVerdictPartialBackground: #f8fcf4;
  --huscVerdictPartialForeground: #405f14;
  --huscVerdictPartialBorder: #cfe5af;
}

@media screen {
  :root[data-theme=dark] {
    color-scheme: dark;
    --colorNeutralBackground1: #292929;
    --colorNeutralBackground1Hover: #3d3d3d;
    --colorNeutralBackground1Pressed: #1f1f1f;
    --colorNeutralBackground1Selected: #383838;
    --colorNeutralBackground2: #1f1f1f;
    --colorNeutralBackground2Hover: #333333;
    --colorNeutralBackground2Pressed: #141414;
    --colorNeutralBackground2Selected: #2e2e2e;
    --colorNeutralBackground3: #141414;
    --colorNeutralBackground3Hover: #292929;
    --colorNeutralBackground3Pressed: #0a0a0a;
    --colorNeutralBackground3Selected: #242424;
    --colorNeutralBackground4: #0a0a0a;
    --colorNeutralBackground4Hover: #1f1f1f;
    --colorNeutralBackground4Pressed: #000000;
    --colorNeutralBackground4Selected: #1a1a1a;
    --colorNeutralBackground5: #000000;
    --colorNeutralBackground5Hover: #141414;
    --colorNeutralBackground5Pressed: #050505;
    --colorNeutralBackground5Selected: #0f0f0f;
    --colorNeutralBackground6: #333333;
    --colorNeutralBackgroundInverted: #ffffff;
    --colorNeutralBackgroundAlpha: rgba(26, 26, 26, 0.5);
    --colorNeutralBackgroundAlpha2: rgba(31, 31, 31, 0.7);
    --colorSubtleBackgroundHover: #383838;
    --colorSubtleBackgroundPressed: #2e2e2e;
    --colorSubtleBackgroundSelected: #333333;
    --colorNeutralBackgroundDisabled: #141414;
    --colorNeutralStencil1: #575757;
    --colorNeutralStencil2: #333333;
    --colorBackgroundOverlay: rgba(0, 0, 0, 0.5);
    --colorNeutralForeground1: #ffffff;
    --colorNeutralForeground1Hover: #ffffff;
    --colorNeutralForeground1Pressed: #ffffff;
    --colorNeutralForeground1Selected: #ffffff;
    --colorNeutralForeground2: #d6d6d6;
    --colorNeutralForeground2Hover: #ffffff;
    --colorNeutralForeground2Pressed: #ffffff;
    --colorNeutralForeground2Selected: #ffffff;
    --colorNeutralForeground2BrandHover: #479ef5;
    --colorNeutralForeground2BrandPressed: #2886de;
    --colorNeutralForeground2BrandSelected: #479ef5;
    --colorNeutralForeground3: #adadad;
    --colorNeutralForeground3Hover: #d6d6d6;
    --colorNeutralForeground3Pressed: #d6d6d6;
    --colorNeutralForeground3Selected: #d6d6d6;
    --colorNeutralForeground3BrandHover: #479ef5;
    --colorNeutralForeground3BrandPressed: #2886de;
    --colorNeutralForeground3BrandSelected: #479ef5;
    --colorNeutralForeground4: #999999;
    --colorNeutralForegroundDisabled: #5c5c5c;
    --colorNeutralForeground2Link: #d6d6d6;
    --colorNeutralForeground2LinkHover: #ffffff;
    --colorNeutralForeground2LinkPressed: #ffffff;
    --colorNeutralForeground2LinkSelected: #ffffff;
    --colorNeutralForegroundInverted: #242424;
    --colorNeutralStrokeAccessible: #adadad;
    --colorNeutralStrokeAccessibleHover: #bdbdbd;
    --colorNeutralStrokeAccessiblePressed: #b3b3b3;
    --colorNeutralStrokeAccessibleSelected: #479ef5;
    --colorNeutralStroke1: #666666;
    --colorNeutralStroke1Hover: #757575;
    --colorNeutralStroke1Pressed: #6b6b6b;
    --colorNeutralStroke1Selected: #707070;
    --colorNeutralStroke2: #525252;
    --colorNeutralStroke3: #3d3d3d;
    --colorNeutralStrokeSubtle: #0a0a0a;
    --colorNeutralStrokeOnBrand: #292929;
    --colorNeutralStrokeDisabled: #424242;
    --colorStrokeFocus1: #000000;
    --colorStrokeFocus2: #ffffff;
    --colorBrandForegroundLink: #479ef5;
    --colorBrandForegroundLinkHover: #62abf5;
    --colorBrandForegroundLinkPressed: #2886de;
    --colorBrandForegroundLinkSelected: #479ef5;
    --colorCompoundBrandForeground1: #479ef5;
    --colorCompoundBrandForeground1Hover: #62abf5;
    --colorCompoundBrandForeground1Pressed: #2886de;
    --colorBrandForeground1: #479ef5;
    --colorBrandForeground2: #62abf5;
    --colorBrandForeground2Hover: #96c6fa;
    --colorBrandForeground2Pressed: #ebf3fc;
    --colorBrandForegroundInverted: #0f6cbd;
    --colorBrandForegroundInvertedHover: #115ea3;
    --colorBrandForegroundInvertedPressed: #0f548c;
    --colorBrandBackground: #115ea3;
    --colorBrandBackgroundHover: #0f6cbd;
    --colorCompoundBrandBackground: #479ef5;
    --colorCompoundBrandBackgroundHover: #62abf5;
    --colorCompoundBrandBackgroundPressed: #2886de;
    --colorBrandBackground2: #082338;
    --colorBrandBackground2Hover: #0c3b5e;
    --colorBrandBackground2Pressed: #061724;
    --colorBrandStroke1: #479ef5;
    --colorBrandStroke2: #0e4775;
    --colorBrandStroke2Hover: #0e4775;
    --colorBrandStroke2Pressed: #0a2e4a;
    --colorBrandStroke2Contrast: #0e4775;
    --colorCompoundBrandStroke: #479ef5;
    --colorCompoundBrandStrokeHover: #62abf5;
    --colorCompoundBrandStrokePressed: #2886de;
    --colorStatusSuccessBackground1: #052505;
    --colorStatusSuccessBackground2: #094509;
    --colorStatusSuccessForeground1: #54b054;
    --colorStatusSuccessForeground2: #9fd89f;
    --colorStatusSuccessForeground3: #9fd89f;
    --colorStatusSuccessForegroundInverted: #0e700e;
    --colorStatusSuccessBorderActive: #54b054;
    --colorStatusSuccessBorder1: #107c10;
    --colorStatusSuccessBorder2: #9fd89f;
    --colorStatusWarningBackground1: #4a1e04;
    --colorStatusWarningBackground2: #8a3707;
    --colorStatusWarningForeground1: #faa06b;
    --colorStatusWarningForeground2: #fdcfb4;
    --colorStatusWarningForeground3: #f98845;
    --colorStatusWarningForegroundInverted: #bc4b09;
    --colorStatusWarningBorderActive: #faa06b;
    --colorStatusWarningBorder1: #f7630c;
    --colorStatusWarningBorder2: #f98845;
    --colorStatusDangerBackground1: #3b0509;
    --colorStatusDangerBackground2: #6e0811;
    --colorStatusDangerForeground1: #dc626d;
    --colorStatusDangerForeground2: #eeacb2;
    --colorStatusDangerForeground3: #eeacb2;
    --colorStatusDangerForegroundInverted: #b10e1c;
    --colorStatusDangerBorderActive: #dc626d;
    --colorStatusDangerBorder1: #c50f1f;
    --colorStatusDangerBorder2: #dc626d;
    --colorPaletteRedBackground1: #3f1011;
    --colorPaletteRedBackground2: #751d1f;
    --colorPaletteRedForeground1: #e37d80;
    --colorPaletteRedForeground2: #f1bbbc;
    --colorPaletteRedForeground3: #e37d80;
    --colorPaletteRedBorderActive: #e37d80;
    --colorPaletteRedBorder1: #d13438;
    --colorPaletteRedBorder2: #e37d80;
    --colorPaletteGreenBackground1: #052505;
    --colorPaletteGreenBackground2: #094509;
    --colorPaletteGreenForeground1: #54b054;
    --colorPaletteGreenForeground2: #9fd89f;
    --colorPaletteGreenForeground3: #9fd89f;
    --colorPaletteGreenBorderActive: #54b054;
    --colorPaletteGreenBorder1: #107c10;
    --colorPaletteGreenBorder2: #9fd89f;
    --colorPaletteDarkOrangeBackground1: #411200;
    --colorPaletteDarkOrangeBackground2: #7a2101;
    --colorPaletteDarkOrangeForeground1: #e9835e;
    --colorPaletteDarkOrangeForeground2: #f4bfab;
    --colorPaletteDarkOrangeForeground3: #e9835e;
    --colorPaletteDarkOrangeBorderActive: #e9835e;
    --colorPaletteDarkOrangeBorder1: #da3b01;
    --colorPaletteDarkOrangeBorder2: #e9835e;
    --colorPaletteYellowBackground1: #4c4400;
    --colorPaletteYellowBackground2: #817400;
    --colorPaletteYellowForeground1: #feee66;
    --colorPaletteYellowForeground2: #fef7b2;
    --colorPaletteYellowForeground3: #fdea3d;
    --colorPaletteYellowBorderActive: #feee66;
    --colorPaletteYellowBorder1: #fde300;
    --colorPaletteYellowBorder2: #fdea3d;
    --colorPaletteBerryBackground1: #3a1136;
    --colorPaletteBerryBackground2: #6d2064;
    --colorPaletteBerryForeground1: #da7ed0;
    --colorPaletteBerryForeground2: #edbbe7;
    --colorPaletteBerryForeground3: #d161c4;
    --colorPaletteBerryBorderActive: #da7ed0;
    --colorPaletteBerryBorder1: #c239b3;
    --colorPaletteBerryBorder2: #d161c4;
    --colorPaletteLightGreenBackground1: #063004;
    --colorPaletteLightGreenBackground2: #0b5a08;
    --colorPaletteLightGreenForeground1: #5ec75a;
    --colorPaletteLightGreenForeground2: #a7e3a5;
    --colorPaletteLightGreenForeground3: #3db838;
    --colorPaletteLightGreenBorderActive: #5ec75a;
    --colorPaletteLightGreenBorder1: #13a10e;
    --colorPaletteLightGreenBorder2: #3db838;
    --colorPaletteMarigoldBackground1: #463100;
    --colorPaletteMarigoldBackground2: #835b00;
    --colorPaletteMarigoldForeground1: #f2c661;
    --colorPaletteMarigoldForeground2: #f9e2ae;
    --colorPaletteMarigoldForeground3: #efb839;
    --colorPaletteMarigoldBorderActive: #f2c661;
    --colorPaletteMarigoldBorder1: #eaa300;
    --colorPaletteMarigoldBorder2: #efb839;
    --colorPalettePumpkinBackground2: #712d09;
    --colorPalettePumpkinForeground2: #efc4ad;
    --colorPalettePumpkinBorderActive: #df8e64;
    --colorPalettePeachBackground2: #8f4e00;
    --colorPalettePeachForeground2: #ffddb3;
    --colorPalettePeachBorderActive: #ffba66;
    --colorPaletteGoldBackground2: #6c5700;
    --colorPaletteGoldForeground2: #ecdfa5;
    --colorPaletteGoldBorderActive: #dac157;
    --colorPaletteBrassBackground2: #553e06;
    --colorPaletteBrassForeground2: #e0cea2;
    --colorPaletteBrassBorderActive: #c1a256;
    --colorPaletteForestBackground2: #294903;
    --colorPaletteForestForeground2: #bdd99b;
    --colorPaletteForestBorderActive: #85b44c;
    --colorPaletteSeafoamBackground2: #00723b;
    --colorPaletteSeafoamForeground2: #a8f0cd;
    --colorPaletteSeafoamBorderActive: #5ae0a0;
    --colorPaletteTealBackground2: #02494c;
    --colorPaletteTealForeground2: #9bd9db;
    --colorPaletteTealBorderActive: #4cb4b7;
    --colorPaletteSteelBackground2: #00333f;
    --colorPaletteSteelForeground2: #94c8d4;
    --colorPaletteSteelBorderActive: #4496a9;
    --colorPaletteCornflowerBackground2: #2c3c85;
    --colorPaletteCornflowerForeground2: #c8d1fa;
    --colorPaletteCornflowerBorderActive: #93a4f4;
    --colorPaletteNavyBackground2: #001665;
    --colorPaletteNavyForeground2: #a3b2e8;
    --colorPaletteNavyBorderActive: #546fd2;
    --colorPaletteLavenderBackground2: #3f3682;
    --colorPaletteLavenderForeground2: #d2ccf8;
    --colorPaletteLavenderBorderActive: #a79cf1;
    --colorPaletteGrapeBackground2: #4c0d55;
    --colorPaletteGrapeForeground2: #d9a7e0;
    --colorPaletteGrapeBorderActive: #b55fc1;
    --colorPaletteLilacBackground2: #63276d;
    --colorPaletteLilacForeground2: #e6bfed;
    --colorPaletteLilacBorderActive: #cf87da;
    --colorPalettePlumBackground2: #5a003b;
    --colorPalettePlumForeground2: #d696c0;
    --colorPalettePlumBorderActive: #ad4589;
    --shadow2: 0 0 2px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.28);
    --shadow4: 0 0 2px rgba(0,0,0,0.24), 0 2px 4px rgba(0,0,0,0.28);
    --shadow8: 0 0 2px rgba(0,0,0,0.24), 0 4px 8px rgba(0,0,0,0.28);
    --shadow16: 0 0 2px rgba(0,0,0,0.24), 0 8px 16px rgba(0,0,0,0.28);
    --shadow28: 0 0 8px rgba(0,0,0,0.24), 0 14px 28px rgba(0,0,0,0.28);
    --shadow64: 0 0 8px rgba(0,0,0,0.24), 0 32px 64px rgba(0,0,0,0.28);
    --huscTierUnrated: #d6d6d6;
    --huscTierNewbie: #adadad;
    --huscTierAmateur: #5ec75a;
    --huscTierExpert: #93a4f4;
    --huscTierCandidateMaster: #d9a7e0;
    --huscTierMaster: #ffa83d;
    --huscTierGrandmaster: #ff8f93;
    --huscTierTargetFirst: #f1bbbc;
    --huscCodeBg: #1f1f1f;
    --huscCodeGutter: #141414;
    --huscCodeLineNo: #adadad;
    --huscCodeText: #d4d4d4;
    --huscCodeKeyword: #569cd6;
    --huscCodeControl: #c586c0;
    --huscCodeType: #4ec9b0;
    --huscCodeString: #ce9178;
    --huscCodeNumber: #b5cea8;
    --huscCodeComment: #6a9955;
    --huscCodeFunction: #dcdcaa;
    --huscCodeVariable: #9cdcfe;
    --huscCodeHighlight: #082338;
    --huscCatIntroBg: #16393a;
    --huscCatOlpBg: #2a3257;
    --huscCatIcpcBg: #3a1b3f;
    --huscCatHueictBg: #4d2b19;
    --huscCatSpitBg: #144e32;
    --huscCatTrainingBg: #4a4014;
    --huscFmtDefaultBg: #142e34;
    --huscFmtIcpcBg: #3a1b3f;
    --huscRatedBg: #4a4014;
    --huscFrozenBg: #142047;
    --huscUpcomingBg: #2a3257;
    --huscTileContestBg: #4d2b19;
    --huscTileProblemBg: #16393a;
    --huscTileNewsBg: #343056;
    --huscTileCommentBg: #421432;
    --huscTileSubmissionBg: #142047;
    --huscTilePeopleBg: #46284b;
    --huscTileEditorialBg: #293916;
    --huscTileUpcomingBg: #2a3257;
    --huscTileStatsBg: #3f3418;
    --huscTileLiveBg: #193719;
    --huscFeatureBg: #122534;
    --huscCellPartialBar: var(--colorPaletteMarigoldBackground3);
    --huscHeat0: #333333;
    --huscHeat1: #0e4775;
    --huscHeat2: #115ea3;
    --huscHeat3: #2886de;
    --huscHeat4: #77b7f7;
    --huscVerdictPartialBackground: #23330b;
    --huscVerdictPartialForeground: #a4cc6c;
    --huscVerdictPartialBorder: #73aa24;
  }
}
@media screen and (prefers-color-scheme: dark) {
  :root[data-theme=auto] {
    color-scheme: dark;
    --colorNeutralBackground1: #292929;
    --colorNeutralBackground1Hover: #3d3d3d;
    --colorNeutralBackground1Pressed: #1f1f1f;
    --colorNeutralBackground1Selected: #383838;
    --colorNeutralBackground2: #1f1f1f;
    --colorNeutralBackground2Hover: #333333;
    --colorNeutralBackground2Pressed: #141414;
    --colorNeutralBackground2Selected: #2e2e2e;
    --colorNeutralBackground3: #141414;
    --colorNeutralBackground3Hover: #292929;
    --colorNeutralBackground3Pressed: #0a0a0a;
    --colorNeutralBackground3Selected: #242424;
    --colorNeutralBackground4: #0a0a0a;
    --colorNeutralBackground4Hover: #1f1f1f;
    --colorNeutralBackground4Pressed: #000000;
    --colorNeutralBackground4Selected: #1a1a1a;
    --colorNeutralBackground5: #000000;
    --colorNeutralBackground5Hover: #141414;
    --colorNeutralBackground5Pressed: #050505;
    --colorNeutralBackground5Selected: #0f0f0f;
    --colorNeutralBackground6: #333333;
    --colorNeutralBackgroundInverted: #ffffff;
    --colorNeutralBackgroundAlpha: rgba(26, 26, 26, 0.5);
    --colorNeutralBackgroundAlpha2: rgba(31, 31, 31, 0.7);
    --colorSubtleBackgroundHover: #383838;
    --colorSubtleBackgroundPressed: #2e2e2e;
    --colorSubtleBackgroundSelected: #333333;
    --colorNeutralBackgroundDisabled: #141414;
    --colorNeutralStencil1: #575757;
    --colorNeutralStencil2: #333333;
    --colorBackgroundOverlay: rgba(0, 0, 0, 0.5);
    --colorNeutralForeground1: #ffffff;
    --colorNeutralForeground1Hover: #ffffff;
    --colorNeutralForeground1Pressed: #ffffff;
    --colorNeutralForeground1Selected: #ffffff;
    --colorNeutralForeground2: #d6d6d6;
    --colorNeutralForeground2Hover: #ffffff;
    --colorNeutralForeground2Pressed: #ffffff;
    --colorNeutralForeground2Selected: #ffffff;
    --colorNeutralForeground2BrandHover: #479ef5;
    --colorNeutralForeground2BrandPressed: #2886de;
    --colorNeutralForeground2BrandSelected: #479ef5;
    --colorNeutralForeground3: #adadad;
    --colorNeutralForeground3Hover: #d6d6d6;
    --colorNeutralForeground3Pressed: #d6d6d6;
    --colorNeutralForeground3Selected: #d6d6d6;
    --colorNeutralForeground3BrandHover: #479ef5;
    --colorNeutralForeground3BrandPressed: #2886de;
    --colorNeutralForeground3BrandSelected: #479ef5;
    --colorNeutralForeground4: #999999;
    --colorNeutralForegroundDisabled: #5c5c5c;
    --colorNeutralForeground2Link: #d6d6d6;
    --colorNeutralForeground2LinkHover: #ffffff;
    --colorNeutralForeground2LinkPressed: #ffffff;
    --colorNeutralForeground2LinkSelected: #ffffff;
    --colorNeutralForegroundInverted: #242424;
    --colorNeutralStrokeAccessible: #adadad;
    --colorNeutralStrokeAccessibleHover: #bdbdbd;
    --colorNeutralStrokeAccessiblePressed: #b3b3b3;
    --colorNeutralStrokeAccessibleSelected: #479ef5;
    --colorNeutralStroke1: #666666;
    --colorNeutralStroke1Hover: #757575;
    --colorNeutralStroke1Pressed: #6b6b6b;
    --colorNeutralStroke1Selected: #707070;
    --colorNeutralStroke2: #525252;
    --colorNeutralStroke3: #3d3d3d;
    --colorNeutralStrokeSubtle: #0a0a0a;
    --colorNeutralStrokeOnBrand: #292929;
    --colorNeutralStrokeDisabled: #424242;
    --colorStrokeFocus1: #000000;
    --colorStrokeFocus2: #ffffff;
    --colorBrandForegroundLink: #479ef5;
    --colorBrandForegroundLinkHover: #62abf5;
    --colorBrandForegroundLinkPressed: #2886de;
    --colorBrandForegroundLinkSelected: #479ef5;
    --colorCompoundBrandForeground1: #479ef5;
    --colorCompoundBrandForeground1Hover: #62abf5;
    --colorCompoundBrandForeground1Pressed: #2886de;
    --colorBrandForeground1: #479ef5;
    --colorBrandForeground2: #62abf5;
    --colorBrandForeground2Hover: #96c6fa;
    --colorBrandForeground2Pressed: #ebf3fc;
    --colorBrandForegroundInverted: #0f6cbd;
    --colorBrandForegroundInvertedHover: #115ea3;
    --colorBrandForegroundInvertedPressed: #0f548c;
    --colorBrandBackground: #115ea3;
    --colorBrandBackgroundHover: #0f6cbd;
    --colorCompoundBrandBackground: #479ef5;
    --colorCompoundBrandBackgroundHover: #62abf5;
    --colorCompoundBrandBackgroundPressed: #2886de;
    --colorBrandBackground2: #082338;
    --colorBrandBackground2Hover: #0c3b5e;
    --colorBrandBackground2Pressed: #061724;
    --colorBrandStroke1: #479ef5;
    --colorBrandStroke2: #0e4775;
    --colorBrandStroke2Hover: #0e4775;
    --colorBrandStroke2Pressed: #0a2e4a;
    --colorBrandStroke2Contrast: #0e4775;
    --colorCompoundBrandStroke: #479ef5;
    --colorCompoundBrandStrokeHover: #62abf5;
    --colorCompoundBrandStrokePressed: #2886de;
    --colorStatusSuccessBackground1: #052505;
    --colorStatusSuccessBackground2: #094509;
    --colorStatusSuccessForeground1: #54b054;
    --colorStatusSuccessForeground2: #9fd89f;
    --colorStatusSuccessForeground3: #9fd89f;
    --colorStatusSuccessForegroundInverted: #0e700e;
    --colorStatusSuccessBorderActive: #54b054;
    --colorStatusSuccessBorder1: #107c10;
    --colorStatusSuccessBorder2: #9fd89f;
    --colorStatusWarningBackground1: #4a1e04;
    --colorStatusWarningBackground2: #8a3707;
    --colorStatusWarningForeground1: #faa06b;
    --colorStatusWarningForeground2: #fdcfb4;
    --colorStatusWarningForeground3: #f98845;
    --colorStatusWarningForegroundInverted: #bc4b09;
    --colorStatusWarningBorderActive: #faa06b;
    --colorStatusWarningBorder1: #f7630c;
    --colorStatusWarningBorder2: #f98845;
    --colorStatusDangerBackground1: #3b0509;
    --colorStatusDangerBackground2: #6e0811;
    --colorStatusDangerForeground1: #dc626d;
    --colorStatusDangerForeground2: #eeacb2;
    --colorStatusDangerForeground3: #eeacb2;
    --colorStatusDangerForegroundInverted: #b10e1c;
    --colorStatusDangerBorderActive: #dc626d;
    --colorStatusDangerBorder1: #c50f1f;
    --colorStatusDangerBorder2: #dc626d;
    --colorPaletteRedBackground1: #3f1011;
    --colorPaletteRedBackground2: #751d1f;
    --colorPaletteRedForeground1: #e37d80;
    --colorPaletteRedForeground2: #f1bbbc;
    --colorPaletteRedForeground3: #e37d80;
    --colorPaletteRedBorderActive: #e37d80;
    --colorPaletteRedBorder1: #d13438;
    --colorPaletteRedBorder2: #e37d80;
    --colorPaletteGreenBackground1: #052505;
    --colorPaletteGreenBackground2: #094509;
    --colorPaletteGreenForeground1: #54b054;
    --colorPaletteGreenForeground2: #9fd89f;
    --colorPaletteGreenForeground3: #9fd89f;
    --colorPaletteGreenBorderActive: #54b054;
    --colorPaletteGreenBorder1: #107c10;
    --colorPaletteGreenBorder2: #9fd89f;
    --colorPaletteDarkOrangeBackground1: #411200;
    --colorPaletteDarkOrangeBackground2: #7a2101;
    --colorPaletteDarkOrangeForeground1: #e9835e;
    --colorPaletteDarkOrangeForeground2: #f4bfab;
    --colorPaletteDarkOrangeForeground3: #e9835e;
    --colorPaletteDarkOrangeBorderActive: #e9835e;
    --colorPaletteDarkOrangeBorder1: #da3b01;
    --colorPaletteDarkOrangeBorder2: #e9835e;
    --colorPaletteYellowBackground1: #4c4400;
    --colorPaletteYellowBackground2: #817400;
    --colorPaletteYellowForeground1: #feee66;
    --colorPaletteYellowForeground2: #fef7b2;
    --colorPaletteYellowForeground3: #fdea3d;
    --colorPaletteYellowBorderActive: #feee66;
    --colorPaletteYellowBorder1: #fde300;
    --colorPaletteYellowBorder2: #fdea3d;
    --colorPaletteBerryBackground1: #3a1136;
    --colorPaletteBerryBackground2: #6d2064;
    --colorPaletteBerryForeground1: #da7ed0;
    --colorPaletteBerryForeground2: #edbbe7;
    --colorPaletteBerryForeground3: #d161c4;
    --colorPaletteBerryBorderActive: #da7ed0;
    --colorPaletteBerryBorder1: #c239b3;
    --colorPaletteBerryBorder2: #d161c4;
    --colorPaletteLightGreenBackground1: #063004;
    --colorPaletteLightGreenBackground2: #0b5a08;
    --colorPaletteLightGreenForeground1: #5ec75a;
    --colorPaletteLightGreenForeground2: #a7e3a5;
    --colorPaletteLightGreenForeground3: #3db838;
    --colorPaletteLightGreenBorderActive: #5ec75a;
    --colorPaletteLightGreenBorder1: #13a10e;
    --colorPaletteLightGreenBorder2: #3db838;
    --colorPaletteMarigoldBackground1: #463100;
    --colorPaletteMarigoldBackground2: #835b00;
    --colorPaletteMarigoldForeground1: #f2c661;
    --colorPaletteMarigoldForeground2: #f9e2ae;
    --colorPaletteMarigoldForeground3: #efb839;
    --colorPaletteMarigoldBorderActive: #f2c661;
    --colorPaletteMarigoldBorder1: #eaa300;
    --colorPaletteMarigoldBorder2: #efb839;
    --colorPalettePumpkinBackground2: #712d09;
    --colorPalettePumpkinForeground2: #efc4ad;
    --colorPalettePumpkinBorderActive: #df8e64;
    --colorPalettePeachBackground2: #8f4e00;
    --colorPalettePeachForeground2: #ffddb3;
    --colorPalettePeachBorderActive: #ffba66;
    --colorPaletteGoldBackground2: #6c5700;
    --colorPaletteGoldForeground2: #ecdfa5;
    --colorPaletteGoldBorderActive: #dac157;
    --colorPaletteBrassBackground2: #553e06;
    --colorPaletteBrassForeground2: #e0cea2;
    --colorPaletteBrassBorderActive: #c1a256;
    --colorPaletteForestBackground2: #294903;
    --colorPaletteForestForeground2: #bdd99b;
    --colorPaletteForestBorderActive: #85b44c;
    --colorPaletteSeafoamBackground2: #00723b;
    --colorPaletteSeafoamForeground2: #a8f0cd;
    --colorPaletteSeafoamBorderActive: #5ae0a0;
    --colorPaletteTealBackground2: #02494c;
    --colorPaletteTealForeground2: #9bd9db;
    --colorPaletteTealBorderActive: #4cb4b7;
    --colorPaletteSteelBackground2: #00333f;
    --colorPaletteSteelForeground2: #94c8d4;
    --colorPaletteSteelBorderActive: #4496a9;
    --colorPaletteCornflowerBackground2: #2c3c85;
    --colorPaletteCornflowerForeground2: #c8d1fa;
    --colorPaletteCornflowerBorderActive: #93a4f4;
    --colorPaletteNavyBackground2: #001665;
    --colorPaletteNavyForeground2: #a3b2e8;
    --colorPaletteNavyBorderActive: #546fd2;
    --colorPaletteLavenderBackground2: #3f3682;
    --colorPaletteLavenderForeground2: #d2ccf8;
    --colorPaletteLavenderBorderActive: #a79cf1;
    --colorPaletteGrapeBackground2: #4c0d55;
    --colorPaletteGrapeForeground2: #d9a7e0;
    --colorPaletteGrapeBorderActive: #b55fc1;
    --colorPaletteLilacBackground2: #63276d;
    --colorPaletteLilacForeground2: #e6bfed;
    --colorPaletteLilacBorderActive: #cf87da;
    --colorPalettePlumBackground2: #5a003b;
    --colorPalettePlumForeground2: #d696c0;
    --colorPalettePlumBorderActive: #ad4589;
    --shadow2: 0 0 2px rgba(0,0,0,0.24), 0 1px 2px rgba(0,0,0,0.28);
    --shadow4: 0 0 2px rgba(0,0,0,0.24), 0 2px 4px rgba(0,0,0,0.28);
    --shadow8: 0 0 2px rgba(0,0,0,0.24), 0 4px 8px rgba(0,0,0,0.28);
    --shadow16: 0 0 2px rgba(0,0,0,0.24), 0 8px 16px rgba(0,0,0,0.28);
    --shadow28: 0 0 8px rgba(0,0,0,0.24), 0 14px 28px rgba(0,0,0,0.28);
    --shadow64: 0 0 8px rgba(0,0,0,0.24), 0 32px 64px rgba(0,0,0,0.28);
    --huscTierUnrated: #d6d6d6;
    --huscTierNewbie: #adadad;
    --huscTierAmateur: #5ec75a;
    --huscTierExpert: #93a4f4;
    --huscTierCandidateMaster: #d9a7e0;
    --huscTierMaster: #ffa83d;
    --huscTierGrandmaster: #ff8f93;
    --huscTierTargetFirst: #f1bbbc;
    --huscCodeBg: #1f1f1f;
    --huscCodeGutter: #141414;
    --huscCodeLineNo: #adadad;
    --huscCodeText: #d4d4d4;
    --huscCodeKeyword: #569cd6;
    --huscCodeControl: #c586c0;
    --huscCodeType: #4ec9b0;
    --huscCodeString: #ce9178;
    --huscCodeNumber: #b5cea8;
    --huscCodeComment: #6a9955;
    --huscCodeFunction: #dcdcaa;
    --huscCodeVariable: #9cdcfe;
    --huscCodeHighlight: #082338;
    --huscCatIntroBg: #16393a;
    --huscCatOlpBg: #2a3257;
    --huscCatIcpcBg: #3a1b3f;
    --huscCatHueictBg: #4d2b19;
    --huscCatSpitBg: #144e32;
    --huscCatTrainingBg: #4a4014;
    --huscFmtDefaultBg: #142e34;
    --huscFmtIcpcBg: #3a1b3f;
    --huscRatedBg: #4a4014;
    --huscFrozenBg: #142047;
    --huscUpcomingBg: #2a3257;
    --huscTileContestBg: #4d2b19;
    --huscTileProblemBg: #16393a;
    --huscTileNewsBg: #343056;
    --huscTileCommentBg: #421432;
    --huscTileSubmissionBg: #142047;
    --huscTilePeopleBg: #46284b;
    --huscTileEditorialBg: #293916;
    --huscTileUpcomingBg: #2a3257;
    --huscTileStatsBg: #3f3418;
    --huscTileLiveBg: #193719;
    --huscFeatureBg: #122534;
    --huscCellPartialBar: var(--colorPaletteMarigoldBackground3);
    --huscHeat0: #333333;
    --huscHeat1: #0e4775;
    --huscHeat2: #115ea3;
    --huscHeat3: #2886de;
    --huscHeat4: #77b7f7;
    --huscVerdictPartialBackground: #23330b;
    --huscVerdictPartialForeground: #a4cc6c;
    --huscVerdictPartialBorder: #73aa24;
  }
}
html {
  scroll-padding-top: calc(var(--fl-shell-height, 48px) + 8px);
}

body.fl {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  background-color: var(--colorNeutralBackground2);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
dl,
dd,
figure,
pre {
  margin: 0;
}

ul,
ol {
  padding: 0;
  list-style: none;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

code,
pre,
kbd,
samp {
  font-family: var(--fontFamilyMonospace);
}

.fl a:not([class]),
.fl .fl-link {
  color: var(--colorBrandForegroundLink);
  text-decoration: none;
}
.fl a:not([class]):hover,
.fl .fl-link:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}
.fl a:not([class]):active,
.fl .fl-link:active {
  color: var(--colorBrandForegroundLinkPressed);
}

.fl :focus:not(:focus-visible) {
  outline: none;
}

.fl :focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 1px;
}

::placeholder {
  color: var(--colorNeutralForeground4);
  opacity: 1;
}

::selection {
  background: var(--colorBrandBackground2Hover);
  color: var(--colorNeutralForeground1);
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.fl [hidden] {
  display: none !important;
}

.fl .fl-sr {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.fl .fl-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--colorNeutralStroke1) transparent;
}

.fl-scroll {
  position: relative;
}

@media (max-width: 639.98px) {
  .fl .fl-hide-sm {
    display: none !important;
  }
}
@media (min-width: 640px) {
  .fl .fl-only-sm {
    display: none !important;
  }
}
@media (max-width: 1023.98px) {
  .fl .fl-hide-md {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .fl .fl-only-md {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .fl .fl-hide-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .fl .fl-only-lg {
    display: none !important;
  }
}
@keyframes fui-spinner-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes fui-progress-indeterminate {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(300%);
  }
}
@keyframes fui-skeleton-wave {
  from {
    background-position: 150% 0;
  }
  to {
    background-position: -50% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .fl *,
  .fl *::before,
  .fl *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
.fl-main {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px clamp(16px, 3vw, 40px) 48px;
}

.fl-columns {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px;
}

.fl-columns__main {
  display: flex;
  flex: 999 1 640px;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.fl-columns__aside {
  display: flex;
  flex: 1 1 300px;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.fl-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  gap: 16px;
}

.fl-icon {
  display: inline-block;
  flex-shrink: 0;
  fill: currentColor;
  vertical-align: middle;
}

.fl-btn {
  --fl-btn-icon: currentColor;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 96px;
  height: 32px;
  margin: 0;
  padding: 5px var(--spacingHorizontalM);
  overflow: hidden;
  vertical-align: middle;
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition-property: background, border, color;
  transition-duration: var(--durationFaster);
  transition-timing-function: var(--curveEasyEase);
}
.fl-btn[aria-pressed=true] {
  background-color: var(--colorNeutralBackground1Selected);
  color: var(--colorNeutralForeground1Selected);
}
.fl-btn:hover {
  background-color: var(--colorNeutralBackground1Hover);
  border-color: var(--colorNeutralStroke1Hover);
  color: var(--colorNeutralForeground1Hover);
  text-decoration: none;
}
.fl-btn:active {
  background-color: var(--colorNeutralBackground1Pressed);
  border-color: var(--colorNeutralStroke1Pressed);
  color: var(--colorNeutralForeground1Pressed);
}
.fl-btn:focus-visible {
  border-color: var(--colorStrokeFocus2);
  box-shadow: 0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;
  outline: var(--strokeWidthThick) solid var(--colorTransparentStroke);
  z-index: 1;
}
.fl-btn[aria-expanded=true] {
  background-color: var(--colorNeutralBackground1Selected);
  border-color: var(--colorNeutralStroke1Selected);
  color: var(--colorNeutralForeground1Selected);
}

.fl-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: var(--spacingHorizontalSNudge);
  color: var(--fl-btn-icon);
}

.fl-btn__chevron {
  display: inline-flex;
  width: 12px;
  height: 12px;
  margin-left: var(--spacingHorizontalXS);
}

.fl-btn--primary {
  border-color: transparent;
  background-color: var(--colorBrandBackground);
  color: var(--colorNeutralForegroundOnBrand);
}
.fl-btn--primary:hover {
  border-color: transparent;
  background-color: var(--colorBrandBackgroundHover);
  color: var(--colorNeutralForegroundOnBrand);
}
.fl-btn--primary:active {
  border-color: transparent;
  background-color: var(--colorBrandBackgroundPressed);
  color: var(--colorNeutralForegroundOnBrand);
}
.fl-btn--primary:focus-visible {
  box-shadow: var(--shadow2), 0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset, 0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;
}
.fl-btn--primary[aria-expanded=true], .fl-btn--primary[aria-pressed=true] {
  border-color: transparent;
  background-color: var(--colorBrandBackgroundSelected);
  color: var(--colorNeutralForegroundOnBrand);
}

.fl-btn--outline {
  background-color: var(--colorTransparentBackground);
}
.fl-btn--outline:hover {
  background-color: var(--colorTransparentBackgroundHover);
}
.fl-btn--outline:active {
  background-color: var(--colorTransparentBackgroundPressed);
}

.fl-btn--subtle {
  --fl-btn-icon: var(--colorNeutralForeground2);
  border-color: transparent;
  background-color: var(--colorSubtleBackground);
  color: var(--colorNeutralForeground2);
}
.fl-btn--subtle[aria-pressed=true] {
  --fl-btn-icon: var(--colorNeutralForeground2BrandSelected);
  border-color: transparent;
  background-color: var(--colorSubtleBackgroundSelected);
  color: var(--colorNeutralForeground2Selected);
}
.fl-btn--subtle:hover {
  --fl-btn-icon: var(--colorNeutralForeground2BrandHover);
  border-color: transparent;
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground2Hover);
}
.fl-btn--subtle:active {
  --fl-btn-icon: var(--colorNeutralForeground2BrandPressed);
  border-color: transparent;
  background-color: var(--colorSubtleBackgroundPressed);
  color: var(--colorNeutralForeground2Pressed);
}
.fl-btn--subtle[aria-expanded=true] {
  --fl-btn-icon: var(--colorNeutralForeground2BrandSelected);
  border-color: transparent;
  background-color: var(--colorSubtleBackgroundSelected);
  color: var(--colorNeutralForeground2Selected);
}

.fl-btn--transparent {
  border-color: transparent;
  background-color: var(--colorTransparentBackground);
  color: var(--colorNeutralForeground2);
}
.fl-btn--transparent[aria-expanded=true] {
  border-color: transparent;
  background-color: var(--colorTransparentBackground);
  color: var(--colorNeutralForeground2);
}
.fl-btn--transparent[aria-pressed=true] {
  border-color: transparent;
  background-color: var(--colorTransparentBackgroundSelected);
  color: var(--colorNeutralForeground2BrandSelected);
}
.fl-btn--transparent:hover {
  border-color: transparent;
  background-color: var(--colorTransparentBackgroundHover);
  color: var(--colorNeutralForeground2BrandHover);
}
.fl-btn--transparent:active {
  border-color: transparent;
  background-color: var(--colorTransparentBackgroundPressed);
  color: var(--colorNeutralForeground2BrandPressed);
}

.fl-btn--sm {
  min-width: 64px;
  height: 24px;
  padding: 3px var(--spacingHorizontalS);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-btn--sm .fl-btn__icon {
  margin-right: var(--spacingHorizontalXS);
}

.fl-btn--lg {
  height: 40px;
  padding: 8px var(--spacingHorizontalL);
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyBase);
}

.fl-btn--icon {
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  padding: 5px;
}
.fl-btn--icon .fl-btn__icon {
  margin-right: 0;
}
.fl-btn--icon.fl-btn--sm {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  padding: 1px;
}
.fl-btn--icon.fl-btn--lg {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  padding: 7px;
}

.fl-btn--circular {
  border-radius: var(--borderRadiusCircular);
}

.fl-btn--sm:focus-visible {
  border-radius: var(--borderRadiusSmall);
}

.fl-btn--lg:focus-visible {
  border-radius: var(--borderRadiusLarge);
}

.fl-btn--circular:focus-visible {
  border-radius: var(--borderRadiusCircular);
}

.fl-contest-bar .fl-btn:focus-visible {
  border-radius: var(--borderRadiusMedium);
}

.fl-btn--block {
  width: 100%;
}

.fl-btn:disabled,
.fl-btn[aria-disabled=true] {
  --fl-btn-icon: var(--colorNeutralForegroundDisabled);
  border-color: var(--colorNeutralStrokeDisabled);
  background-color: var(--colorNeutralBackgroundDisabled);
  color: var(--colorNeutralForegroundDisabled);
  cursor: not-allowed;
}
.fl-btn:disabled.fl-btn--primary,
.fl-btn[aria-disabled=true].fl-btn--primary {
  border-color: transparent;
}
.fl-btn:disabled.fl-btn--outline,
.fl-btn[aria-disabled=true].fl-btn--outline {
  background-color: var(--colorTransparentBackground);
}
.fl-btn:disabled.fl-btn--subtle, .fl-btn:disabled.fl-btn--transparent,
.fl-btn[aria-disabled=true].fl-btn--subtle,
.fl-btn[aria-disabled=true].fl-btn--transparent {
  border-color: transparent;
  background-color: var(--colorTransparentBackground);
}

.fl-menu-anchor {
  position: relative;
}

.fl-menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  gap: 2px;
  box-sizing: border-box;
  min-width: 200px;
  max-width: 300px;
  width: max-content;
  padding: 4px;
  border: var(--strokeWidthThin) solid var(--colorTransparentStroke);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  box-shadow: var(--shadow16);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}
.fl-menu:not(.is-open) {
  display: none;
}

.fl-menu--end {
  right: 0;
  left: auto;
}

.fl-menu__item {
  --fl-menu-icon: currentColor;
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  box-sizing: border-box;
  width: 100%;
  min-height: 32px;
  margin: 0;
  padding: var(--spacingVerticalSNudge);
  border: none;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground2);
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.fl-menu__item:hover {
  --fl-menu-icon: var(--colorNeutralForeground2BrandSelected);
  background-color: var(--colorNeutralBackground1Hover);
  color: var(--colorNeutralForeground2Hover);
  text-decoration: none;
}
.fl-menu__item:active {
  --fl-menu-icon: var(--colorNeutralForeground2BrandSelected);
  background-color: var(--colorNeutralBackground1Pressed);
  color: var(--colorNeutralForeground2Pressed);
}
.fl-menu__item:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 0;
}

.fl-menu__icon {
  display: inline-flex;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: var(--fl-menu-icon);
}

.fl-menu__check {
  display: inline-flex;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  visibility: hidden;
}
[aria-checked=true] > .fl-menu__check {
  visibility: visible;
}

.fl-menu__label {
  flex-grow: 1;
  padding: 0 2px;
}

.fl-menu__header {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 8px;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-menu__divider {
  margin: 4px -5px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-menu form {
  margin: 0;
}

.fl-input,
.fl-select,
.fl-textarea {
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  border-bottom-color: transparent;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  background-image: linear-gradient(var(--colorCompoundBrandStroke), var(--colorCompoundBrandStroke)), linear-gradient(var(--fl-input-bottom, var(--colorNeutralStrokeAccessible)), var(--fl-input-bottom, var(--colorNeutralStrokeAccessible)));
  background-repeat: no-repeat;
  background-origin: border-box;
  background-position: 50% 100%, 0 100%;
  background-size: 0% 2px, 100% 1px;
  transition: background-size var(--durationUltraFast) var(--curveAccelerateMid);
  outline: 2px solid transparent;
}
.fl-input:hover,
.fl-select:hover,
.fl-textarea:hover {
  --fl-input-bottom: var(--colorNeutralStrokeAccessibleHover);
  border-color: var(--colorNeutralStroke1Hover);
  border-bottom-color: transparent;
}
.fl-input:focus, .fl-input:focus-visible,
.fl-select:focus,
.fl-select:focus-visible,
.fl-textarea:focus,
.fl-textarea:focus-visible {
  --fl-input-bottom: var(--colorNeutralStrokeAccessiblePressed);
  border-color: var(--colorNeutralStroke1Pressed);
  border-bottom-color: transparent;
  background-size: 100% 2px, 100% 1px;
  transition: background-size var(--durationNormal) var(--curveDecelerateMid);
  outline: 2px solid transparent;
}
.fl-input,
.fl-select,
.fl-textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}
.fl-input:disabled,
.fl-select:disabled,
.fl-textarea:disabled {
  border-color: var(--colorNeutralStrokeDisabled);
  background-color: var(--colorTransparentBackground);
  background-image: none;
  color: var(--colorNeutralForegroundDisabled);
  cursor: not-allowed;
}
.fl-input[aria-invalid=true]:not(:focus),
.fl-select[aria-invalid=true]:not(:focus),
.fl-textarea[aria-invalid=true]:not(:focus) {
  --fl-input-bottom: var(--colorPaletteRedBorder2);
  border-color: var(--colorPaletteRedBorder2);
  border-bottom-color: transparent;
}

.fl-input {
  height: 32px;
  padding: 0 var(--spacingHorizontalMNudge);
}

.fl-textarea {
  min-height: 52px;
  padding: var(--spacingVerticalSNudge) var(--spacingHorizontalMNudge);
  resize: vertical;
}

.fl-select {
  height: 32px;
  padding: 0 28px 0 var(--spacingHorizontalMNudge);
  appearance: none;
  cursor: pointer;
}

.fl-form-size {
  height: clamp(32px, 72px - 6.25vw, 40px);
}

.fl-field-wrap {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
}

.fl-field-wrap__before,
.fl-field-wrap__after {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: flex;
  transform: translateY(-50%);
  color: var(--colorNeutralForeground3);
  pointer-events: none;
}

.fl-field-wrap__before {
  left: 9px;
}
.fl-field-wrap__before + .fl-input {
  padding-left: 34px;
}

.fl-field-wrap__after {
  right: 8px;
  color: var(--colorNeutralStrokeAccessible);
}

.fl-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacingVerticalXXS);
  min-width: 0;
}

.fl-label {
  max-width: max-content;
  margin: 0;
  padding: var(--spacingVerticalXXS) 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}

.fl-label__required {
  padding-left: var(--spacingHorizontalXS);
  color: var(--colorPaletteRedForeground3);
}

.fl-hint {
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-field-error {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  color: var(--colorPaletteRedForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-field-error .fl-icon {
  margin-top: 2px;
}

.fl-msgbar {
  --fl-msgbar-icon: var(--colorNeutralForeground3);
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  min-height: 36px;
  padding: 8px 0 8px var(--spacingHorizontalM);
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground3);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}

.fl-msgbar__icon {
  display: flex;
  flex-shrink: 0;
  margin-right: var(--spacingHorizontalS);
  color: var(--fl-msgbar-icon);
}

.fl-msgbar__body {
  flex: 1 1 auto;
  min-width: 0;
  padding-right: var(--spacingHorizontalM);
  overflow-wrap: break-word;
}
.fl-msgbar__body a {
  text-decoration: underline;
}

.fl-msgbar__title {
  font-weight: var(--fontWeightSemibold);
}

.fl-msgbar__actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--spacingHorizontalM);
  margin: -2px 0;
  padding-right: var(--spacingHorizontalM);
}

.fl-msgbar--wrap {
  flex-wrap: wrap;
  align-items: center;
  row-gap: var(--spacingVerticalXS);
  padding: 7px var(--spacingHorizontalM);
}
.fl-msgbar--wrap .fl-msgbar__body {
  flex: 1 1 280px;
}

.fl-msgbar__action {
  margin-left: auto;
  white-space: nowrap;
}

.fl-msgbar--dismissible {
  align-items: center;
  padding: 5px var(--spacingHorizontalXS) 5px var(--spacingHorizontalM);
}
.fl-msgbar--dismissible .fl-msgbar__body {
  padding-top: var(--spacingVerticalXXS);
  padding-bottom: var(--spacingVerticalXXS);
}

.fl-msgbar--wrap .fl-msgbar__icon,
.fl-msgbar--dismissible .fl-msgbar__icon {
  align-self: flex-start;
}

.fl-msgbar--dismissible .fl-msgbar__icon {
  margin-top: var(--spacingVerticalXXS);
}

.fl-msgbar__close {
  margin-left: auto;
}

.fl-msgbar--success {
  --fl-msgbar-icon: var(--colorStatusSuccessForeground1);
  border-color: var(--colorStatusSuccessBorder1);
  background-color: var(--colorStatusSuccessBackground1);
}

.fl-msgbar--warning {
  --fl-msgbar-icon: var(--colorStatusWarningForeground3);
  border-color: var(--colorStatusWarningBorder1);
  background-color: var(--colorStatusWarningBackground1);
}

.fl-msgbar--error {
  --fl-msgbar-icon: var(--colorStatusDangerForeground1);
  border-color: var(--colorStatusDangerBorder1);
  background-color: var(--colorStatusDangerBackground1);
}

.fl-dialog-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40;
  background-color: var(--colorBackgroundOverlay);
}

.fl-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 41;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 600px;
  height: -moz-fit-content;
  height: fit-content;
  max-height: calc(100vh - 32px);
  margin: auto;
  padding: 24px;
  overflow-y: auto;
  border: var(--strokeWidthThin) solid var(--colorTransparentStroke);
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  box-shadow: var(--shadow64);
}
.fl-dialog:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 0;
}

.fl-dialog__title {
  grid-column: 1;
  margin: 0;
  font: var(--fontWeightSemibold) var(--fontSizeBase500)/var(--lineHeightBase500) var(--fontFamilyBase);
}

.fl-dialog__close {
  grid-column: 2;
  align-self: start;
}

.fl-dialog__content {
  grid-column: 1/-1;
  min-height: 32px;
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}

.fl-dialog__actions {
  display: flex;
  grid-column: 1/-1;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

@media (max-width: 480px) {
  .fl-dialog__actions {
    flex-direction: column-reverse;
  }
  .fl-dialog__actions .fl-btn {
    width: 100%;
  }
}
.fl-dialog-open {
  overflow: hidden;
}

.fl-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: var(--borderRadiusCircular);
  background-color: var(--colorNeutralBackground6);
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/1 var(--fontFamilyBase);
  text-transform: uppercase;
  -webkit-user-select: none;
          user-select: none;
}

.fl-avatar--24 {
  width: 24px;
  height: 24px;
  font-size: var(--fontSizeBase100);
}

.fl-avatar--28 {
  width: 28px;
  height: 28px;
  font-size: var(--fontSizeBase200);
}

.fl-avatar--40 {
  width: 40px;
  height: 40px;
}

.fl-avatar--56 {
  width: 56px;
  height: 56px;
  font-size: var(--fontSizeBase500);
}

.fl-avatar--teal {
  background-color: var(--colorPaletteTealBackground2);
  color: var(--colorPaletteTealForeground2);
}

.fl-avatar--cornflower {
  background-color: var(--colorPaletteCornflowerBackground2);
  color: var(--colorPaletteCornflowerForeground2);
}

.fl-avatar--pumpkin {
  background-color: var(--colorPalettePumpkinBackground2);
  color: var(--colorPalettePumpkinForeground2);
}

.fl-avatar--lavender {
  background-color: var(--colorPaletteLavenderBackground2);
  color: var(--colorPaletteLavenderForeground2);
}

.fl-avatar--forest {
  background-color: var(--colorPaletteForestBackground2);
  color: var(--colorPaletteForestForeground2);
}

.fl-avatar--steel {
  background-color: var(--colorPaletteSteelBackground2);
  color: var(--colorPaletteSteelForeground2);
}

.fl-avatar--gold {
  background-color: var(--colorPaletteGoldBackground2);
  color: var(--colorPaletteGoldForeground2);
}

.fl-avatar--seafoam {
  background-color: var(--colorPaletteSeafoamBackground2);
  color: var(--colorPaletteSeafoamForeground2);
}

.fl-avatar--plum {
  background-color: var(--colorPalettePlumBackground2);
  color: var(--colorPalettePlumForeground2);
}

.fl-avatar--peach {
  background-color: var(--colorPalettePeachBackground2);
  color: var(--colorPalettePeachForeground2);
}

.fl-avatar--grape {
  background-color: var(--colorPaletteGrapeBackground2);
  color: var(--colorPaletteGrapeForeground2);
}

.fl-avatar--navy {
  background-color: var(--colorPaletteNavyBackground2);
  color: var(--colorPaletteNavyForeground2);
}

.fl-avatar--brass {
  background-color: var(--colorPaletteBrassBackground2);
  color: var(--colorPaletteBrassForeground2);
}

.fl-avatar--lilac {
  background-color: var(--colorPaletteLilacBackground2);
  color: var(--colorPaletteLilacForeground2);
}

.fl-user {
  font-weight: var(--fontWeightSemibold);
  text-decoration: none;
}
.fl .fl-user:hover {
  text-decoration: underline;
}
.fl-user.fl-tier--none {
  font-weight: var(--fontWeightRegular);
}

.fl .fl-tier--newbie,
.fl a.fl-tier--newbie,
.fl a.fl-tier--newbie:hover {
  color: var(--huscTierNewbie);
}

.fl .fl-tier--amateur,
.fl a.fl-tier--amateur,
.fl a.fl-tier--amateur:hover {
  color: var(--huscTierAmateur);
}

.fl .fl-tier--expert,
.fl a.fl-tier--expert,
.fl a.fl-tier--expert:hover {
  color: var(--huscTierExpert);
}

.fl .fl-tier--candidate-master,
.fl a.fl-tier--candidate-master,
.fl a.fl-tier--candidate-master:hover {
  color: var(--huscTierCandidateMaster);
}

.fl .fl-tier--master,
.fl a.fl-tier--master,
.fl a.fl-tier--master:hover {
  color: var(--huscTierMaster);
}

.fl .fl-tier--grandmaster,
.fl a.fl-tier--grandmaster,
.fl a.fl-tier--grandmaster:hover {
  color: var(--huscTierGrandmaster);
}

.fl .fl-tier--target,
.fl a.fl-tier--target,
.fl a.fl-tier--target:hover {
  color: var(--huscTierGrandmaster);
}

.fl .fl-tier--none,
.fl a.fl-tier--none,
.fl a.fl-tier--none:hover {
  color: var(--huscTierUnrated);
}

.fl-user.fl-tier--target {
  display: inline-block;
}

.fl-user.fl-tier--target::first-letter {
  color: var(--huscTierTargetFirst);
}

.fl-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  padding: 20px;
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--colorNeutralBackground1);
  box-shadow: var(--shadow4);
}

.fl-card--flush {
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.fl-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 16px 20px;
}

.fl-card__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyBase);
}

.fl-tile {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  border-radius: var(--borderRadiusLarge);
  background-color: var(--colorNeutralBackground2);
}

.fl-tile--outline {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--colorNeutralStroke2);
}

.fl-icon-tile {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--borderRadiusLarge);
}

.fl-icon-tile--page {
  width: 40px;
  height: 40px;
  border-radius: var(--borderRadiusXLarge);
}

.fl-icon-tile--contest {
  background-color: var(--huscTileContestBg);
  color: var(--huscTileContestFg);
}

.fl-icon-tile--live {
  background-color: var(--huscTileLiveBg);
  color: var(--huscTileLiveFg);
}

.fl-icon-tile--upcoming {
  background-color: var(--huscTileUpcomingBg);
  color: var(--huscTileUpcomingFg);
}

.fl-icon-tile--past {
  background-color: var(--huscTilePastBg);
  color: var(--huscTilePastFg);
}

.fl-icon-tile--problem {
  background-color: var(--huscTileProblemBg);
  color: var(--huscTileProblemFg);
}

.fl-icon-tile--news {
  background-color: var(--huscTileNewsBg);
  color: var(--huscTileNewsFg);
}

.fl-icon-tile--editorial {
  background-color: var(--huscTileEditorialBg);
  color: var(--huscTileEditorialFg);
}

.fl-icon-tile--comment {
  background-color: var(--huscTileCommentBg);
  color: var(--huscTileCommentFg);
}

.fl-icon-tile--submission {
  background-color: var(--huscTileSubmissionBg);
  color: var(--huscTileSubmissionFg);
}

.fl-icon-tile--people {
  background-color: var(--huscTilePeopleBg);
  color: var(--huscTilePeopleFg);
}

.fl-icon-tile--stats {
  background-color: var(--huscTileStatsBg);
  color: var(--huscTileStatsFg);
}

.fl-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 24px 16px;
  color: var(--colorNeutralForeground2);
  text-align: center;
  overflow-wrap: anywhere;
}

.fl-empty__icon {
  display: flex;
  color: var(--colorNeutralForeground3);
}

.fl-empty__title {
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyBase);
}

.fl-code-inline {
  display: inline-block;
  max-width: 100%;
  padding: 0 6px;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground3);
  color: var(--colorNeutralForeground1);
  font: 13px/20px var(--fontFamilyMonospace);
  overflow-wrap: anywhere;
}

.fl-divider {
  align-self: stretch;
  width: 100%;
  height: 0;
  margin: 0;
  border: none;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-spinner {
  display: inline-block;
  flex-shrink: 0;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: var(--strokeWidthThick) solid var(--colorBrandStroke2Contrast);
  border-top-color: var(--colorBrandStroke1);
  border-radius: var(--borderRadiusCircular);
  animation: fui-spinner-rotate 1.5s linear infinite;
}

.fl-spinner--on-brand {
  border-color: var(--huscBrand90);
  border-top-color: var(--colorNeutralStrokeOnBrand2);
}

.fl-copy-done {
  display: none;
}

.is-copied .fl-copy-idle {
  display: none;
}
.is-copied .fl-copy-done {
  display: inline-flex;
}

.fl-busy-only {
  display: none;
}

.is-busy .fl-busy-only {
  display: inline-flex;
}
.is-busy .fl-busy-hide {
  display: none;
}

.fl-badge,
.fl-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 4px;
  box-sizing: border-box;
  height: 20px;
  min-width: 20px;
  padding: 0 6px;
  border-radius: var(--borderRadiusMedium);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
  vertical-align: middle;
}
.fl-badge > .fl-icon:first-child,
.fl-tag > .fl-icon:first-child {
  margin-left: -2px;
}

.fl-badge--lg {
  height: 24px;
  padding: 0 8px;
  font-weight: var(--fontWeightRegular);
}

.fl-badge--sm {
  height: 16px;
  min-width: 16px;
  padding: 0 calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));
  border-radius: var(--borderRadiusSmall);
  font-size: var(--fontSizeBase100);
  line-height: var(--lineHeightBase100);
}

.fl-badge__text {
  min-width: 0;
  padding: 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fl-badge--count {
  padding: 0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));
  border-radius: var(--borderRadiusCircular);
}

.fl-badge--brand {
  background-color: var(--colorBrandBackground2);
  color: var(--colorBrandForeground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
}

.fl-badge--brand-filled {
  background-color: var(--colorBrandBackground);
  color: var(--colorNeutralForegroundOnBrand);
}

.fl-badge--neutral-count {
  background-color: var(--colorNeutralBackground5);
  color: var(--colorNeutralForeground3);
}

.fl-badge--danger {
  background-color: var(--colorPaletteRedBackground1);
  color: var(--colorPaletteRedForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteRedBorder1);
}

.fl-badge--status-success {
  background-color: var(--colorStatusSuccessBackground1);
  color: var(--colorStatusSuccessForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorStatusSuccessBorder1);
}

.fl-badge--status-warning {
  background-color: var(--colorStatusWarningBackground1);
  color: var(--colorStatusWarningForeground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorStatusWarningBorder1);
}

.fl-badge--outline {
  background-color: transparent;
  color: var(--colorNeutralForeground3);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
}

.fl-badge--subtle {
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground3);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
}

.fl-badge--solid {
  background-color: var(--colorNeutralBackground4);
  color: var(--colorNeutralForeground2);
}

.fl-badge--abbr {
  background-color: var(--colorNeutralBackground3);
  color: var(--colorNeutralForeground2);
  max-width: 100%;
  padding: 0 5px;
  font-weight: var(--fontWeightRegular);
}

.fl-badge--tier {
  background-color: transparent;
  box-shadow: inset 0 0 0 var(--strokeWidthThin) currentColor;
}

.fl-tag--cat-intro {
  background-color: var(--huscCatIntroBg);
  color: var(--huscCatIntroFg);
}

.fl-dot--cat-intro {
  background-color: var(--huscCatIntroFg);
}

.fl-tag--cat-olp {
  background-color: var(--huscCatOlpBg);
  color: var(--huscCatOlpFg);
}

.fl-dot--cat-olp {
  background-color: var(--huscCatOlpFg);
}

.fl-tag--cat-icpc {
  background-color: var(--huscCatIcpcBg);
  color: var(--huscCatIcpcFg);
}

.fl-dot--cat-icpc {
  background-color: var(--huscCatIcpcFg);
}

.fl-tag--cat-hueict {
  background-color: var(--huscCatHueictBg);
  color: var(--huscCatHueictFg);
}

.fl-dot--cat-hueict {
  background-color: var(--huscCatHueictFg);
}

.fl-tag--cat-spit {
  background-color: var(--huscCatSpitBg);
  color: var(--huscCatSpitFg);
}

.fl-dot--cat-spit {
  background-color: var(--huscCatSpitFg);
}

.fl-tag--cat-training {
  background-color: var(--huscCatTrainingBg);
  color: var(--huscCatTrainingFg);
}

.fl-dot--cat-training {
  background-color: var(--huscCatTrainingFg);
}

.fl-tag--cat-other {
  background-color: var(--huscCatOtherBg);
  color: var(--huscCatOtherFg);
}

.fl-dot--cat-other {
  background-color: var(--huscCatOtherFg);
}

.fl-tag--fmt-default {
  background-color: var(--huscFmtDefaultBg);
  color: var(--huscFmtDefaultFg);
}

.fl-dot--fmt-default {
  background-color: var(--huscFmtDefaultFg);
}

.fl-tag--fmt-icpc {
  background-color: var(--huscFmtIcpcBg);
  color: var(--huscFmtIcpcFg);
}

.fl-dot--fmt-icpc {
  background-color: var(--huscFmtIcpcFg);
}

.fl-tag--rated {
  background-color: var(--huscRatedBg);
  color: var(--huscRatedFg);
}

.fl-dot--rated {
  background-color: var(--huscRatedFg);
}

.fl-tag--frozen {
  background-color: var(--huscFrozenBg);
  color: var(--huscFrozenFg);
}

.fl-dot--frozen {
  background-color: var(--huscFrozenFg);
}

.fl-tag--live {
  background-color: var(--huscLiveBg);
  color: var(--huscLiveFg);
}

.fl-dot--live {
  background-color: var(--huscLiveFg);
}

.fl-tag--upcoming {
  background-color: var(--huscUpcomingBg);
  color: var(--huscUpcomingFg);
}

.fl-dot--upcoming {
  background-color: var(--huscUpcomingFg);
}

.fl-tag--past {
  background-color: var(--huscTilePastBg);
  color: var(--huscTilePastFg);
}

.fl-dot--past {
  background-color: var(--huscTilePastFg);
}

.fl-tag--news {
  background-color: var(--huscTileNewsBg);
  color: var(--huscTileNewsFg);
}

.fl-dot--news {
  background-color: var(--huscTileNewsFg);
}

.fl-tag--editorial {
  background-color: var(--huscTileEditorialBg);
  color: var(--huscTileEditorialFg);
}

.fl-dot--editorial {
  background-color: var(--huscTileEditorialFg);
}

.fl-tag--outline {
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
}

.fl-dot {
  display: inline-block;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: var(--borderRadiusCircular);
}

.fl-live-dot {
  display: inline-block;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: var(--borderRadiusCircular);
  background-color: var(--huscLiveDot);
  box-shadow: 0 0 0 3px var(--huscLiveBg);
}

.fl-problem-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: var(--borderRadiusCircular);
  background-color: var(--huscTileContestBg);
  color: var(--huscTileContestFg);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/1 var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-problem-num--24 {
  min-width: 24px;
  height: 24px;
}

.fl-verdict--ac {
  background-color: var(--colorPaletteGreenBackground1);
  color: var(--colorPaletteGreenForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteGreenBorder1);
}

.fl-verdict--ac-partial {
  background-color: var(--huscVerdictPartialBackground);
  color: var(--huscVerdictPartialForeground);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--huscVerdictPartialBorder);
}

.fl-verdict--wa {
  background-color: var(--colorPaletteRedBackground1);
  color: var(--colorPaletteRedForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteRedBorder1);
}

.fl-verdict--tle {
  background-color: var(--colorPaletteDarkOrangeBackground1);
  color: var(--colorPaletteDarkOrangeForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteDarkOrangeBorder1);
}

.fl-verdict--mle {
  background-color: var(--colorPaletteYellowBackground1);
  color: var(--colorPaletteYellowForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteYellowBorder1);
}

.fl-verdict--ole {
  background-color: var(--colorPaletteYellowBackground1);
  color: var(--colorPaletteYellowForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteYellowBorder1);
}

.fl-verdict--ir {
  background-color: var(--colorPaletteYellowBackground1);
  color: var(--colorPaletteYellowForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteYellowBorder1);
}

.fl-verdict--rte {
  background-color: var(--colorPaletteYellowBackground1);
  color: var(--colorPaletteYellowForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteYellowBorder1);
}

.fl-verdict--qu {
  background-color: var(--colorBrandBackground2);
  color: var(--colorBrandForeground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
}

.fl-verdict--p {
  background-color: var(--colorBrandBackground2);
  color: var(--colorBrandForeground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
}

.fl-verdict--g {
  background-color: var(--colorBrandBackground2);
  color: var(--colorBrandForeground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
}

.fl-verdict--ce {
  background-color: var(--colorNeutralForeground3);
  color: var(--colorNeutralBackground1);
}

.fl-verdict--ie {
  background-color: transparent;
  color: var(--colorPaletteRedForeground3);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteRedBorder2);
}

.fl-verdict--ab,
.fl-verdict--sc {
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground3);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
}

.fl-verdict--g {
  font-variant-numeric: tabular-nums;
}

.fl-verdict__spinner {
  display: inline-block;
  flex-shrink: 0;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  margin-left: -2px;
  border: 1.5px solid var(--colorBrandStroke2Contrast);
  border-top-color: var(--colorBrandStroke1);
  border-radius: var(--borderRadiusCircular);
  animation: fui-spinner-rotate 1.5s linear infinite;
}

.fl-verdict-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.fl-table-wrap {
  position: relative;
  overflow-x: auto;
}

.fl-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}
.fl-table caption {
  caption-side: top;
}
.fl-table th {
  height: 44px;
  padding: 0 var(--spacingHorizontalS);
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  color: var(--colorNeutralForeground2);
  font-weight: var(--fontWeightRegular);
  text-align: left;
  white-space: nowrap;
}
.fl-table td {
  height: 44px;
  padding: 0 var(--spacingHorizontalS);
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  vertical-align: middle;
}
.fl-table th:first-child,
.fl-table td:first-child {
  padding-left: 20px;
}
.fl-table th:last-child,
.fl-table td:last-child {
  padding-right: 20px;
}
.fl-table tbody tr.is-solved {
  background-color: var(--huscRowSolved);
}
.fl-table tbody tr:hover {
  background-color: var(--colorSubtleBackgroundHover);
}
.fl-table tbody tr.is-viewer,
.fl-table tbody tr.is-viewer:hover {
  background-color: var(--colorBrandBackground2);
}

.fl-table--rows-52 td {
  height: 52px;
}

.fl-table--rows-56 td {
  height: 56px;
}

.fl-table--compact th {
  height: 32px;
}
.fl-table--compact td {
  height: 32px;
}

.fl-table .fl-num,
.fl-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-table .fl-center {
  text-align: center;
}

.fl-muted {
  color: var(--colorNeutralForeground2);
}

.fl-caption {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-table th.fl-sort {
  padding: 0;
}

.fl-sort__link {
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalXS);
  width: 100%;
  height: 44px;
  padding: 0 var(--spacingHorizontalS);
  border-radius: var(--borderRadiusMedium);
  color: var(--colorNeutralForeground2);
  text-decoration: none;
}
.fl .fl-sort__link:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground2Hover);
  text-decoration: none;
}
.fl .fl-sort__link:active {
  background-color: var(--colorSubtleBackgroundPressed);
  color: var(--colorNeutralForeground2Pressed);
}
.fl-sort__link:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}
.fl-sort__link .fl-icon {
  padding-top: 2px;
}
.fl-num .fl-sort__link {
  justify-content: flex-end;
}

.fl-table th.fl-sort:first-child .fl-sort__link {
  padding-left: 20px;
}

.fl-rows {
  display: flex;
  flex-direction: column;
}

.fl-rows__item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: var(--spacingHorizontalM);
  row-gap: var(--spacingVerticalXXS);
  min-height: 56px;
  padding: 10px var(--spacingHorizontalL);
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}
.fl-rows__item:hover {
  background-color: var(--colorSubtleBackgroundHover);
}
.fl-rows__item.is-viewer {
  background-color: var(--colorBrandBackground2);
}

.fl-row-link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fl-row-raise {
  position: relative;
  z-index: 1;
}

.fl-table-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 12px 20px;
}

.fl-tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--colorNeutralStroke1) transparent;
}

.fl-tab {
  --fl-tab-indicator: transparent;
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  column-gap: var(--spacingHorizontalSNudge);
  margin: 0;
  padding: var(--spacingVerticalM) var(--spacingHorizontalMNudge);
  border: none;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorTransparentBackground);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}
.fl .fl-tab {
  color: var(--colorNeutralForeground2);
}
.fl .fl-tab:hover {
  --fl-tab-indicator: var(--colorNeutralStroke1Hover);
  color: var(--colorNeutralForeground2Hover);
  text-decoration: none;
}
.fl .fl-tab:active {
  --fl-tab-indicator: var(--colorNeutralStroke1Pressed);
  color: var(--colorNeutralForeground2Pressed);
}
.fl-tab:focus-visible {
  z-index: 1;
  border-color: transparent;
  outline: var(--strokeWidthThick) solid transparent;
  box-shadow: var(--shadow4), 0 0 0 var(--strokeWidthThick) var(--colorStrokeFocus2);
}
.fl-tab::after {
  content: "";
  position: absolute;
  right: var(--spacingHorizontalM);
  bottom: 0;
  left: var(--spacingHorizontalM);
  height: var(--strokeWidthThicker);
  border-radius: var(--borderRadiusCircular);
  background-color: var(--fl-tab-indicator);
  pointer-events: none;
}
.fl .fl-tab[aria-current=page], .fl .fl-tab[aria-selected=true] {
  --fl-tab-indicator: var(--colorCompoundBrandStroke);
  color: var(--colorNeutralForeground1);
}
.fl .fl-tab[aria-current=page] .fl-tab__label, .fl .fl-tab[aria-selected=true] .fl-tab__label {
  font-weight: var(--fontWeightSemibold);
}
.fl .fl-tab[aria-current=page] .fl-tab__icon, .fl .fl-tab[aria-selected=true] .fl-tab__icon {
  color: var(--colorCompoundBrandForeground1);
}
.fl .fl-tab[aria-current=page]:hover, .fl .fl-tab[aria-selected=true]:hover {
  --fl-tab-indicator: var(--colorCompoundBrandStrokeHover);
}
.fl .fl-tab[aria-current=page]:active, .fl .fl-tab[aria-selected=true]:active {
  --fl-tab-indicator: var(--colorCompoundBrandStrokePressed);
}
.fl-tab[aria-disabled=true] {
  color: var(--colorNeutralForegroundDisabled);
  cursor: not-allowed;
}
.fl-tab[aria-disabled=true]::after {
  display: none;
}

.fl-tab__icon {
  display: inline-flex;
}

.fl-tab__label {
  display: inline-grid;
}
.fl-tab__label::after {
  content: attr(data-text);
  height: 0;
  overflow: hidden;
  font-weight: var(--fontWeightSemibold);
  visibility: hidden;
}

.fl-tab--sm {
  padding: var(--spacingVerticalSNudge) var(--spacingHorizontalSNudge);
}

.fl-tabs--card {
  margin: 0 -20px;
  padding: 2px 8px;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-tabs--vertical {
  flex-direction: column;
  gap: 2px;
  overflow: visible;
}
.fl-tabs--vertical .fl-tab {
  width: 100%;
  min-height: 40px;
  padding: var(--spacingVerticalMNudge) var(--spacingHorizontalMNudge);
  background-color: var(--colorSubtleBackground);
}
.fl-tabs--vertical .fl-tab:hover {
  background-color: var(--colorSubtleBackgroundHover);
}
.fl-tabs--vertical .fl-tab:active {
  background-color: var(--colorSubtleBackgroundPressed);
}
.fl-tabs--vertical .fl-tab:focus-visible {
  box-shadow: none;
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}
.fl-tabs--vertical .fl-tab::after {
  top: 10px;
  right: auto;
  bottom: 10px;
  left: 0;
  width: var(--strokeWidthThicker);
  height: auto;
}

.fl-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.fl-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  margin: 0;
  padding: 0 12px;
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  border-radius: var(--borderRadiusCircular);
  background-color: var(--colorNeutralBackground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  text-decoration: none;
  cursor: pointer;
}
.fl .fl-chip {
  color: var(--colorNeutralForeground2);
}
.fl .fl-chip:hover {
  background-color: var(--colorSubtleBackgroundHover);
  text-decoration: none;
}
.fl-chip:focus-visible {
  outline: var(--strokeWidthThick) solid transparent;
  box-shadow: var(--shadow4), 0 0 0 2px var(--colorStrokeFocus2), 0 0 0 1px var(--colorNeutralStrokeOnBrand) inset;
}
.fl .fl-chip[aria-checked=true], .fl .fl-chip[aria-current=true], .fl .fl-chip[aria-pressed=true] {
  border-color: var(--colorCompoundBrandStroke);
  background-color: var(--colorBrandBackground2);
  color: var(--colorBrandForeground2);
  font-weight: var(--fontWeightSemibold);
}

.fl-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.fl-pager__page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 6px;
  border: var(--strokeWidthThin) solid transparent;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorSubtleBackground);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
  text-decoration: none;
}
.fl .fl-pager__page {
  color: var(--colorNeutralForeground2);
}
.fl .fl-pager__page:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground2Hover);
  text-decoration: none;
}
.fl .fl-pager__page:active {
  background-color: var(--colorSubtleBackgroundPressed);
  color: var(--colorNeutralForeground2Pressed);
}
.fl-pager__page:focus-visible {
  border-color: var(--colorStrokeFocus2);
  box-shadow: 0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;
  outline: var(--strokeWidthThick) solid var(--colorTransparentStroke);
  z-index: 1;
}
.fl .fl-pager__page[aria-current=page] {
  background-color: var(--colorBrandBackground2);
  color: var(--colorBrandForeground2);
  font-weight: var(--fontWeightSemibold);
}
.fl .fl-pager__page[aria-current=page]:hover {
  background-color: var(--colorBrandBackground2Hover);
  color: var(--colorBrandForeground2Hover);
}
.fl .fl-pager__page[aria-current=page]:active {
  background-color: var(--colorBrandBackground2Pressed);
  color: var(--colorBrandForeground2Pressed);
}

.fl-pager__gap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--colorNeutralForeground3);
}

.fl-breadcrumb ol {
  display: flex;
  align-items: center;
  min-width: 0;
  margin: 0 0 0 -7px;
  padding: 0;
  list-style: none;
}

.fl-breadcrumb li {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  min-width: 0;
}
.fl-breadcrumb li.is-long {
  flex-shrink: 1;
}

.fl-breadcrumb__sep {
  display: inline-flex;
  color: var(--colorNeutralForeground1);
}

.fl-breadcrumb__item {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  height: 32px;
  padding: var(--spacingHorizontalSNudge);
  border: var(--strokeWidthThin) solid transparent;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorSubtleBackground);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  white-space: nowrap;
  text-decoration: none;
}
.fl .fl-breadcrumb__item {
  color: var(--colorNeutralForeground2);
}
.fl-breadcrumb__item:focus-visible {
  border-color: var(--colorStrokeFocus2);
  box-shadow: 0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;
  outline: var(--strokeWidthThick) solid var(--colorTransparentStroke);
  z-index: 1;
}
.fl-breadcrumb__item[aria-current=page] {
  font-weight: var(--fontWeightSemibold);
  cursor: auto;
}

.fl a.fl-breadcrumb__item:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground2Hover);
  text-decoration: none;
}

.fl a.fl-breadcrumb__item:active {
  background-color: var(--colorSubtleBackgroundPressed);
  color: var(--colorNeutralForeground2Pressed);
}

.fl-breadcrumb__text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.fl-actions {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 -10px;
}

.fl-actions__item {
  display: flex;
  align-items: center;
  gap: var(--spacingVerticalL);
  min-height: 40px;
  padding: 10px 8px 10px 10px;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorSubtleBackground);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  text-decoration: none;
  transition: background var(--durationFaster) var(--curveLinear);
}
.fl .fl-actions__item {
  color: var(--colorNeutralForeground2);
}
.fl .fl-actions__item:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground2Hover);
  text-decoration: none;
}
.fl .fl-actions__item:hover .fl-icon {
  color: var(--colorNeutralForeground2BrandHover);
}
.fl .fl-actions__item:active {
  background-color: var(--colorSubtleBackgroundPressed);
  color: var(--colorNeutralForeground2Pressed);
}
.fl-actions__item:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

.fl-actions__divider {
  padding: 4px 10px;
}
.fl-actions__divider hr {
  margin: 0;
  border: none;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  border-radius: var(--borderRadiusLarge);
  background-color: var(--colorNeutralBackground2);
}

.fl-stat__label {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-stat__value {
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase600)/var(--lineHeightBase600) var(--fontFamilyBase);
}

.fl-stat__note {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr));
  gap: 12px;
  margin: 0;
}

.fl-progress {
  position: relative;
  display: block;
  width: 100%;
  height: 4px;
  overflow: hidden;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground6);
}

.fl-progress__bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: var(--colorCompoundBrandBackground);
  transition: width 0.3s ease;
}

.fl-progress--2 {
  height: 2px;
}

.fl-progress__bar--full {
  background-color: var(--colorPaletteGreenBackground3);
}

.fl-progress--indeterminate .fl-progress__bar {
  width: 33%;
  animation: fui-progress-indeterminate 3s linear infinite;
}

.fl-points {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.fl-points .fl-progress {
  width: 48px;
}

.fl-meter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  font-variant-numeric: tabular-nums;
}
.fl-meter .fl-progress {
  width: 48px;
}

.fl-meter--high .fl-progress__bar {
  background-color: var(--huscMeterHigh);
}

.fl-meter--mid .fl-progress__bar {
  background-color: var(--huscMeterMid);
}

.fl-meter--low .fl-progress__bar {
  background-color: var(--huscMeterLow);
}

.fl-elapsed {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.fl-elapsed__text {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-countdown__label {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-live::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: var(--borderRadiusCircular);
  background-color: var(--colorPaletteLightGreenForeground3);
}
.fl-live.is-off::before {
  background-color: var(--colorNeutralForeground3);
}

.fl-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.fl-prose {
  min-width: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/22px var(--fontFamilyBase);
  overflow-wrap: break-word;
}
.fl-prose p,
.fl-prose ul,
.fl-prose ol,
.fl-prose dl,
.fl-prose pre,
.fl-prose table,
.fl-prose blockquote,
.fl-prose figure {
  margin: 0 0 12px;
}
.fl-prose > :last-child {
  margin-bottom: 0;
}
.fl-prose ul,
.fl-prose ol {
  padding-left: 24px;
}
.fl-prose ul {
  list-style: disc;
}
.fl-prose ol {
  list-style: decimal;
}
.fl-prose li + li {
  margin-top: 4px;
}
.fl-prose li > ul,
.fl-prose li > ol {
  margin: 4px 0 0;
}
.fl-prose h1,
.fl-prose h2,
.fl-prose h3,
.fl-prose h4,
.fl-prose h5,
.fl-prose h6 {
  margin: 20px 0 8px;
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}
.fl-prose h1:first-child,
.fl-prose h2:first-child,
.fl-prose h3:first-child,
.fl-prose h4:first-child,
.fl-prose h5:first-child,
.fl-prose h6:first-child {
  margin-top: 0;
}
.fl-prose h1 {
  font-size: var(--fontSizeBase600);
  line-height: var(--lineHeightBase600);
}
.fl-prose h2 {
  font-size: var(--fontSizeBase500);
  line-height: var(--lineHeightBase500);
}
.fl-prose h3,
.fl-prose h4 {
  font-size: var(--fontSizeBase400);
  line-height: var(--lineHeightBase400);
}
.fl-prose h5,
.fl-prose h6 {
  font-size: var(--fontSizeBase300);
  line-height: var(--lineHeightBase300);
}
.fl-prose a:not([class]) {
  text-decoration: underline;
  text-decoration-thickness: var(--strokeWidthThin);
}
.fl-prose img {
  max-width: 100%;
  height: auto;
}
@media screen {
  :root[data-theme=dark] .fl-prose img:not(.tex-image):not(.inline-math):not(.display-math):not([src*="blank.gif"]) {
    background-color: var(--colorNeutralBackgroundInverted);
    color: var(--colorNeutralForegroundInverted);
  }
}
@media screen and (prefers-color-scheme: dark) {
  :root[data-theme=auto] .fl-prose img:not(.tex-image):not(.inline-math):not(.display-math):not([src*="blank.gif"]) {
    background-color: var(--colorNeutralBackgroundInverted);
    color: var(--colorNeutralForegroundInverted);
  }
}
@media screen {
  :root[data-theme=dark] .fl-prose {
    --fl-prose-ink-text: var(--colorNeutralForeground1);
    --fl-prose-ink-quiet: var(--colorNeutralForeground3);
    --fl-prose-ink-red: var(--colorPaletteRedForeground1);
    --fl-prose-ink-blue: var(--colorBrandForeground1);
    --fl-prose-ink-green: var(--colorPaletteGreenForeground1);
    --fl-prose-ink-purple: var(--colorPaletteBerryForeground1);
    --fl-prose-ink-brown: var(--colorPaletteDarkOrangeForeground1);
    --fl-prose-ink-teal: var(--colorPaletteTealForeground2);
  }
}
@media screen and (prefers-color-scheme: dark) {
  :root[data-theme=auto] .fl-prose {
    --fl-prose-ink-text: var(--colorNeutralForeground1);
    --fl-prose-ink-quiet: var(--colorNeutralForeground3);
    --fl-prose-ink-red: var(--colorPaletteRedForeground1);
    --fl-prose-ink-blue: var(--colorBrandForeground1);
    --fl-prose-ink-green: var(--colorPaletteGreenForeground1);
    --fl-prose-ink-purple: var(--colorPaletteBerryForeground1);
    --fl-prose-ink-brown: var(--colorPaletteDarkOrangeForeground1);
    --fl-prose-ink-teal: var(--colorPaletteTealForeground2);
  }
}
@media screen {
  :root[data-theme=dark] .fl-prose [style*="color: black;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:black;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #000;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#000;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #000000;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#000000;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: rgb(0, 0, 0);"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:rgb(0, 0, 0);"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: rgb(0,0,0);"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:rgb(0,0,0);"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #222;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#222;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #222222;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#222222;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #333;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#333;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #333333;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#333333;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #212529;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#212529;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: rgb(33, 37, 41);"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:rgb(33, 37, 41);"]:not([style*=background]) {
    color: var(--fl-prose-ink-text) !important;
  }
}
@media screen and (prefers-color-scheme: dark) {
  :root[data-theme=auto] .fl-prose [style*="color: black;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:black;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #000;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#000;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #000000;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#000000;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: rgb(0, 0, 0);"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:rgb(0, 0, 0);"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: rgb(0,0,0);"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:rgb(0,0,0);"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #222;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#222;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #222222;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#222222;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #333;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#333;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #333333;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#333333;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #212529;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#212529;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: rgb(33, 37, 41);"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:rgb(33, 37, 41);"]:not([style*=background]) {
    color: var(--fl-prose-ink-text) !important;
  }
}
@media screen {
  :root[data-theme=dark] .fl-prose [style*="color: gray;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:gray;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: grey;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:grey;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #808080;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#808080;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #888;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#888;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #888888;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#888888;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #777;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#777;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #777777;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#777777;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #666;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#666;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #666666;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#666666;"]:not([style*=background]) {
    color: var(--fl-prose-ink-quiet) !important;
  }
}
@media screen and (prefers-color-scheme: dark) {
  :root[data-theme=auto] .fl-prose [style*="color: gray;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:gray;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: grey;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:grey;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #808080;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#808080;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #888;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#888;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #888888;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#888888;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #777;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#777;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #777777;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#777777;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #666;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#666;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #666666;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#666666;"]:not([style*=background]) {
    color: var(--fl-prose-ink-quiet) !important;
  }
}
@media screen {
  :root[data-theme=dark] .fl-prose [style*="color: red;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:red;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #f00;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#f00;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #ff0000;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#ff0000;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: darkred;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:darkred;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #8b0000;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#8b0000;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: maroon;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:maroon;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #800000;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#800000;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #c00000;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#c00000;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: crimson;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:crimson;"]:not([style*=background]) {
    color: var(--fl-prose-ink-red) !important;
  }
}
@media screen and (prefers-color-scheme: dark) {
  :root[data-theme=auto] .fl-prose [style*="color: red;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:red;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #f00;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#f00;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #ff0000;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#ff0000;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: darkred;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:darkred;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #8b0000;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#8b0000;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: maroon;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:maroon;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #800000;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#800000;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #c00000;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#c00000;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: crimson;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:crimson;"]:not([style*=background]) {
    color: var(--fl-prose-ink-red) !important;
  }
}
@media screen {
  :root[data-theme=dark] .fl-prose [style*="color: blue;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:blue;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #00f;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#00f;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #0000ff;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#0000ff;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: mediumblue;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:mediumblue;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: darkblue;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:darkblue;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: navy;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:navy;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #000080;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#000080;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #0070c0;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#0070c0;"]:not([style*=background]) {
    color: var(--fl-prose-ink-blue) !important;
  }
}
@media screen and (prefers-color-scheme: dark) {
  :root[data-theme=auto] .fl-prose [style*="color: blue;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:blue;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #00f;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#00f;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #0000ff;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#0000ff;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: mediumblue;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:mediumblue;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: darkblue;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:darkblue;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: navy;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:navy;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #000080;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#000080;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #0070c0;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#0070c0;"]:not([style*=background]) {
    color: var(--fl-prose-ink-blue) !important;
  }
}
@media screen {
  :root[data-theme=dark] .fl-prose [style*="color: green;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:green;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #008000;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#008000;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: darkgreen;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:darkgreen;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #006400;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#006400;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: forestgreen;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:forestgreen;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #00b050;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#00b050;"]:not([style*=background]) {
    color: var(--fl-prose-ink-green) !important;
  }
}
@media screen and (prefers-color-scheme: dark) {
  :root[data-theme=auto] .fl-prose [style*="color: green;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:green;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #008000;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#008000;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: darkgreen;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:darkgreen;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #006400;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#006400;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: forestgreen;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:forestgreen;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #00b050;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#00b050;"]:not([style*=background]) {
    color: var(--fl-prose-ink-green) !important;
  }
}
@media screen {
  :root[data-theme=dark] .fl-prose [style*="color: purple;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:purple;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #800080;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#800080;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: indigo;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:indigo;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #7030a0;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#7030a0;"]:not([style*=background]) {
    color: var(--fl-prose-ink-purple) !important;
  }
}
@media screen and (prefers-color-scheme: dark) {
  :root[data-theme=auto] .fl-prose [style*="color: purple;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:purple;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #800080;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#800080;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: indigo;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:indigo;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #7030a0;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#7030a0;"]:not([style*=background]) {
    color: var(--fl-prose-ink-purple) !important;
  }
}
@media screen {
  :root[data-theme=dark] .fl-prose [style*="color: brown;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:brown;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #a52a2a;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#a52a2a;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: saddlebrown;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:saddlebrown;"]:not([style*=background]) {
    color: var(--fl-prose-ink-brown) !important;
  }
}
@media screen and (prefers-color-scheme: dark) {
  :root[data-theme=auto] .fl-prose [style*="color: brown;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:brown;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #a52a2a;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#a52a2a;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: saddlebrown;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:saddlebrown;"]:not([style*=background]) {
    color: var(--fl-prose-ink-brown) !important;
  }
}
@media screen {
  :root[data-theme=dark] .fl-prose [style*="color: teal;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:teal;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color: #008080;"]:not([style*=background]), :root[data-theme=dark] .fl-prose [style*="color:#008080;"]:not([style*=background]) {
    color: var(--fl-prose-ink-teal) !important;
  }
}
@media screen and (prefers-color-scheme: dark) {
  :root[data-theme=auto] .fl-prose [style*="color: teal;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:teal;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color: #008080;"]:not([style*=background]), :root[data-theme=auto] .fl-prose [style*="color:#008080;"]:not([style*=background]) {
    color: var(--fl-prose-ink-teal) !important;
  }
}
@media screen {
  :root[data-theme=dark] .fl-prose [style*="background: white;"], :root[data-theme=dark] .fl-prose [style*="background:white;"], :root[data-theme=dark] .fl-prose [style*="background-color: white;"], :root[data-theme=dark] .fl-prose [style*="background-color:white;"], :root[data-theme=dark] .fl-prose [style*="background: #fff;"], :root[data-theme=dark] .fl-prose [style*="background:#fff;"], :root[data-theme=dark] .fl-prose [style*="background-color: #fff;"], :root[data-theme=dark] .fl-prose [style*="background-color:#fff;"], :root[data-theme=dark] .fl-prose [style*="background: #ffffff;"], :root[data-theme=dark] .fl-prose [style*="background:#ffffff;"], :root[data-theme=dark] .fl-prose [style*="background-color: #ffffff;"], :root[data-theme=dark] .fl-prose [style*="background-color:#ffffff;"], :root[data-theme=dark] .fl-prose [style*="background: rgb(255, 255, 255);"], :root[data-theme=dark] .fl-prose [style*="background:rgb(255, 255, 255);"], :root[data-theme=dark] .fl-prose [style*="background-color: rgb(255, 255, 255);"], :root[data-theme=dark] .fl-prose [style*="background-color:rgb(255, 255, 255);"], :root[data-theme=dark] .fl-prose [style*="background: #f8f9fa;"], :root[data-theme=dark] .fl-prose [style*="background:#f8f9fa;"], :root[data-theme=dark] .fl-prose [style*="background-color: #f8f9fa;"], :root[data-theme=dark] .fl-prose [style*="background-color:#f8f9fa;"], :root[data-theme=dark] .fl-prose [style*="background: #f5f5f5;"], :root[data-theme=dark] .fl-prose [style*="background:#f5f5f5;"], :root[data-theme=dark] .fl-prose [style*="background-color: #f5f5f5;"], :root[data-theme=dark] .fl-prose [style*="background-color:#f5f5f5;"], :root[data-theme=dark] .fl-prose [style*="background: #f0f0f0;"], :root[data-theme=dark] .fl-prose [style*="background:#f0f0f0;"], :root[data-theme=dark] .fl-prose [style*="background-color: #f0f0f0;"], :root[data-theme=dark] .fl-prose [style*="background-color:#f0f0f0;"], :root[data-theme=dark] .fl-prose [style*="background: #eee;"], :root[data-theme=dark] .fl-prose [style*="background:#eee;"], :root[data-theme=dark] .fl-prose [style*="background-color: #eee;"], :root[data-theme=dark] .fl-prose [style*="background-color:#eee;"], :root[data-theme=dark] .fl-prose [style*="background: #eeeeee;"], :root[data-theme=dark] .fl-prose [style*="background:#eeeeee;"], :root[data-theme=dark] .fl-prose [style*="background-color: #eeeeee;"], :root[data-theme=dark] .fl-prose [style*="background-color:#eeeeee;"], :root[data-theme=dark] .fl-prose [style*="background: yellow;"], :root[data-theme=dark] .fl-prose [style*="background:yellow;"], :root[data-theme=dark] .fl-prose [style*="background-color: yellow;"], :root[data-theme=dark] .fl-prose [style*="background-color:yellow;"], :root[data-theme=dark] .fl-prose [style*="background: #ff0;"], :root[data-theme=dark] .fl-prose [style*="background:#ff0;"], :root[data-theme=dark] .fl-prose [style*="background-color: #ff0;"], :root[data-theme=dark] .fl-prose [style*="background-color:#ff0;"], :root[data-theme=dark] .fl-prose [style*="background: #ffff00;"], :root[data-theme=dark] .fl-prose [style*="background:#ffff00;"], :root[data-theme=dark] .fl-prose [style*="background-color: #ffff00;"], :root[data-theme=dark] .fl-prose [style*="background-color:#ffff00;"], :root[data-theme=dark] .fl-prose [style*="background: lightyellow;"], :root[data-theme=dark] .fl-prose [style*="background:lightyellow;"], :root[data-theme=dark] .fl-prose [style*="background-color: lightyellow;"], :root[data-theme=dark] .fl-prose [style*="background-color:lightyellow;"], :root[data-theme=dark] .fl-prose [style*="background: #ffffcc;"], :root[data-theme=dark] .fl-prose [style*="background:#ffffcc;"], :root[data-theme=dark] .fl-prose [style*="background-color: #ffffcc;"], :root[data-theme=dark] .fl-prose [style*="background-color:#ffffcc;"] {
    --fl-prose-ink-text: var(--colorNeutralForegroundInverted);
    --fl-prose-ink-quiet: var(--colorNeutralForegroundInverted);
    --fl-prose-ink-red: var(--colorNeutralForegroundInverted);
    --fl-prose-ink-blue: var(--colorNeutralForegroundInverted);
    --fl-prose-ink-green: var(--colorNeutralForegroundInverted);
    --fl-prose-ink-purple: var(--colorNeutralForegroundInverted);
    --fl-prose-ink-brown: var(--colorNeutralForegroundInverted);
    --fl-prose-ink-teal: var(--colorNeutralForegroundInverted);
    --colorBrandForegroundLink: var(--colorBrandForegroundInverted);
    --colorBrandForegroundLinkHover: var(--colorBrandForegroundInvertedHover);
    --colorBrandForegroundLinkPressed: var(--colorBrandForegroundInvertedPressed);
    color: var(--colorNeutralForegroundInverted);
  }
}
@media screen and (prefers-color-scheme: dark) {
  :root[data-theme=auto] .fl-prose [style*="background: white;"], :root[data-theme=auto] .fl-prose [style*="background:white;"], :root[data-theme=auto] .fl-prose [style*="background-color: white;"], :root[data-theme=auto] .fl-prose [style*="background-color:white;"], :root[data-theme=auto] .fl-prose [style*="background: #fff;"], :root[data-theme=auto] .fl-prose [style*="background:#fff;"], :root[data-theme=auto] .fl-prose [style*="background-color: #fff;"], :root[data-theme=auto] .fl-prose [style*="background-color:#fff;"], :root[data-theme=auto] .fl-prose [style*="background: #ffffff;"], :root[data-theme=auto] .fl-prose [style*="background:#ffffff;"], :root[data-theme=auto] .fl-prose [style*="background-color: #ffffff;"], :root[data-theme=auto] .fl-prose [style*="background-color:#ffffff;"], :root[data-theme=auto] .fl-prose [style*="background: rgb(255, 255, 255);"], :root[data-theme=auto] .fl-prose [style*="background:rgb(255, 255, 255);"], :root[data-theme=auto] .fl-prose [style*="background-color: rgb(255, 255, 255);"], :root[data-theme=auto] .fl-prose [style*="background-color:rgb(255, 255, 255);"], :root[data-theme=auto] .fl-prose [style*="background: #f8f9fa;"], :root[data-theme=auto] .fl-prose [style*="background:#f8f9fa;"], :root[data-theme=auto] .fl-prose [style*="background-color: #f8f9fa;"], :root[data-theme=auto] .fl-prose [style*="background-color:#f8f9fa;"], :root[data-theme=auto] .fl-prose [style*="background: #f5f5f5;"], :root[data-theme=auto] .fl-prose [style*="background:#f5f5f5;"], :root[data-theme=auto] .fl-prose [style*="background-color: #f5f5f5;"], :root[data-theme=auto] .fl-prose [style*="background-color:#f5f5f5;"], :root[data-theme=auto] .fl-prose [style*="background: #f0f0f0;"], :root[data-theme=auto] .fl-prose [style*="background:#f0f0f0;"], :root[data-theme=auto] .fl-prose [style*="background-color: #f0f0f0;"], :root[data-theme=auto] .fl-prose [style*="background-color:#f0f0f0;"], :root[data-theme=auto] .fl-prose [style*="background: #eee;"], :root[data-theme=auto] .fl-prose [style*="background:#eee;"], :root[data-theme=auto] .fl-prose [style*="background-color: #eee;"], :root[data-theme=auto] .fl-prose [style*="background-color:#eee;"], :root[data-theme=auto] .fl-prose [style*="background: #eeeeee;"], :root[data-theme=auto] .fl-prose [style*="background:#eeeeee;"], :root[data-theme=auto] .fl-prose [style*="background-color: #eeeeee;"], :root[data-theme=auto] .fl-prose [style*="background-color:#eeeeee;"], :root[data-theme=auto] .fl-prose [style*="background: yellow;"], :root[data-theme=auto] .fl-prose [style*="background:yellow;"], :root[data-theme=auto] .fl-prose [style*="background-color: yellow;"], :root[data-theme=auto] .fl-prose [style*="background-color:yellow;"], :root[data-theme=auto] .fl-prose [style*="background: #ff0;"], :root[data-theme=auto] .fl-prose [style*="background:#ff0;"], :root[data-theme=auto] .fl-prose [style*="background-color: #ff0;"], :root[data-theme=auto] .fl-prose [style*="background-color:#ff0;"], :root[data-theme=auto] .fl-prose [style*="background: #ffff00;"], :root[data-theme=auto] .fl-prose [style*="background:#ffff00;"], :root[data-theme=auto] .fl-prose [style*="background-color: #ffff00;"], :root[data-theme=auto] .fl-prose [style*="background-color:#ffff00;"], :root[data-theme=auto] .fl-prose [style*="background: lightyellow;"], :root[data-theme=auto] .fl-prose [style*="background:lightyellow;"], :root[data-theme=auto] .fl-prose [style*="background-color: lightyellow;"], :root[data-theme=auto] .fl-prose [style*="background-color:lightyellow;"], :root[data-theme=auto] .fl-prose [style*="background: #ffffcc;"], :root[data-theme=auto] .fl-prose [style*="background:#ffffcc;"], :root[data-theme=auto] .fl-prose [style*="background-color: #ffffcc;"], :root[data-theme=auto] .fl-prose [style*="background-color:#ffffcc;"] {
    --fl-prose-ink-text: var(--colorNeutralForegroundInverted);
    --fl-prose-ink-quiet: var(--colorNeutralForegroundInverted);
    --fl-prose-ink-red: var(--colorNeutralForegroundInverted);
    --fl-prose-ink-blue: var(--colorNeutralForegroundInverted);
    --fl-prose-ink-green: var(--colorNeutralForegroundInverted);
    --fl-prose-ink-purple: var(--colorNeutralForegroundInverted);
    --fl-prose-ink-brown: var(--colorNeutralForegroundInverted);
    --fl-prose-ink-teal: var(--colorNeutralForegroundInverted);
    --colorBrandForegroundLink: var(--colorBrandForegroundInverted);
    --colorBrandForegroundLinkHover: var(--colorBrandForegroundInvertedHover);
    --colorBrandForegroundLinkPressed: var(--colorBrandForegroundInvertedPressed);
    color: var(--colorNeutralForegroundInverted);
  }
}
.fl-prose hr {
  height: 0;
  margin: 20px 0;
  border: none;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}
.fl-prose blockquote {
  padding-left: 12px;
  border-left: var(--strokeWidthThicker) solid var(--colorNeutralStroke1);
  color: var(--colorNeutralForeground2);
}
.fl-prose code {
  padding: 1px 4px;
  border-radius: var(--borderRadiusSmall);
  background-color: var(--colorNeutralBackground3);
  font: 13px/20px var(--fontFamilyMonospace);
}
.fl-prose pre {
  padding: 12px 16px;
  overflow-x: auto;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground3);
  color: var(--colorNeutralForeground1);
  font: 13px/20px var(--fontFamilyMonospace);
  white-space: pre;
}
.fl-prose pre code {
  padding: 0;
  background: none;
}
.fl-prose table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}
.fl-prose th,
.fl-prose td {
  padding: 6px 10px;
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  text-align: left;
}
.fl-prose th {
  background-color: var(--colorNeutralBackground2);
  font-weight: var(--fontWeightSemibold);
}
.fl-prose .MathJax_Display,
.fl-prose mjx-container[display=true],
.fl-prose .tex-display,
.fl-prose math[display=block] {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.fl-prose mjx-container {
  color: currentColor;
}
.fl-prose img.tex-image,
.fl-prose img.inline-math,
.fl-prose img.display-math {
  vertical-align: middle;
}
@media screen {
  :root[data-theme=dark] .fl-prose img.tex-image,
  :root[data-theme=dark] .fl-prose img.inline-math,
  :root[data-theme=dark] .fl-prose img.display-math {
    filter: invert(0.9) hue-rotate(180deg);
  }
}
@media screen and (prefers-color-scheme: dark) {
  :root[data-theme=auto] .fl-prose img.tex-image,
  :root[data-theme=auto] .fl-prose img.inline-math,
  :root[data-theme=auto] .fl-prose img.display-math {
    filter: invert(0.9) hue-rotate(180deg);
  }
}

.fl-prose--reading {
  font-size: var(--fontSizeBase400);
}

.fl-sample {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  margin: 0 0 12px;
}

.fl-sample__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 24px;
}

.fl-sample__label {
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-sample pre {
  margin: 0;
  padding: 12px 16px;
  overflow-x: auto;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground3);
  color: var(--colorNeutralForeground1);
  font: 13px/20px var(--fontFamilyMonospace);
  white-space: pre;
}

.fl-prose .fl-sample__label {
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-sample__head .fl-copy {
  margin-left: auto;
}

.fl-copy--status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.fl-copy__status {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
}

.fl-code {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  overflow: auto;
  border-radius: var(--borderRadiusLarge);
  background-color: var(--huscCodeBg);
  box-shadow: inset 0 0 0 1px var(--colorNeutralStroke2);
  font: 13px/20px var(--fontFamilyMonospace);
}

.fl-code__gutter {
  position: sticky;
  left: 0;
  z-index: 1;
  padding: 12px 12px 12px 16px;
  background-color: var(--huscCodeGutter);
  color: var(--huscCodeLineNo);
  text-align: right;
  -webkit-user-select: none;
          user-select: none;
  white-space: pre;
}

.fl-code__body {
  margin: 0;
  padding: 12px 16px;
  color: var(--huscCodeText);
  white-space: pre;
  -moz-tab-size: 4;
       tab-size: 4;
}

.fl-kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  border-bottom-width: var(--strokeWidthThick);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground3);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
  vertical-align: middle;
}

.fl-code .k,
.fl-code .kd,
.fl-code .kn,
.fl-code .kp,
.fl-code .kr,
.fl-code .kc,
.fl-code .ow,
.fl-prose .codehilite .k,
.fl-prose .codehilite .kd,
.fl-prose .codehilite .kn,
.fl-prose .codehilite .kp,
.fl-prose .codehilite .kr,
.fl-prose .codehilite .kc,
.fl-prose .codehilite .ow {
  color: var(--huscCodeKeyword);
}
.fl-code .cp,
.fl-code .cpf,
.fl-prose .codehilite .cp,
.fl-prose .codehilite .cpf {
  color: var(--huscCodeControl);
}
.fl-code .kt,
.fl-code .nc,
.fl-code .nn,
.fl-prose .codehilite .kt,
.fl-prose .codehilite .nc,
.fl-prose .codehilite .nn {
  color: var(--huscCodeType);
}
.fl-code .s,
.fl-code .s1,
.fl-code .s2,
.fl-code .sa,
.fl-code .sb,
.fl-code .sc,
.fl-code .sd,
.fl-code .se,
.fl-code .sh,
.fl-code .si,
.fl-code .sr,
.fl-code .ss,
.fl-code .sx,
.fl-code .dl,
.fl-prose .codehilite .s,
.fl-prose .codehilite .s1,
.fl-prose .codehilite .s2,
.fl-prose .codehilite .sa,
.fl-prose .codehilite .sb,
.fl-prose .codehilite .sc,
.fl-prose .codehilite .sd,
.fl-prose .codehilite .se,
.fl-prose .codehilite .sh,
.fl-prose .codehilite .si,
.fl-prose .codehilite .sr,
.fl-prose .codehilite .ss,
.fl-prose .codehilite .sx,
.fl-prose .codehilite .dl {
  color: var(--huscCodeString);
}
.fl-code .m,
.fl-code .mb,
.fl-code .mf,
.fl-code .mh,
.fl-code .mi,
.fl-code .mo,
.fl-code .il,
.fl-prose .codehilite .m,
.fl-prose .codehilite .mb,
.fl-prose .codehilite .mf,
.fl-prose .codehilite .mh,
.fl-prose .codehilite .mi,
.fl-prose .codehilite .mo,
.fl-prose .codehilite .il {
  color: var(--huscCodeNumber);
}
.fl-code .c,
.fl-code .c1,
.fl-code .ch,
.fl-code .cm,
.fl-code .cs,
.fl-prose .codehilite .c,
.fl-prose .codehilite .c1,
.fl-prose .codehilite .ch,
.fl-prose .codehilite .cm,
.fl-prose .codehilite .cs {
  color: var(--huscCodeComment);
  font-style: italic;
}
.fl-code .nf,
.fl-code .fm,
.fl-code .nb,
.fl-code .bp,
.fl-prose .codehilite .nf,
.fl-prose .codehilite .fm,
.fl-prose .codehilite .nb,
.fl-prose .codehilite .bp {
  color: var(--huscCodeFunction);
}
.fl-code .nv,
.fl-code .vc,
.fl-code .vg,
.fl-code .vi,
.fl-code .vm,
.fl-code .na,
.fl-prose .codehilite .nv,
.fl-prose .codehilite .vc,
.fl-prose .codehilite .vg,
.fl-prose .codehilite .vi,
.fl-prose .codehilite .vm,
.fl-prose .codehilite .na {
  color: var(--huscCodeVariable);
}
.fl-code .hll,
.fl-prose .codehilite .hll {
  display: block;
  background-color: var(--huscCodeHighlight);
}

.fl-prose .codehilite pre {
  border-radius: var(--borderRadiusLarge);
  background-color: var(--huscCodeBg);
  color: var(--huscCodeText);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
}

.fl-check,
.fl-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 0 2px;
  border-radius: var(--borderRadiusMedium);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  cursor: pointer;
}
.fl-check:focus-within,
.fl-switch:focus-within {
  outline: var(--strokeWidthThick) solid transparent;
}
.fl-check input,
.fl-switch input {
  flex-shrink: 0;
  margin: 0;
  appearance: none;
  cursor: pointer;
}
.fl-check input:focus-visible,
.fl-switch input:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 2px;
}
.fl-check input:disabled,
.fl-switch input:disabled {
  cursor: not-allowed;
}

.fl-check {
  gap: var(--spacingHorizontalM);
}
.fl-check input:not(:checked) + span {
  color: var(--colorNeutralForeground3);
}
.fl-check:hover input:not(:checked) + span {
  color: var(--colorNeutralForeground2);
}
.fl-check:active input:not(:checked) + span {
  color: var(--colorNeutralForeground1);
}
.fl-check input:disabled + span {
  color: var(--colorNeutralForegroundDisabled);
}

.fl-check input {
  width: 16px;
  height: 16px;
  border: var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);
  border-radius: var(--borderRadiusSmall);
  background-color: var(--colorNeutralBackground1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}
.fl-check input:hover {
  border-color: var(--colorNeutralStrokeAccessibleHover);
}
.fl-check input:checked {
  border-color: var(--colorCompoundBrandBackground);
  background-color: var(--colorCompoundBrandBackground);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M9.76 3.2c.3.29.32.76.04 1.06l-4.25 4.5a.75.75 0 0 1-1.08.02L2.22 6.53a.75.75 0 0 1 1.06-1.06l1.7 1.7L8.7 3.24a.75.75 0 0 1 1.06-.04'/%3E%3C/svg%3E");
}

.fl-switch input {
  position: relative;
  width: 40px;
  height: 20px;
  border: var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);
  border-radius: var(--borderRadiusCircular);
  background-color: var(--colorTransparentBackground);
  transition: background-color var(--durationNormal) var(--curveEasyEase);
}
.fl-switch input::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: var(--borderRadiusCircular);
  background-color: var(--colorNeutralStrokeAccessible);
  transition: transform var(--durationNormal) var(--curveEasyEase);
}
.fl-switch input:checked {
  border-color: transparent;
  background-color: var(--colorCompoundBrandBackground);
}
.fl-switch input:checked::before {
  background-color: var(--colorNeutralForegroundInverted);
  transform: translateX(20px);
}

.fl .select2-container--fluent .select2-selection--multiple,
.fl .select2-container--fluent .select2-selection--single {
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  border-bottom-color: var(--colorNeutralStrokeAccessible);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  outline: 2px solid transparent;
}
.fl .select2-container--fluent .select2-selection--multiple:hover,
.fl .select2-container--fluent .select2-selection--single:hover {
  border-color: var(--colorNeutralStroke1Hover);
  border-bottom-color: var(--colorNeutralStrokeAccessibleHover);
}
.fl .select2-container--fluent .select2-selection--multiple {
  display: block;
  min-height: 32px;
  padding: 3px 4px;
  cursor: text;
}
.fl .select2-container--fluent .select2-selection--single {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 34px 0 calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));
  cursor: pointer;
}
.fl .select2-container--fluent.select2-container--focus .select2-selection--multiple, .fl .select2-container--fluent.select2-container--open .select2-selection--multiple, .fl .select2-container--fluent.select2-container--focus .select2-selection--single, .fl .select2-container--fluent.select2-container--open .select2-selection--single {
  border-bottom-color: var(--colorCompoundBrandStroke);
  box-shadow: inset 0 -1px 0 0 var(--colorCompoundBrandStroke);
}
.fl .select2-container--fluent .select2-selection--single .select2-selection__rendered {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  color: inherit;
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fl .select2-container--fluent .select2-selection--single .select2-selection__placeholder {
  color: var(--colorNeutralForeground4);
}
.fl .select2-container--fluent .select2-selection--single .select2-selection__arrow {
  display: none;
}
.fl .select2-container--fluent .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  overflow: visible;
  white-space: normal;
  list-style: none;
}
.fl .select2-container--fluent .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  max-width: 100%;
  height: 24px;
  padding: 0 6px 0 2px;
  overflow: hidden;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground3);
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
.fl .select2-container--fluent .select2-selection__choice__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: var(--borderRadiusSmall);
  color: var(--colorNeutralForeground3);
  font-size: var(--fontSizeBase400);
  line-height: 1;
  cursor: pointer;
}
.fl .select2-container--fluent .select2-selection__choice__remove:hover {
  background-color: var(--colorNeutralBackground3Hover);
  color: var(--colorNeutralForeground1);
}
.fl .select2-container--fluent .select2-search--inline {
  flex: 1 1 96px;
  min-width: 96px;
  float: none;
}
.fl .select2-container--fluent .select2-search--inline .select2-search__field {
  width: 100% !important;
  height: 24px;
  margin: 0;
  padding: 0 6px;
  border: none;
  background-color: transparent;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  outline: none;
}
.fl .select2-container--fluent .select2-dropdown {
  padding: 4px;
  border: var(--strokeWidthThin) solid var(--colorTransparentStroke);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  box-shadow: var(--shadow16);
}
.fl .select2-container--fluent .select2-dropdown--below {
  margin-top: 2px;
}
.fl .select2-container--fluent .select2-dropdown--above {
  margin-top: -2px;
}
.fl .select2-container--fluent .select2-search--dropdown {
  padding: 0 0 4px;
}
.fl .select2-container--fluent .select2-search--dropdown .select2-search__field {
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  border-bottom-color: transparent;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  background-image: linear-gradient(var(--colorCompoundBrandStroke), var(--colorCompoundBrandStroke)), linear-gradient(var(--fl-input-bottom, var(--colorNeutralStrokeAccessible)), var(--fl-input-bottom, var(--colorNeutralStrokeAccessible)));
  background-repeat: no-repeat;
  background-origin: border-box;
  background-position: 50% 100%, 0 100%;
  background-size: 0% 2px, 100% 1px;
  transition: background-size var(--durationUltraFast) var(--curveAccelerateMid);
  outline: 2px solid transparent;
}
.fl .select2-container--fluent .select2-search--dropdown .select2-search__field:hover {
  --fl-input-bottom: var(--colorNeutralStrokeAccessibleHover);
  border-color: var(--colorNeutralStroke1Hover);
  border-bottom-color: transparent;
}
.fl .select2-container--fluent .select2-search--dropdown .select2-search__field:focus, .fl .select2-container--fluent .select2-search--dropdown .select2-search__field:focus-visible {
  --fl-input-bottom: var(--colorNeutralStrokeAccessiblePressed);
  border-color: var(--colorNeutralStroke1Pressed);
  border-bottom-color: transparent;
  background-size: 100% 2px, 100% 1px;
  transition: background-size var(--durationNormal) var(--curveDecelerateMid);
  outline: 2px solid transparent;
}
.fl .select2-container--fluent .select2-search--dropdown .select2-search__field {
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 var(--spacingHorizontalMNudge);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}
.fl .select2-container--fluent .select2-results__options {
  max-height: 280px;
  overflow-y: auto;
}
.fl .select2-container--fluent .select2-results > .select2-results__options {
  margin: 0 -4px;
  padding: 0 4px;
}
.fl .select2-container--fluent .select2-results__options--nested {
  max-height: none;
  overflow: visible;
}
.fl .select2-container--fluent .select2-results__option {
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalXS);
  min-height: 32px;
  padding: var(--spacingVerticalSNudge) var(--spacingHorizontalS);
  border-radius: var(--borderRadiusMedium);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}
.fl .select2-container--fluent .select2-results__option[aria-disabled=true] {
  color: var(--colorNeutralForegroundDisabled);
}
.fl .select2-container--fluent .select2-results__option[role=group] {
  display: block;
  min-height: 0;
  padding: 0;
}
.fl .select2-container--fluent .select2-results__option[role=group] + [role=group] {
  margin: 4px -4px 0;
  padding: 4px 4px 0;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  border-radius: 0;
}
.fl .select2-container--fluent .select2-results__group {
  display: block;
  padding: 8px 6px;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl .select2-container--fluent .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected]::before {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);
  border-radius: var(--borderRadiusSmall);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}
.fl .select2-container--fluent .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true]::before {
  border-color: var(--colorCompoundBrandBackground);
  background-color: var(--colorCompoundBrandBackground);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M9.76 3.2c.3.29.32.76.04 1.06l-4.25 4.5a.75.75 0 0 1-1.08.02L2.22 6.53a.75.75 0 0 1 1.06-1.06l1.7 1.7L8.7 3.24a.75.75 0 0 1 1.06-.04'/%3E%3C/svg%3E");
}
.fl .select2-container--fluent .select2-results > .select2-results__options:not([aria-multiselectable=true]) .select2-results__option[aria-selected]::before {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0 var(--spacingHorizontalXXS) 0 calc(var(--spacingHorizontalXXS) * -1);
}
.fl .select2-container--fluent .select2-results > .select2-results__options:not([aria-multiselectable=true]) .select2-results__option[aria-selected=true]::before {
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M9.76 3.2c.3.29.32.76.04 1.06l-4.25 4.5a.75.75 0 0 1-1.08.02L2.22 6.53a.75.75 0 0 1 1.06-1.06l1.7 1.7L8.7 3.24a.75.75 0 0 1 1.06-.04'/%3E%3C/svg%3E") center/12px 12px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M9.76 3.2c.3.29.32.76.04 1.06l-4.25 4.5a.75.75 0 0 1-1.08.02L2.22 6.53a.75.75 0 0 1 1.06-1.06l1.7 1.7L8.7 3.24a.75.75 0 0 1 1.06-.04'/%3E%3C/svg%3E") center/12px 12px no-repeat;
}
.fl .select2-container--fluent .select2-results__option--highlighted[aria-selected] {
  background-color: var(--colorNeutralBackground1Hover);
}
.fl .select2-container--fluent .select2-results__message {
  color: var(--colorNeutralForeground3);
}

.fl select.fl-form-size + .select2-container--fluent .select2-selection--single {
  height: clamp(32px, 72px - 6.25vw, 40px);
}
.fl select.fl-form-size + .select2-container--fluent .select2-selection--multiple {
  display: flex;
  align-items: center;
  min-height: clamp(32px, 72px - 6.25vw, 40px);
}
.fl select.fl-form-size + .select2-container--fluent .select2-selection--multiple .select2-selection__rendered {
  flex: 1 1 auto;
  min-width: 0;
}

.fl select[aria-invalid=true] + .select2-container--fluent:not(.select2-container--focus):not(.select2-container--open) .select2-selection--single,
.fl select[aria-invalid=true] + .select2-container--fluent:not(.select2-container--focus):not(.select2-container--open) .select2-selection--multiple {
  border-color: var(--colorPaletteRedBorder2);
}

.fl .fl-field-wrap__before ~ .select2-container--fluent .select2-selection--single {
  padding-left: 34px;
}

.fl-comments__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
}

.fl-comments__heading {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.fl-comments__sort {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.fl-comments__sort-label {
  color: var(--colorNeutralForeground2);
}

.fl-comments__chip-label {
  display: inline-grid;
}
.fl-comments__chip-label::after {
  content: attr(data-text);
  height: 0;
  overflow: hidden;
  font-weight: var(--fontWeightSemibold);
  visibility: hidden;
}

.fl-comments__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.fl-comments__list--replies {
  gap: 12px;
  padding-top: 12px;
}

.fl-comment__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.fl-comment__main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.fl-comment__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 8px;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-comment__meta .fl-user {
  font-size: var(--fontSizeBase300);
  line-height: var(--lineHeightBase300);
  overflow-wrap: anywhere;
}

.fl-comment__edits {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  align-self: center;
}

.fl-comment__hidden {
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}

.fl-comment__link-button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  color: var(--colorBrandForegroundLink);
  font: inherit;
  cursor: pointer;
}
.fl-comment__link-button:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}

.fl-comment__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin-left: -6px;
}

.fl-comment__vote {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.fl-comment__vote .fl-btn[aria-pressed=true] {
  --fl-btn-icon: var(--colorCompoundBrandForeground1);
  background-color: var(--colorSubtleBackgroundSelected);
  color: var(--colorCompoundBrandForeground1);
}
.fl-comment__vote[aria-busy=true] .fl-btn {
  cursor: progress;
}

.fl-comment__score {
  min-width: 16px;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.fl-comment__score--static {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 32px;
  padding: 0 6px;
  color: var(--colorNeutralForeground3);
}
.fl-comment__score--static > span {
  color: var(--colorNeutralForeground1);
}

.fl-comment__reply-button {
  min-width: 0;
  padding: 5px var(--spacingHorizontalS);
}

.fl-comment__tools {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin-left: 8px;
}

.fl-comment__tool {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  text-decoration: none;
  cursor: pointer;
}
.fl .fl-comment__tool {
  color: var(--colorNeutralForeground2Link);
}
.fl .fl-comment__tool:hover {
  color: var(--colorNeutralForeground2LinkHover);
  text-decoration: underline;
}

.fl-comment__status {
  margin: 0;
  color: var(--colorPaletteRedForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-comment__reply {
  padding-top: 12px;
}

.fl-sample__head--end {
  justify-content: flex-end;
}

.fl-comments__signin {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
}
.fl-comments__signin p {
  flex: 1 1 240px;
  min-width: 0;
  margin: 0;
  color: var(--colorNeutralForeground2);
}

@media (max-width: 639.98px) {
  .fl-comment__item {
    gap: 8px;
  }
  .fl-comments__list--replies .fl-comment__avatar {
    width: 24px;
    height: 24px;
    font-size: var(--fontSizeBase100);
  }
  .fl-comments__list--replies .fl-comments__list--replies {
    margin-left: -22px;
    padding-left: 8px;
    border-left: var(--strokeWidthThick) solid var(--colorNeutralStroke2);
  }
}
.fl-comment-form {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.fl-comment-form__avatar {
  margin-top: 32px;
}

.fl-comment-form--hint .fl-comment-form__avatar {
  margin-top: 56px;
}

.fl-comment__reply .fl-comment-form__avatar {
  display: none;
}

.fl-comment-form__form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  margin: 0;
}

.fl-comment-form__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 24px;
}
.fl-comment-form__top .fl-label {
  margin: 0;
  font-weight: var(--fontWeightRegular);
}

.fl-comment-form .fl-msgbar__body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fl-editor {
  min-width: 0;
}

.fl-editor .main-martor,
.featherlight-edit .main-martor {
  overflow: hidden;
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}
.fl-editor .section-martor,
.featherlight-edit .section-martor {
  position: relative;
  overflow: hidden;
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
}
.fl-editor .main-martor .section-martor .ui.menu.tab-martor-menu,
.featherlight-edit .main-martor .section-martor .ui.menu.tab-martor-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0 4px;
  border: none;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-family: var(--fontFamilyBase);
}
.fl-editor .main-martor .section-martor .ui.menu.tab-martor-menu a.item[data-tab],
.featherlight-edit .main-martor .section-martor .ui.menu.tab-martor-menu a.item[data-tab] {
  align-self: stretch;
  margin: 0 0 -1px;
  padding: 8px 10px;
  border: none;
  border-bottom: var(--strokeWidthThick) solid transparent;
  border-radius: 0 !important;
  background: transparent;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  cursor: pointer;
}
.fl-editor .main-martor .section-martor .ui.menu.tab-martor-menu a.item[data-tab]:hover,
.featherlight-edit .main-martor .section-martor .ui.menu.tab-martor-menu a.item[data-tab]:hover {
  background: transparent;
  color: var(--colorNeutralForeground2Hover);
}
.fl-editor .main-martor .section-martor .ui.menu.tab-martor-menu a.item[data-tab].active,
.featherlight-edit .main-martor .section-martor .ui.menu.tab-martor-menu a.item[data-tab].active {
  border-color: transparent;
  border-bottom-color: var(--colorCompoundBrandStroke);
  background: transparent;
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}
.fl-editor .main-martor .section-martor .ui.menu.tab-martor-menu a.item[data-tab]:focus-visible,
.featherlight-edit .main-martor .section-martor .ui.menu.tab-martor-menu a.item[data-tab]:focus-visible {
  border-radius: var(--borderRadiusMedium) !important;
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}
.fl-editor .main-martor .section-martor .ui.menu.tab-martor-menu a.item[data-tab] .icon,
.featherlight-edit .main-martor .section-martor .ui.menu.tab-martor-menu a.item[data-tab] .icon {
  margin-right: 6px;
  color: inherit;
}
.fl-editor .main-martor .section-martor .ui.menu.tab-martor-menu > .item::before,
.fl-editor .main-martor .section-martor .ui.menu.tab-martor-menu .fl-editor__modes > .item::before,
.featherlight-edit .main-martor .section-martor .ui.menu.tab-martor-menu > .item::before,
.featherlight-edit .main-martor .section-martor .ui.menu.tab-martor-menu .fl-editor__modes > .item::before {
  display: none;
}
.fl-editor .fl-editor__modes,
.featherlight-edit .fl-editor__modes {
  display: flex;
  align-items: stretch;
  min-width: 0;
}
.fl-editor .ui.menu .martor-toolbar.item,
.featherlight-edit .ui.menu .martor-toolbar.item {
  flex: 0 1 auto;
  align-self: center;
  margin-left: auto;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  border: none;
  background: transparent;
}
.fl-editor .ui.menu .martor-toolbar.item::before,
.featherlight-edit .ui.menu .martor-toolbar.item::before {
  display: none;
}
.fl-editor .martor-toolbar .ui.buttons,
.featherlight-edit .martor-toolbar .ui.buttons {
  display: flex;
  margin: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
.fl-editor .martor-toolbar .ui.basic.buttons .button,
.fl-editor .martor-toolbar .ui.basic.buttons .ui.dropdown,
.featherlight-edit .martor-toolbar .ui.basic.buttons .button,
.featherlight-edit .martor-toolbar .ui.basic.buttons .ui.dropdown {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  margin: 0;
  padding: 0 6px;
  border: none;
  border-radius: var(--borderRadiusMedium);
  background: transparent none !important;
  box-shadow: none !important;
  color: var(--colorNeutralForeground2) !important;
}
.fl-editor .martor-toolbar .ui.basic.buttons .button:hover,
.fl-editor .martor-toolbar .ui.basic.buttons .ui.dropdown:hover,
.featherlight-edit .martor-toolbar .ui.basic.buttons .button:hover,
.featherlight-edit .martor-toolbar .ui.basic.buttons .ui.dropdown:hover {
  background: var(--colorSubtleBackgroundHover) !important;
  color: var(--colorNeutralForeground2BrandHover) !important;
}
.fl-editor .martor-toolbar .ui.basic.buttons .button .icon,
.fl-editor .martor-toolbar .ui.basic.buttons .ui.dropdown .icon,
.featherlight-edit .martor-toolbar .ui.basic.buttons .button .icon,
.featherlight-edit .martor-toolbar .ui.basic.buttons .ui.dropdown .icon {
  margin: 0;
  color: inherit;
  opacity: 1;
}
.fl-editor .martor-toolbar .ui.dropdown .menu,
.featherlight-edit .martor-toolbar .ui.dropdown .menu {
  border: var(--strokeWidthThin) solid var(--colorTransparentStroke);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  box-shadow: var(--shadow16);
}
.fl-editor .martor-toolbar .ui.dropdown .menu > .item,
.featherlight-edit .martor-toolbar .ui.dropdown .menu > .item {
  border: none;
  color: var(--colorNeutralForeground2) !important;
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}
.fl-editor .martor-toolbar .ui.dropdown .menu > .item:hover,
.featherlight-edit .martor-toolbar .ui.dropdown .menu > .item:hover {
  background-color: var(--colorNeutralBackground1Hover) !important;
  color: var(--colorNeutralForeground2Hover) !important;
}
.fl-editor .ui.attached.segment.tab,
.featherlight-edit .ui.attached.segment.tab {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--colorNeutralForeground1);
}
.fl-editor .martor-field,
.featherlight-edit .martor-field {
  width: 100%;
  height: 160px;
  min-height: 96px;
}
.fl-editor .ace_editor,
.featherlight-edit .ace_editor {
  font: 13px/20px var(--fontFamilyMonospace);
}
.fl-editor .resizable .resizable-b,
.featherlight-edit .resizable .resizable-b {
  background-color: var(--colorNeutralStroke2);
}
.fl-editor .icon.expand-editor,
.featherlight-edit .icon.expand-editor {
  position: absolute;
  right: 4px;
  bottom: 4px;
  margin: 0;
  color: var(--colorNeutralForeground3);
}
.fl-editor .ui.attached.segment.tab.martor-preview,
.featherlight-edit .ui.attached.segment.tab.martor-preview {
  min-height: 96px;
  padding: 8px 12px;
}
.fl-editor .martor-preview-stale,
.featherlight-edit .martor-preview-stale {
  opacity: 0.6;
}
.fl-editor .fl-editor__empty,
.featherlight-edit .fl-editor__empty {
  margin: 0;
  color: var(--colorNeutralForeground3);
}
.fl-editor .fl-editor__keys,
.featherlight-edit .fl-editor__keys {
  margin: 0;
  padding: 8px 12px 6px;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-editor .section-martor > hr,
.featherlight-edit .section-martor > hr {
  height: 0;
  margin: 0;
  border: none;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}
.fl-editor .ui.tab.show-on-editor,
.fl-editor .ui.tab.show-on-preview,
.featherlight-edit .ui.tab.show-on-editor,
.featherlight-edit .ui.tab.show-on-preview {
  padding: 0 8px;
}
.fl-editor .section-martor input[type=submit],
.featherlight-edit .section-martor input[type=submit] {
  float: right;
  margin: 8px 0;
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  box-sizing: border-box;
  min-width: 96px;
  height: 32px;
  padding: 5px var(--spacingHorizontalM);
  border-radius: var(--borderRadiusMedium);
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  cursor: pointer;
}
.fl-editor .section-martor input[type=submit]:hover,
.featherlight-edit .section-martor input[type=submit]:hover {
  border-color: var(--colorNeutralStroke1Hover);
  background-color: var(--colorNeutralBackground1Hover);
}
.fl-editor .section-martor input[type=submit]:active,
.featherlight-edit .section-martor input[type=submit]:active {
  border-color: var(--colorNeutralStroke1Pressed);
  background-color: var(--colorNeutralBackground1Pressed);
}
.fl-editor .section-martor input[type=submit]:focus-visible,
.featherlight-edit .section-martor input[type=submit]:focus-visible {
  border-color: var(--colorStrokeFocus2);
  box-shadow: 0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;
  outline: var(--strokeWidthThick) solid var(--colorTransparentStroke);
  z-index: 1;
}
.fl-editor .section-martor input[type=submit]:disabled,
.featherlight-edit .section-martor input[type=submit]:disabled {
  border-color: var(--colorNeutralStrokeDisabled);
  background-color: var(--colorNeutralBackgroundDisabled);
  color: var(--colorNeutralForegroundDisabled);
  cursor: not-allowed;
}
.fl-editor .ui.tab.show-on-editor > p,
.featherlight-edit .ui.tab.show-on-editor > p {
  margin: 0;
  padding: 14px 4px;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-editor .ui.dimmer.upload-progress,
.featherlight-edit .ui.dimmer.upload-progress {
  background-color: var(--colorBackgroundOverlay);
}

.fl-editor--primary .section-martor input[type=submit] {
  border-color: transparent;
  background-color: var(--colorBrandBackground);
  color: var(--colorNeutralForegroundOnBrand);
}
.fl-editor--primary .section-martor input[type=submit]:hover:not(:disabled) {
  border-color: transparent;
  background-color: var(--colorBrandBackgroundHover);
}
.fl-editor--primary .section-martor input[type=submit]:active:not(:disabled) {
  border-color: transparent;
  background-color: var(--colorBrandBackgroundPressed);
}
.fl-editor--primary .section-martor input[type=submit]:disabled {
  border-color: var(--colorNeutralStrokeDisabled);
  background-color: var(--colorNeutralBackgroundDisabled);
  color: var(--colorNeutralForegroundDisabled);
}

.main-martor-fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 45;
  margin: 0;
  padding: 16px;
  background-color: var(--colorNeutralBackground1);
}
.main-martor-fullscreen .section-martor {
  height: 100%;
}
.main-martor-fullscreen .martor-field {
  height: calc(100vh - 140px);
}

body.overflow {
  overflow: hidden;
}

.featherlight {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40;
  display: none;
  background-color: var(--colorBackgroundOverlay);
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}
.featherlight::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.featherlight .featherlight-content {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 760px;
  max-height: calc(100vh - 32px);
  margin: 0 16px;
  padding: 24px;
  overflow: auto;
  border: var(--strokeWidthThin) solid var(--colorTransparentStroke);
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  box-shadow: var(--shadow64);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  text-align: left;
  vertical-align: middle;
  white-space: normal;
  cursor: auto;
}
.featherlight .featherlight-inner {
  display: block;
}
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
  display: none;
}
.featherlight .featherlight-close-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorSubtleBackground);
  color: var(--colorNeutralForeground2);
  font-size: var(--fontSizeBase500);
  line-height: 1;
  cursor: pointer;
}
.featherlight .featherlight-close-icon:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground2Hover);
}
.featherlight h2 {
  margin: 0 0 16px;
  font: var(--fontWeightSemibold) var(--fontSizeBase500)/var(--lineHeightBase500) var(--fontFamilyBase);
  text-align: left !important;
}
.featherlight table {
  width: 100%;
  border-collapse: collapse;
}
.featherlight th,
.featherlight td {
  padding: 6px 8px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  text-align: left;
}
.featherlight th {
  color: var(--colorNeutralForeground2);
  font-weight: var(--fontWeightRegular);
}

.featherlight-iframe .featherlight-content {
  padding: 0;
}

.fl-skip {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 50;
  padding: 6px 12px;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorBrandForegroundLink);
  box-shadow: var(--shadow8);
  transform: translateY(-200%);
}
.fl-skip:focus {
  transform: none;
}

.fl-shell {
  position: sticky;
  top: 0;
  z-index: 20;
}

.fl-header {
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  background-color: var(--colorNeutralBackground1);
}

.fl-header__bar {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalM);
  max-width: 1280px;
  height: 48px;
  margin: 0 auto;
  padding: 0 clamp(16px, 3vw, 40px);
}

.fl-header__toggle {
  margin-left: -6px;
}

.fl-brand {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--spacingHorizontalS);
  margin-left: -4px;
  padding: 4px;
  border-radius: var(--borderRadiusMedium);
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl .fl-brand {
  color: var(--colorNeutralForeground1);
}
.fl .fl-brand:hover {
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl-brand:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 0;
}
.fl-brand img {
  display: block;
  width: 28px;
  height: 28px;
}

.fl-brand__name {
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyBase);
  white-space: nowrap;
}

.fl-nav {
  display: flex;
  align-self: stretch;
  align-items: stretch;
  margin-left: var(--spacingHorizontalS);
}

.fl-nav__tab {
  --fl-tab-indicator: transparent;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--spacingHorizontalXS);
  height: 48px;
  margin: 0;
  padding: 0 var(--spacingHorizontalMNudge);
  border: none;
  border-radius: var(--borderRadiusMedium);
  background-color: transparent;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}
.fl .fl-nav__tab, .fl .fl-nav__tab:hover {
  text-decoration: none;
}
.fl .fl-nav__tab {
  color: var(--colorNeutralForeground2);
}
.fl .fl-nav__tab:hover {
  --fl-tab-indicator: var(--colorNeutralStroke1Hover);
  color: var(--colorNeutralForeground2Hover);
}
.fl .fl-nav__tab:active {
  --fl-tab-indicator: var(--colorNeutralStroke1Pressed);
  color: var(--colorNeutralForeground2Pressed);
}
.fl-nav__tab:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: -4px;
}
.fl-nav__tab::after {
  content: "";
  position: absolute;
  right: var(--spacingHorizontalM);
  bottom: 0;
  left: var(--spacingHorizontalM);
  height: var(--strokeWidthThicker);
  border-radius: var(--borderRadiusCircular);
  background-color: var(--fl-tab-indicator);
  pointer-events: none;
}
.fl .fl-nav__tab[aria-current=page] {
  --fl-tab-indicator: var(--colorCompoundBrandStroke);
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}
.fl .fl-nav__tab[aria-current=page]:hover {
  --fl-tab-indicator: var(--colorCompoundBrandStrokeHover);
  color: var(--colorNeutralForeground1Hover);
}
.fl .fl-nav__tab[aria-current=page]:active {
  --fl-tab-indicator: var(--colorCompoundBrandStrokePressed);
  color: var(--colorNeutralForeground1Pressed);
}

.fl-nav__item {
  display: flex;
}

.fl-nav__label {
  padding: 0 var(--spacingHorizontalXXS);
}

.fl-nav__chevron {
  display: inline-flex;
  color: var(--colorNeutralForeground3);
}

.fl-nav__menu {
  top: calc(100% - 4px);
}

.fl-header__spacer {
  flex: 1 1 auto;
}

.fl-header__search {
  flex: 0 1 240px;
}

.fl-header__actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--spacingHorizontalXS);
}

.fl-account {
  display: inline-flex;
  align-items: center;
  gap: var(--spacingHorizontalS);
  box-sizing: border-box;
  height: 40px;
  margin: 0;
  padding: 0 var(--spacingHorizontalS) 0 var(--spacingHorizontalXS);
  border: var(--strokeWidthThin) solid transparent;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorSubtleBackground);
  color: var(--colorNeutralForeground1);
  cursor: pointer;
  transition-property: background, border, color;
  transition-duration: var(--durationFaster);
  transition-timing-function: var(--curveEasyEase);
}
.fl-account:hover {
  background-color: var(--colorSubtleBackgroundHover);
}
.fl-account:active, .fl-account[aria-expanded=true] {
  background-color: var(--colorSubtleBackgroundPressed);
}
.fl-account:focus-visible {
  border-color: var(--colorStrokeFocus2);
  box-shadow: 0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;
  outline: var(--strokeWidthThick) solid var(--colorTransparentStroke);
  z-index: 1;
}

.fl-account__name {
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  white-space: nowrap;
}

.fl-account__chevron {
  display: inline-flex;
  color: var(--colorNeutralForeground3);
}

.fl-account-menu {
  min-width: 248px;
}

.fl-account-menu__head {
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalMNudge);
  padding: 8px 6px 10px;
}

.fl-account-menu__who {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fl-account-menu__name {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-account-menu__meta {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-anon {
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalS);
}

.fl-drawer {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  gap: var(--spacingVerticalXXS);
  max-height: calc(100vh - 48px);
  padding: 8px var(--spacingHorizontalXS) 12px var(--spacingHorizontalMNudge);
  overflow-y: auto;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  background-color: var(--colorNeutralBackground4);
  box-shadow: var(--shadow28);
}
.fl-drawer:not(.is-open) {
  display: none;
}

.fl-drawer__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacingVerticalL);
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  padding: var(--spacingVerticalMNudge) var(--spacingHorizontalS) var(--spacingVerticalMNudge) var(--spacingHorizontalMNudge);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground4);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  text-decoration: none;
}
.fl .fl-drawer__item {
  color: var(--colorNeutralForeground2);
}
.fl .fl-drawer__item:hover {
  background-color: var(--colorNeutralBackground4Hover);
  color: var(--colorNeutralForeground2);
  text-decoration: none;
}
.fl-drawer__item:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: -2px;
}
.fl .fl-drawer__item[aria-current=page] {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}
.fl .fl-drawer__item[aria-current=page] .fl-icon {
  color: var(--colorNeutralForeground2BrandSelected);
}
.fl .fl-drawer__item[aria-current=page]::before {
  content: "";
  position: absolute;
  top: 12px;
  left: -6px;
  width: 4px;
  height: 20px;
  border-radius: var(--borderRadiusCircular);
  background-color: var(--colorCompoundBrandForeground1);
}

.fl-drawer__divider {
  margin: 4px 0;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-drawer__header {
  margin: 8px 0 4px 10px;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-contest-bar {
  border-bottom: var(--strokeWidthThin) solid var(--colorBrandStroke2);
  background-color: var(--colorBrandBackground2);
}

.fl-contest-bar__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 8px clamp(16px, 3vw, 40px);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}

.fl-contest-bar__icon {
  display: inline-flex;
  color: var(--colorBrandForeground1);
}

.fl-contest-bar__name {
  min-width: 0;
  font-weight: var(--fontWeightSemibold);
  overflow-wrap: anywhere;
}
.fl .fl-contest-bar__name {
  color: var(--colorBrandForeground2);
}
.fl .fl-contest-bar__name:hover {
  color: var(--colorBrandForeground2Hover);
}

.fl-contest-bar__time {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--colorNeutralForeground2);
}
.fl-contest-bar__time strong {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
}

.fl-contest-bar__spacer {
  flex: 1 1 auto;
}

.fl-contest-bar__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.fl .fl-contest-bar__link {
  color: var(--colorBrandForegroundLink);
}
.fl .fl-contest-bar__link:hover {
  color: var(--colorBrandForegroundLinkHover);
}

.fl-contest-bar form {
  margin: 0;
}

.fl-notices {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 1280px;
  margin: 16px auto 0;
  padding: 0 clamp(16px, 3vw, 40px);
}
.fl-notices + .fl-main {
  padding-top: 16px;
}

.fl-footer {
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  background-color: var(--colorNeutralBackground1);
}

.fl-footer__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 16px clamp(16px, 3vw, 40px);
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl .fl-footer__inner a {
  color: var(--colorNeutralForeground2Link);
}
.fl .fl-footer__inner a:hover {
  color: var(--colorNeutralForeground2LinkHover);
}

.fl-footer__brand {
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalS);
}
.fl-footer__brand img {
  display: block;
  width: 20px;
  height: 20px;
}

.fl-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
}

.fl-footer__spacer {
  flex: 1 1 auto;
}

.fl-footer__powered a {
  font-weight: var(--fontWeightSemibold);
}

.fl-footer__lang {
  margin: 0;
}
.fl-footer__lang .fl-select {
  height: 24px;
  padding: 0 26px 0 28px;
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-footer__lang .fl-field-wrap__before {
  left: 8px;
}
.fl-footer__lang .fl-field-wrap__after {
  right: 6px;
}

.fl-footer__extra {
  flex-basis: 100%;
}

.fl-page-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 24px;
}

.fl-page-header__titles {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.fl-page-header__title {
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeHero700)/var(--lineHeightHero700) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-page-header__row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.fl-page-header__subtitle {
  color: var(--colorNeutralForeground2);
  overflow-wrap: anywhere;
}

.fl-page-header__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.fl-theme-icon--dark {
  display: none;
}

:root[data-theme=dark] .fl-theme-icon--light {
  display: none;
}
:root[data-theme=dark] .fl-theme-icon--dark {
  display: inline-flex;
}

@media (prefers-color-scheme: dark) {
  :root[data-theme=auto] .fl-theme-icon--light {
    display: none;
  }
  :root[data-theme=auto] .fl-theme-icon--dark {
    display: inline-flex;
  }
}
.fl-contest-top {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.fl-contest-head {
  gap: 16px;
  padding-bottom: 0;
}

.fl-contest-head__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
}

.fl-contest-head__info {
  display: flex;
  flex: 999 1 420px;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.fl-contest-head__title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.fl-contest-head__title {
  min-width: 0;
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeHero700)/var(--lineHeightHero700) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-contest-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.fl-contest-meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--colorNeutralForeground2);
}

.fl-contest-meta__line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 20px;
}

.fl-contest-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.fl-contest-meta__icon {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--colorNeutralForeground3);
}

.fl-contest-meta__tabular {
  font-variant-numeric: tabular-nums;
}

.fl-contest-clock {
  display: flex;
  flex: 1 1 240px;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 12px 16px;
  border-radius: var(--borderRadiusLarge);
  background-color: var(--colorNeutralBackground2);
}

.fl-contest-clock__head {
  display: flex;
  flex-direction: column;
}

.fl-contest-clock__label {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-contest-clock__value {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase600)/var(--lineHeightBase600) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-contest-clock__value--hero {
  font-size: var(--fontSizeHero800);
  line-height: var(--lineHeightHero800);
}
.fl-contest-clock__value--hero.is-days {
  font-size: var(--fontSizeBase600);
  line-height: var(--lineHeightBase600);
}

.fl-contest-clock__note {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-contest-clock__add {
  align-self: flex-start;
}

.fl-contest-clock .fl-elapsed {
  flex-direction: column-reverse;
  gap: 8px;
}

.fl-contest-tabs__divider {
  flex-shrink: 0;
  align-self: center;
  width: var(--strokeWidthThin);
  height: 20px;
  margin: 0 8px;
  background-color: var(--colorNeutralStroke2);
}

.fl-contest-callout {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
  min-width: 0;
  padding: 16px 20px;
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--huscFeatureBg);
  box-shadow: var(--shadow4), inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
}

.fl-contest-callout__main {
  display: flex;
  flex: 999 1 480px;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
}

.fl-contest-callout--results .fl-contest-callout__main {
  align-items: center;
}

.fl-contest-callout__icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorBrandForeground1);
}

.fl-contest-callout__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  color: var(--colorNeutralForeground2);
}

.fl-contest-callout__title {
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyBase);
}

.fl-contest-callout__strong {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
}

.fl-contest-callout__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.fl-contest-callout__actions form {
  margin: 0;
}

.fl-contest-callout__aside {
  color: var(--colorNeutralForeground2);
}

.fl-contest-callout__note {
  display: flex;
  flex: 1 1 100%;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding-top: 12px;
  border-top: var(--strokeWidthThin) solid var(--colorBrandStroke2);
  color: var(--colorNeutralForeground2);
}

.fl-contest-callout__note-icon {
  display: inline-flex;
  flex-shrink: 0;
  padding-top: 2px;
}

.fl-contest-result {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px 32px;
  min-width: 0;
  margin: 0;
}
.fl-contest-result dt {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-contest-result dd {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 6px;
  margin: 0;
}

.fl-contest-result__item {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fl-contest-result__rank {
  color: var(--colorBrandForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeHero800)/var(--lineHeightHero800) var(--fontFamilyBase);
}

.fl-contest-result__value {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase500)/var(--lineHeightBase500) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-contest-result__of,
.fl-contest-result__time {
  color: var(--colorNeutralForeground2);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-contest-result__time {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.fl-contest-aside .fl-contest-card {
  gap: 12px;
}

.fl-contest-more {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 4px;
  text-decoration: none;
}
.fl .fl-contest-more {
  color: var(--colorBrandForegroundLink);
}
.fl .fl-contest-more:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}

.fl-contest-state {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  width: 20px;
}

.fl-contest-state--solved {
  color: var(--colorPaletteGreenForeground1);
}

.fl-contest-state--tried {
  color: var(--colorPaletteMarigoldForeground2);
}

.fl-ranking-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 44px;
  padding: 0 6px 5px;
  border-radius: var(--borderRadiusLarge);
  font-variant-numeric: tabular-nums;
  text-align: center;
  text-decoration: none;
  transition: opacity var(--durationNormal) var(--curveEasyEase), box-shadow var(--durationNormal) var(--curveEasyEase);
}
.fl-ranking-tile > span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
}
.fl-ranking-tile > span:nth-child(2) {
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-ranking-tile small {
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl .fl-ranking-tile:hover {
  box-shadow: inset 0 0 0 var(--strokeWidthThin) currentColor;
  text-decoration: none;
}
.fl-ranking-tile:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 1px;
}

.fl-ranking-tile.is-full, .fl .fl-ranking-tile.is-full:hover {
  background-color: var(--huscCellFullSolidBg);
  color: var(--huscCellFullSolidFg);
}

.fl-ranking-tile.is-partial, .fl .fl-ranking-tile.is-partial:hover {
  background-color: var(--huscCellPartialBg);
  color: var(--huscCellPartialFg);
}
.fl-ranking-tile.is-partial > span:first-child {
  font-weight: var(--fontWeightRegular);
}

.fl-ranking-tile.is-zero {
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteRedBorder1);
}
.fl-ranking-tile.is-zero, .fl .fl-ranking-tile.is-zero:hover {
  background-color: var(--huscCellZeroBg);
  color: var(--huscCellZeroFg);
}

.fl-ranking-tile.is-frozen-pending, .fl .fl-ranking-tile.is-frozen-pending:hover {
  background-color: var(--huscCellPendingBg);
  color: var(--huscCellPendingFg);
}

.fl .fl-ranking-tile.is-frozen-pending:hover {
  box-shadow: inset 0 0 0 var(--strokeWidthThick) var(--colorPaletteNavyBorderActive);
}

.fl-ranking-tile.is-none, .fl .fl-ranking-tile.is-none:hover {
  padding-bottom: 0;
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
  color: var(--colorNeutralForeground3);
}
.fl-ranking-tile.is-none > span:first-child {
  font: inherit;
}

.fl-ranking-tile > i {
  position: absolute;
  right: 6px;
  bottom: 4px;
  left: 6px;
  height: 3px;
  border-radius: var(--borderRadiusSmall);
  background-color: var(--colorNeutralBackground1);
  background-image: linear-gradient(to right, var(--huscCellPartialBar) var(--fl-share, 0%), transparent var(--fl-share, 0%));
}

.fl-contest-rules {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: var(--colorNeutralForeground1);
}
.fl-contest-rules strong {
  font-weight: var(--fontWeightSemibold);
}

.fl-contest-rule {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.fl-contest-rule__icon {
  display: inline-flex;
  flex-shrink: 0;
  padding-top: 2px;
  color: var(--colorNeutralForeground3);
}

.fl-contest-rule__text {
  min-width: 0;
}
.fl-contest-rule__text p {
  display: inline;
}

.fl-contest-problems__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 16px;
  padding: 16px 20px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-contest-problems__count {
  font-variant-numeric: tabular-nums;
}

.fl-contest-problems__cols {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 0 20px 0 12px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  color: var(--colorNeutralForeground2);
}

.fl-contest-problems__col-toggle {
  flex: 0 0 32px;
}

.fl-contest-problems__col-name {
  flex: 1 1 auto;
  min-width: 0;
}

.fl-contest-problems__col-score {
  flex: 0 0 132px;
  text-align: center;
  white-space: nowrap;
}

.fl-contest-problems__col-state {
  flex: 0 0 20px;
  margin-left: 4px;
}

.fl-contest-problems__col-action {
  flex: 0 0 120px;
  margin-left: 4px;
}

.fl-contest-problems__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px 16px;
  padding: 12px 20px;
  color: var(--colorNeutralForeground2);
  font-variant-numeric: tabular-nums;
}
.fl-contest-problems__foot strong {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-contest-problem {
  position: relative;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-contest-problem__row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 20px 12px 12px;
}

.fl-btn.fl-contest-problem__toggle {
  position: static;
  margin-top: -6px;
}
.fl-btn.fl-contest-problem__toggle::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.fl-btn.fl-contest-problem__toggle .fl-btn__icon {
  transition: transform var(--durationNormal) var(--curveEasyEaseMax);
}
.fl-btn.fl-contest-problem__toggle[aria-expanded=true] .fl-btn__icon {
  transform: rotate(90deg);
}

.fl-contest-problem__num,
.fl-contest-mini__num {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  width: 24px;
}

.fl-contest-problem__body {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  min-width: 0;
}

.fl-contest-problem__titles {
  display: flex;
  flex: 1 1 180px;
  flex-direction: column;
  min-width: 0;
}

.fl-contest-problem__name {
  position: relative;
  z-index: 1;
  align-self: flex-start;
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
  overflow-wrap: anywhere;
  text-decoration: none;
}

.fl a.fl-contest-problem__name {
  color: var(--colorBrandForegroundLink);
}

.fl a.fl-contest-problem__name:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}

.fl-contest-problem__sub {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-contest-problem__side {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 16px;
  margin-left: auto;
}

.fl-contest-problem__score {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.fl-contest-problem__points {
  min-width: 76px;
  color: var(--colorNeutralForeground2);
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}
.fl-contest-problem__points strong {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-progress.fl-contest-problem__bar {
  flex-shrink: 0;
  width: 48px;
}

.fl-contest-problem__solvers {
  color: var(--colorNeutralForeground2);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-btn.fl-contest-problem__action {
  z-index: 1;
  justify-content: flex-start;
  min-width: 120px;
}

.fl-contest-problem__action--empty {
  display: inline-block;
  flex-shrink: 0;
  width: 120px;
}

.fl-contest-problem__detail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 20px;
  padding: 0 20px 12px 92px;
  color: var(--colorNeutralForeground2);
}
.fl-contest-problem__detail strong {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
}

.fl-contest-problem__limit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.fl-contest-problem__limit-icon {
  display: inline-flex;
  color: var(--colorNeutralForeground3);
}

@media (max-width: 639.98px) {
  .fl-btn.fl-contest-problem__action {
    min-width: 32px;
    padding: 5px;
  }
  .fl-btn.fl-contest-problem__action .fl-btn__icon {
    margin-right: 0;
  }
  .fl-contest-problem__action--empty {
    width: 32px;
  }
}
.fl-contest-rank {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fl-contest-rank__line {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.fl-contest-rank__number {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeHero800)/var(--lineHeightHero800) var(--fontFamilyBase);
}

.fl-contest-rank__of {
  color: var(--colorNeutralForeground2);
  font-variant-numeric: tabular-nums;
}

.fl-contest-rank__facts {
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 4px 16px;
  color: var(--colorNeutralForeground2);
}
.fl-contest-rank__facts dd {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
}

.fl-contest-facts {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fl-contest-facts dt {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-contest-facts dd {
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.fl-contest-facts strong {
  font-weight: var(--fontWeightSemibold);
}

.fl-contest-facts__item {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fl-contest-facts__count {
  white-space: nowrap;
}

.fl-contest-notices {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fl-contest-notice {
  display: flex;
  align-items: flex-start;
  padding: 10px 12px;
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground3);
}

.fl-contest-notice__icon {
  display: flex;
  flex-shrink: 0;
  margin-right: var(--spacingHorizontalS);
  color: var(--colorNeutralForeground3);
}

.fl-contest-notice__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-contest-notice__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.fl-contest-notice__about {
  min-width: 0;
  font-weight: var(--fontWeightSemibold);
  overflow-wrap: anywhere;
}

.fl-contest-notice__time {
  flex-shrink: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-contest-terms {
  display: flex;
  flex-direction: column;
}

.fl-contest-terms__row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  padding: 12px 0;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}
.fl-contest-terms__row:last-child {
  padding-bottom: 0;
}
.fl-contest-terms__row > dt {
  flex: 0 0 128px;
  color: var(--colorNeutralForeground2);
}
.fl-contest-terms__row > dd {
  flex: 1 1 300px;
  min-width: 0;
  color: var(--colorNeutralForeground1);
}
.fl-contest-terms__row p + p {
  margin-top: 4px;
  color: var(--colorNeutralForeground2);
}
.fl-contest-terms__row strong {
  font-weight: var(--fontWeightSemibold);
}

.fl-contest-terms__inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
}

.fl-contest-terms__stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.fl-contest-terms__lines {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 20px;
  list-style: disc;
}

.fl-contest-languages {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.fl-btn.fl-contest-example__toggle {
  min-width: 0;
  margin-top: 4px;
  padding-left: 0;
  font-weight: var(--fontWeightRegular);
}
.fl .fl-btn.fl-contest-example__toggle {
  color: var(--colorBrandForegroundLink);
}
.fl-btn.fl-contest-example__toggle .fl-btn__chevron {
  width: 16px;
  height: 16px;
  transition: transform var(--durationNormal) var(--curveEasyEaseMax);
}
.fl-btn.fl-contest-example__toggle[aria-expanded=true] .fl-btn__chevron {
  transform: rotate(180deg);
}

.fl-contest-example {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 480px;
  margin-top: 4px;
  padding: 12px 16px;
  border-radius: var(--borderRadiusLarge);
  background-color: var(--colorNeutralBackground2);
}

.fl-table.fl-contest-example__table th:first-child,
.fl-table.fl-contest-example__table td:first-child {
  padding-left: 0;
}
.fl-table.fl-contest-example__table th:last-child,
.fl-table.fl-contest-example__table td:last-child {
  padding-right: 0;
}
.fl-table.fl-contest-example__table tfoot th,
.fl-table.fl-contest-example__table tfoot td {
  border-bottom: none;
  font-weight: var(--fontWeightSemibold);
}

.fl-contest-mini__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 12px;
  padding: 16px 20px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-contest-mini__item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 4px 20px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-contest-mini__name {
  display: -webkit-box;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
  overflow-wrap: anywhere;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.fl a.fl-contest-mini__name {
  color: var(--colorBrandForegroundLink);
}

.fl a.fl-contest-mini__name:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}

.fl-contest-mini__points {
  flex-shrink: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-contest-mini__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  padding: 16px 20px;
}

.fl-btn__icon.fl-contest-mini__arrow {
  margin-right: 0;
  margin-left: var(--spacingHorizontalSNudge);
}

.fl-contest-time {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fl-contest-time__ends {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-variant-numeric: tabular-nums;
}
.fl-contest-time__ends > div {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.fl-contest-time__ends dt {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-contest-time__end {
  align-items: flex-end;
  text-align: right;
}

.fl-contest-time__clock {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase500)/var(--lineHeightBase500) var(--fontFamilyBase);
}

.fl-contest-time__date {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-contest-time__progress {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fl-contest-time__now {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2px 12px;
  color: var(--colorNeutralForeground2);
  font-variant-numeric: tabular-nums;
}
.fl-contest-time__now strong {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-contest-time__notes {
  gap: 8px;
  padding-top: 12px;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-contest-people {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fl-contest-person {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.fl-contest-person__who {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  overflow-wrap: anywhere;
}

.fl-contest-results {
  gap: 16px;
}

.fl-contest-results__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 32px;
}

.fl-contest-results__intro {
  display: flex;
  flex: 1 1 360px;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.fl-contest-results__titles {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-contest-results__summary {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px 32px;
}
.fl-contest-results__summary dt {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-contest-results__summary dd {
  display: flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
}

.fl-contest-results__fact {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fl-contest-results__big {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase500)/var(--lineHeightBase500) var(--fontFamilyBase);
}

.fl-contest-results__tabular {
  font-variant-numeric: tabular-nums;
}

.fl-contest-results__of {
  color: var(--colorNeutralForeground2);
  font-variant-numeric: tabular-nums;
}

.fl-contest-tiles {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 1199.98px) {
  .fl-contest-tiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 639.98px) {
  .fl-contest-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.fl-contest-tiles__item {
  display: flex;
  min-width: 0;
}

.fl-contest-tile {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  border-radius: var(--borderRadiusLarge);
  background-color: var(--colorNeutralBackground2);
  text-decoration: none;
  transition-property: background, box-shadow;
  transition-duration: var(--durationFaster);
  transition-timing-function: var(--curveEasyEase);
}
.fl .fl-contest-tile {
  color: var(--colorNeutralForeground1);
}
.fl .fl-contest-tile:hover {
  background-color: var(--colorNeutralBackground2Hover);
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl .fl-contest-tile[aria-current=true] {
  background-color: var(--colorBrandBackground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThick) var(--colorCompoundBrandStroke);
}
.fl-contest-tile:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 1px;
}

.fl-contest-tile__name {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.fl-contest-tile__title {
  min-width: 0;
  overflow: hidden;
  font-weight: var(--fontWeightSemibold);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fl-contest-tile__score {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.fl-contest-tile__points {
  display: flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
}
.fl-contest-tile__points strong {
  font: var(--fontWeightSemibold) var(--fontSizeBase600)/var(--lineHeightBase600) var(--fontFamilyBase);
}

.fl-contest-tile__of {
  color: var(--colorNeutralForeground2);
  font-variant-numeric: tabular-nums;
}

.fl-contest-tile__verdict {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
}
.fl-contest-tile__verdict .fl-verdict-label {
  white-space: normal;
}

.fl-contest-tile__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-contest-tile__line {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.fl-contest-tile__icon {
  display: inline-flex;
  flex-shrink: 0;
}

.fl-contest-tile__tabular {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-contest-subs__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 16px 20px 0;
}

.fl-contest-subs__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  padding: 16px 20px;
}
.fl-contest-subs__filters .fl-subs-filter {
  flex: 0 1 240px;
}

.fl-contest-subs__count {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px 12px;
  min-height: 32px;
}

@media (max-width: 639.98px) {
  .fl-contest-subs__filters .fl-subs-filter {
    flex: 1 1 140px;
  }
  .fl-contest-subs__count {
    justify-content: flex-start;
  }
}
.fl-subs-cproblem {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
}

.fl-subs-cproblem__name {
  min-width: 0;
  overflow-wrap: anywhere;
}

.fl-subs-cpoints {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
}

.fl-subs-cpoints__problem {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-subs-clock {
  font-variant-numeric: tabular-nums;
}

.fl-subs-table--contest {
  min-width: 760px;
}
.fl-subs-table--contest td.fl-subs-grow {
  max-width: 0;
}
.fl-subs-table--contest .fl-subs-cproblem {
  display: flex;
  flex-wrap: nowrap;
}
.fl-subs-table--contest .fl-subs-cproblem__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fl-contest-gate {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

.fl-contest-gate__card {
  gap: 16px;
}

.fl-icon-tile.fl-contest-gate__lock {
  background-color: var(--colorNeutralBackground3);
  color: var(--colorNeutralForeground2);
}

.fl-contest-gate__title {
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeHero700)/var(--lineHeightHero700) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-contest-gate__name {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-contest-gate__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.fl-contest-gate__note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--colorNeutralForeground2);
}

.fl-contest-gate__note-icon {
  display: inline-flex;
  flex-shrink: 0;
  padding-top: 2px;
  color: var(--colorNeutralForeground3);
}

.fl-cclar-intro {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  min-height: 32px;
}

.fl-cclar-intro__text {
  flex: 1 1 360px;
  min-width: 0;
  margin: 0;
  color: var(--colorNeutralForeground2);
}

@media (max-width: 639.98px) {
  .fl-cclar-ask .fl-menu--end {
    right: auto;
    left: 0;
  }
}
.fl-cclar-ask .fl-menu {
  max-width: min(300px, 100vw - 32px);
}

.fl-cclar__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 16px;
}

.fl-cclar-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fl-cclar-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 16px;
  border-radius: var(--borderRadiusLarge);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
}

.fl-cclar-item__head,
.fl-cclar-question__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.fl-cclar-item__about {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 20px;
  padding: 0 6px;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--huscTileContestBg);
  color: var(--huscTileContestFg);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-cclar-item__time {
  margin-left: auto;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-prose.fl-cclar-item__text {
  font-size: var(--fontSizeBase400);
  line-height: var(--lineHeightBase400);
  overflow-wrap: anywhere;
}

.fl-cclar-item__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 16px;
}

.fl-cclar-item__who {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-cclar-item__foot .fl-contest-more {
  align-self: center;
  min-height: 32px;
}

.fl-cclar-mine__head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.fl-cclar-mine__titles {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-cclar-questions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fl-cclar-question {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.fl-cclar-question + .fl-cclar-question {
  padding-top: 12px;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-cclar-question__title {
  font-weight: var(--fontWeightSemibold);
  text-decoration: none;
  overflow-wrap: anywhere;
}
.fl .fl-cclar-question__title {
  color: var(--colorNeutralForeground1);
}
.fl .fl-cclar-question__title:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}

.fl-cclar-answer {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 8px 12px;
  border-radius: var(--borderRadiusLarge);
  background-color: var(--colorNeutralBackground2);
}

.fl-cclar-answer__who {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-cclar-answer__text {
  margin: 0;
  color: var(--colorNeutralForeground1);
  overflow-wrap: anywhere;
  white-space: pre-line;
}

.fl-cparts__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 16px 20px;
}

.fl-cparts__intro {
  display: flex;
  flex: 1 1 360px;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.fl-cparts__titles {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-cparts__count {
  margin: 0;
  color: var(--colorNeutralForeground2);
  font-variant-numeric: tabular-nums;
}

.fl-cparts__table {
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-cparts__note {
  margin: 0;
  padding: 12px 20px 16px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-cparts-notice {
  min-width: 0;
}

.fl-table.fl-cparts-table {
  min-width: 800px;
}
.fl-table.fl-cparts-table tbody th {
  color: var(--colorNeutralForeground1);
}
.fl-table.fl-cparts-table td,
.fl-table.fl-cparts-table tbody th {
  height: 64px;
  padding-top: 8px;
  padding-bottom: 8px;
  white-space: nowrap;
}
.fl-table.fl-cparts-table thead .fl-cparts-table__run {
  padding-left: 52px;
}
.fl-table.fl-cparts-table tbody th:first-child {
  padding-left: 12px;
}
.fl-table.fl-cparts-table .fl-cparts-table__status {
  padding-left: var(--spacingHorizontalL);
}
.fl-table.fl-cparts-table .fl-cparts-table__row.is-open > * {
  border-bottom-color: transparent;
}
.fl-table.fl-cparts-table .fl-cparts-table__detail > td {
  height: auto;
  padding: 0 20px 16px 52px;
  white-space: normal;
}
.fl-table.fl-cparts-table .fl-cparts-table__detail:hover {
  background-color: transparent;
}

.fl-cparts-run {
  display: flex;
  align-items: center;
  gap: 8px;
}

.fl-cparts-run__label {
  font-weight: var(--fontWeightSemibold);
}

.fl-btn.fl-cparts-toggle .fl-btn__icon,
.fl-btn.fl-cparts-item__toggle .fl-btn__icon {
  transition: transform var(--durationNormal) var(--curveEasyEaseMax);
}

.fl-btn.fl-cparts-toggle[aria-expanded=true] .fl-btn__icon,
.fl-btn.fl-cparts-item__toggle[aria-expanded=true] .fl-btn__icon {
  transform: rotate(90deg);
}

.fl-cparts-when {
  display: flex;
  flex-direction: column;
  font-variant-numeric: tabular-nums;
}

.fl-cparts-points {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  vertical-align: middle;
  font-variant-numeric: tabular-nums;
  text-decoration: none;
}
.fl .fl-cparts-points {
  color: var(--colorNeutralForeground1);
}
.fl .fl-cparts-points:hover {
  color: var(--colorNeutralForeground1);
  text-decoration: underline;
}
.fl-cparts-points strong {
  font-weight: var(--fontWeightSemibold);
}

.fl-cparts-points__of {
  color: var(--colorNeutralForeground2);
}

.fl-progress.fl-cparts-points__bar {
  width: 64px;
}

.fl-cparts-ranking {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  vertical-align: middle;
}

.fl-cparts-rank {
  font-variant-numeric: tabular-nums;
}
.fl-cparts-rank strong {
  font-weight: var(--fontWeightSemibold);
}

.fl-cparts-rank__of {
  color: var(--colorNeutralForeground2);
}

.fl-cparts-more {
  text-decoration: none;
}
.fl .fl-cparts-more {
  color: var(--colorBrandForegroundLink);
}
.fl .fl-cparts-more:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}

.fl-cparts-staff {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.fl-cparts-staff form {
  margin: 0;
}

.fl-cparts-cells {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px 8px;
}

.fl-cparts-cell {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.fl-cparts-cell__problem {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-cparts-cell__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1199.98px) {
  .fl-cparts-table .fl-cparts-cells {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.fl-cparts-list {
  display: flex;
  flex-direction: column;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}
.fl-cparts-list .fl-cparts-cells {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fl-cparts-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-cparts-item__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.fl-cparts-item__title {
  min-width: 0;
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyBase);
}

.fl-cparts-item__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
  margin: 0;
}
.fl-cparts-item__facts > div {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.fl-cparts-item__facts dt {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-cparts-item__facts dd {
  margin: 0;
  font-variant-numeric: tabular-nums;
}
.fl-cparts-item__facts .fl-cparts-points {
  align-items: flex-start;
}

.fl-cparts-item__tabular {
  font-variant-numeric: tabular-nums;
}

.fl-cparts-item__detail {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-btn.fl-cparts-item__toggle {
  justify-content: flex-start;
  width: 100%;
  min-height: 44px;
  padding-left: 0;
  font-weight: var(--fontWeightRegular);
}
.fl .fl-btn.fl-cparts-item__toggle {
  color: var(--colorNeutralForeground1);
}

.fl-cparts-picker__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.fl-cparts-picker__field {
  flex: 1 1 120px;
  min-width: 0;
}

.fl-cstats-head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.fl-cstats-head__titles {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.fl-cstats-head__contest {
  margin: 0;
  color: var(--colorNeutralForeground2);
  overflow-wrap: anywhere;
}

.fl-cstats-head__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  min-width: 0;
}

.fl-cstats-head__facts {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 8px;
  min-width: 0;
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-cstats-head__tabular {
  font-variant-numeric: tabular-nums;
}

.fl-cstats-kpis {
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
}

.fl-cstats-kpis__of {
  margin-left: 4px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}

.fl-cstats-charts {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.fl-cstats-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  min-width: 0;
}

.fl-cstats-card__intro {
  display: flex;
  flex: 1 1 260px;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.fl-cstats-card__titles {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-btn.fl-cstats-toggle {
  flex-shrink: 0;
}

.fl-cstats-switch,
.fl-cstats-chart {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.fl-cstats-js .fl-cstats-table:not(.is-shown) {
  display: none;
}

.fl-cstats-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 16px;
  min-width: 0;
}

.fl-cstats-legend__label {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-cstats-legend__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 16px;
  min-width: 0;
  color: var(--colorNeutralForeground2);
}

.fl-cstats-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.fl-cstats-legend__count {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
}

.fl-cstats-swatch {
  display: block;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  border-radius: var(--borderRadiusSmall);
}

.fl-cstats--full,
.fl-cstats--ac {
  background-color: var(--colorPaletteGreenBackground3);
}

.fl-cstats--partial,
.fl-cstats--err,
.fl-cstats--rte,
.fl-cstats--ir,
.fl-cstats--mle,
.fl-cstats--ole {
  background-color: var(--colorPaletteMarigoldBackground3);
}

.fl-cstats--zero,
.fl-cstats--wa {
  background-color: var(--colorPaletteRedBackground3);
}

.fl-cstats--none {
  background-color: var(--colorNeutralStroke2);
}

.fl-cstats--ce,
.fl-cstats--ie {
  background-color: var(--colorNeutralForeground3);
}

.fl-cstats--tle {
  background-color: var(--colorPaletteDarkOrangeBackground3);
}

.fl-cstats--ab,
.fl-cstats--sc {
  background-color: var(--colorNeutralStroke1);
}

.fl-cstats--language {
  background-color: var(--huscHeat3);
}

.fl-cstats-bars {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fl-cstats-bars__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 0 6px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-cstats-bars__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  margin: 0;
  padding: 6px 0 0;
  list-style: none;
}

.fl-cstats-bars__row {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
  min-width: 0;
  margin: 0 -8px;
  padding: 4px 8px;
  border-radius: var(--borderRadiusMedium);
}
.fl-cstats-bars__row:hover {
  background-color: var(--colorSubtleBackgroundHover);
}

.fl-cstats-bars__name {
  display: flex;
  flex: 1 1 280px;
  align-items: center;
  min-width: 0;
}
.fl-cstats-bars__name .fl-cstats-problem {
  max-width: 100%;
}

.fl-cstats-bars__value {
  display: flex;
  flex: 999 1 280px;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.fl-cstats-stack {
  display: flex;
  flex: 1 1 0;
  gap: 2px;
  min-width: 0;
  height: 16px;
  overflow: hidden;
  border-radius: 0 var(--borderRadiusMedium) var(--borderRadiusMedium) 0;
}
.fl-cstats-stack span {
  display: block;
  flex: 0 1 0;
  min-width: 2px;
}

.fl-cstats-bars__end {
  flex-shrink: 0;
  min-width: 32px;
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.fl-cstats-tip {
  position: absolute;
  z-index: 3;
  display: none;
  box-sizing: border-box;
  max-width: 240px;
  padding: 4px 11px 6px;
  border: var(--strokeWidthThin) solid var(--colorTransparentStroke);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  box-shadow: var(--shadow8);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  pointer-events: none;
}

@media (hover: hover) {
  .fl-cstats-bars__row:hover .fl-cstats-tip,
  .fl-cstats-columns__bin:hover .fl-cstats-tip {
    display: block;
  }
  .fl-cstats-columns__bin.is-peak:hover .fl-cstats-columns__value {
    visibility: hidden;
  }
}
.fl-cstats-tip--row {
  bottom: calc(100% + 2px);
  left: clamp(8px, 100% - 248px, 304px);
  width: max-content;
}

.fl-cstats-tip__title {
  display: block;
  margin: 0 0 4px;
  font-weight: var(--fontWeightSemibold);
  overflow-wrap: anywhere;
}

.fl-cstats-tip__grid {
  display: grid;
  grid-template-columns: 12px auto auto;
  align-items: center;
  gap: 2px 6px;
}

.fl-cstats-tip__line {
  display: block;
  width: 12px;
  height: 3px;
  border-radius: var(--borderRadiusCircular);
}

.fl-cstats-tip__count {
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.fl-cstats-tip__name {
  color: var(--colorNeutralForeground2);
  white-space: nowrap;
}

.fl-cstats-tip__foot {
  margin: 6px 0 0;
  padding-top: 4px;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  color: var(--colorNeutralForeground2);
}

.fl-cstats-tip--column {
  bottom: calc(var(--fl-h) + 8px);
  left: var(--fl-at);
  white-space: nowrap;
  transform: translateX(calc(-1 * var(--fl-at)));
}
.fl-cstats-tip--column .fl-cstats-tip__title {
  margin: 0;
  font-size: var(--fontSizeBase300);
  line-height: var(--lineHeightBase300);
  font-variant-numeric: tabular-nums;
}

.fl-cstats-tip__note {
  display: block;
  color: var(--colorNeutralForeground2);
  font-variant-numeric: tabular-nums;
}

.fl-cstats-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.fl-cstats-list__item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.fl-cstats-list__line,
.fl-cstats-list__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.fl-cstats-list__name {
  min-width: 0;
  color: var(--colorNeutralForeground1);
  overflow-wrap: anywhere;
}

.fl-cstats-list__numbers {
  display: flex;
  flex-shrink: 0;
  align-items: baseline;
  gap: 8px;
  font-variant-numeric: tabular-nums;
}

.fl-cstats-list__count {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-cstats-list__share {
  width: 44px;
  color: var(--colorNeutralForeground2);
  font-weight: var(--fontWeightRegular);
  text-align: right;
}

.fl-cstats-list__bar {
  display: block;
  min-width: 2px;
  height: 8px;
  border-radius: 0 var(--borderRadiusMedium) var(--borderRadiusMedium) 0;
}

.fl-cstats-list__note {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-cstats-list__total {
  padding-top: 12px;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-cstats-columns {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  min-width: 0;
  padding-top: 24px;
}

.fl-cstats-columns__y {
  position: relative;
  height: 200px;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}
.fl-cstats-columns__y span {
  position: absolute;
  right: 8px;
  white-space: nowrap;
  transform: translateY(50%);
}

.fl-cstats-columns__plot {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 200px;
  min-width: 0;
}

.fl-cstats-columns__grid {
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  background-color: var(--colorNeutralStroke2);
}

.fl-cstats-columns__bin {
  display: flex;
  flex: 1 1 0;
  align-items: flex-end;
  justify-content: center;
  min-width: 0;
}

.fl-cstats-columns__bar {
  position: relative;
  display: block;
  width: min(24px, 60%);
  height: var(--fl-h);
  border-radius: var(--borderRadiusMedium) var(--borderRadiusMedium) 0 0;
  background-color: var(--huscHeat3);
}

.fl-cstats-columns__bin.is-peak .fl-cstats-columns__bar {
  background-color: var(--huscHeat4);
}

.fl-cstats-columns__value {
  position: absolute;
  bottom: calc(var(--fl-h) + 4px);
  left: var(--fl-at);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  transform: translateX(-50%);
}

.fl-cstats-columns__x {
  position: relative;
  grid-column: 2;
  height: 24px;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}
.fl-cstats-columns__x span {
  position: absolute;
  top: 6px;
  white-space: nowrap;
  transform: translateX(-50%);
}
.fl-cstats-columns__x .is-start {
  transform: none;
}
.fl-cstats-columns__x .is-end {
  transform: translateX(-100%);
}

.fl-cstats-table {
  margin: 0 -20px;
}
.fl-cstats-table tfoot th,
.fl-cstats-table tfoot td {
  border-bottom: none;
  font-weight: var(--fontWeightSemibold);
}
.fl-cstats-table tbody th,
.fl-cstats-table tfoot th {
  font-weight: var(--fontWeightRegular);
  text-align: left;
}
.fl-cstats-table tfoot th {
  font-weight: var(--fontWeightSemibold);
}
.fl-cstats-table thead th:first-child,
.fl-cstats-table tbody th,
.fl-cstats-table tfoot th {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: var(--colorNeutralBackground1);
}
.fl-cstats-table tbody tr:hover th {
  background-color: var(--colorSubtleBackgroundHover);
}

.fl-cstats-th {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.fl-cstats-th .fl-cstats-swatch {
  width: 10px;
  height: 10px;
}

.fl-cstats-period {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-variant-numeric: tabular-nums;
}

.fl-cstats-problem {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 320px;
  min-width: 0;
  vertical-align: middle;
}

.fl-cstats-problem__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fl-cstats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr));
  align-items: start;
  gap: 24px;
  min-width: 0;
}

@media (max-width: 639.98px) {
  .fl-cstats-problem {
    max-width: 200px;
  }
}
.fl-contests-head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.fl-contests-tabs {
  margin-left: calc(var(--spacingHorizontalMNudge) * -1);
}

.fl-contests-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.fl-contests-section__head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.fl-contests-section__title {
  margin: 0;
  min-width: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase500)/var(--lineHeightBase500) var(--fontFamilyBase);
}

.fl-contests-tile--mine {
  background-color: var(--colorBrandBackground2);
  color: var(--colorBrandForeground2);
}

.fl-contests-mine {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 20px 32px;
  padding: 20px;
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--huscFeatureBg);
  box-shadow: var(--shadow4), inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
}

.fl-contests-mine__main {
  display: flex;
  flex: 999 1 420px;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}

.fl-contests-clock {
  display: flex;
  flex: 1 1 300px;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 16px;
  border-radius: var(--borderRadiusLarge);
  background-color: var(--colorNeutralBackground1);
}

.fl-contests-clock__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0 12px;
}

.fl-contests-clock__end {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-contests-clock__value {
  margin-top: -8px;
  color: var(--colorBrandForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeHero800)/var(--lineHeightHero800) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.fl-contests-card {
  gap: 16px;
}

.fl-contests-card__info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.fl-contests-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.fl-contests-card__title,
.fl-contests-upcoming__title {
  margin: 0;
  min-width: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-contests-card__title a {
  display: inline-block;
  margin: -9px 0;
  padding: 9px 0;
}

.fl-contests-upcoming__title a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 6px 0;
}

.fl-contests-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
  margin: 0;
  padding: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  list-style: none;
}
.fl-contests-meta > li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.fl-contests-meta > li > .fl-icon {
  color: var(--colorNeutralForeground3);
}

.fl-contests-meta__num {
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.fl-contests-card__buttons,
.fl-contests-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}

.fl-contests-card__buttons {
  gap: 8px;
}

.fl-contests-card__actions a:not([class]) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.fl-contests-form {
  display: inline-flex;
  margin: 0;
}

.fl-contests-card__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  margin-top: auto;
}

.fl-contests-countdown {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fl-contests-countdown__value {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase600)/var(--lineHeightBase600) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-contests-mark-link {
  max-width: 100%;
  text-decoration: none;
}
.fl .fl-contests-mark-link:hover {
  color: var(--colorNeutralForeground2Hover);
  text-decoration: underline;
}
.fl-contests-mark-link:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 1px;
}

.fl-contests-mark-link__text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fl-contests-upcoming {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--colorNeutralBackground1);
  box-shadow: var(--shadow4);
  list-style: none;
}

.fl-contests-upcoming__item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}
.fl-contests-upcoming__item:last-child {
  border-bottom: none;
}

.fl-contests-upcoming__body {
  display: flex;
  flex: 1 1 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 24px;
  min-width: 0;
}

.fl-contests-upcoming__info {
  display: flex;
  flex: 1 1 280px;
  flex-direction: column;
  min-width: 0;
}

.fl-contests-upcoming__countdown {
  flex-shrink: 0;
  align-items: flex-start;
  min-width: 136px;
}

.fl-contests-date {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 52px;
  border-radius: var(--borderRadiusLarge);
  background-color: var(--huscUpcomingBg);
  color: var(--huscUpcomingFg);
}

.fl-contests-date__day {
  font: var(--fontWeightSemibold) var(--fontSizeBase600)/var(--lineHeightBase600) var(--fontFamilyBase);
}

.fl-contests-date__month {
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-contests-past__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 16px 20px;
}

.fl-contests-past__search {
  flex: 1 1 240px;
  max-width: 360px;
}

.fl-contests-past__sort {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
.fl-contests-past__sort label {
  white-space: nowrap;
}
.fl-contests-past__sort .fl-select {
  min-width: 184px;
}

.fl-contests-table {
  min-width: 960px;
}
.fl-contests-table td.fl-contests-table__name {
  padding-top: 8px;
  padding-bottom: 8px;
}

.fl-contests-col-start {
  width: 160px;
}

.fl-contests-col-length {
  width: 120px;
}

.fl-contests-col-format {
  width: 112px;
}

.fl-contests-col-users {
  width: 96px;
}

.fl-contests-col-actions {
  width: 232px;
}

.fl-contests-table__name-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
}
.fl-contests-table__name-wrap > a:not([class]) {
  font-weight: var(--fontWeightSemibold);
  overflow-wrap: anywhere;
}

.fl-contests-table__nowrap {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-contests-table__actions-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  white-space: nowrap;
}

.fl-contests-arrow {
  display: inline-flex;
  align-items: center;
  width: 12px;
}

@media (max-width: 639.98px) {
  .fl-contests-past__toolbar {
    padding: 16px;
  }
  .fl-contests-past__search {
    flex-basis: 100%;
    max-width: none;
  }
  .fl-contests-past__sort .fl-select {
    min-width: 0;
  }
  .fl-contests-upcoming__item {
    padding: 16px;
  }
}
.fl-cal {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--colorNeutralBackground1);
  box-shadow: var(--shadow4);
}

.fl-cal__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 12px 16px;
}

.fl-cal__nav {
  display: flex;
  align-items: center;
  gap: 4px;
}

.fl-cal__title {
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase500)/var(--lineHeightBase500) var(--fontFamilyBase);
  white-space: nowrap;
}

.fl-cal__spacer {
  flex: 1 1 auto;
}

.fl-cal__month {
  padding: 0 16px;
}

.fl-cal__grid {
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  border-radius: var(--borderRadiusLarge);
}

.fl-cal__head {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}
.fl-cal__head span {
  padding: 6px 8px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  white-space: nowrap;
}

.fl-cal__week {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-template-rows: 32px repeat(3, 24px) 32px;
  row-gap: 2px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}
.fl-cal__week:last-child {
  border-bottom: none;
}

.fl-cal--c1 {
  grid-column-start: 1;
}

.fl-cal--s1 {
  grid-column-end: span 1;
}

.fl-cal--c2 {
  grid-column-start: 2;
}

.fl-cal--s2 {
  grid-column-end: span 2;
}

.fl-cal--c3 {
  grid-column-start: 3;
}

.fl-cal--s3 {
  grid-column-end: span 3;
}

.fl-cal--c4 {
  grid-column-start: 4;
}

.fl-cal--s4 {
  grid-column-end: span 4;
}

.fl-cal--c5 {
  grid-column-start: 5;
}

.fl-cal--s5 {
  grid-column-end: span 5;
}

.fl-cal--c6 {
  grid-column-start: 6;
}

.fl-cal--s6 {
  grid-column-end: span 6;
}

.fl-cal--c7 {
  grid-column-start: 7;
}

.fl-cal--s7 {
  grid-column-end: span 7;
}

.fl-cal--r2 {
  grid-row: 2;
}

.fl-cal--r3 {
  grid-row: 3;
}

.fl-cal--r4 {
  grid-row: 4;
}

.fl-cal__cell {
  grid-row: 1/-1;
  border-right: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}
.fl-cal__cell.fl-cal--c7 {
  border-right: none;
}
.fl-cal__cell.is-out {
  background-color: var(--colorNeutralBackground2);
}

.fl-cal__week:last-child .fl-cal__cell.fl-cal--c1 {
  border-bottom-left-radius: 5px;
}
.fl-cal__week:last-child .fl-cal__cell.fl-cal--c7 {
  border-bottom-right-radius: 5px;
}

.fl-cal__day {
  grid-row: 1;
  padding: 6px 8px 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}
.fl-cal__day.is-out {
  color: var(--colorNeutralForeground3);
}

.fl-cal__day--today {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 4px 4px 0;
}

.fl-cal__today-num {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--borderRadiusCircular);
  background-color: var(--colorBrandBackground);
  color: var(--colorNeutralForegroundOnBrand);
  font-weight: var(--fontWeightSemibold);
}

.fl-cal__today-label {
  min-width: 0;
  overflow: hidden;
  color: var(--colorBrandForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fl-cal__today {
  position: relative;
  z-index: 1;
  grid-row: 1/-1;
  box-shadow: inset 0 0 0 var(--strokeWidthThick) var(--colorCompoundBrandStroke);
  pointer-events: none;
}

.fl-cal__chip {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  height: 24px;
  margin: 0 4px;
  padding: 0 6px;
  overflow: hidden;
  border-radius: var(--borderRadiusMedium);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
  text-decoration: none;
}
.fl .fl-cal__chip:hover {
  box-shadow: inset 0 0 0 var(--strokeWidthThin) currentColor;
  text-decoration: none;
}
.fl .fl-cal__chip:active {
  box-shadow: inset 0 0 0 var(--strokeWidthThick) currentColor;
}
.fl-cal__chip:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 1px;
}
.fl-cal__chip.is-cont-left {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fl-cal__chip.is-cont-right {
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.fl .fl-cal__chip--past {
  background-color: var(--huscTilePastBg);
  color: var(--huscTilePastFg);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
}

.fl .fl-cal__chip--live {
  background-color: var(--huscLiveBg);
  color: var(--huscLiveFg);
}

.fl .fl-cal__chip--upcoming {
  background-color: var(--huscUpcomingBg);
  color: var(--huscUpcomingFg);
}

.fl .fl-cal__chip--mine {
  background-color: var(--colorBrandBackground2);
  color: var(--colorBrandForeground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
}
.fl .fl-cal__chip--mine:hover {
  background-color: var(--colorBrandBackground2Hover);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
}

.fl-cal__dot {
  display: inline-block;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: var(--borderRadiusCircular);
  background-color: var(--huscLiveDot);
}

.fl-cal__chip-cont {
  display: inline-flex;
  flex-shrink: 0;
}
.fl-cal__chip-cont:first-child {
  margin-left: -2px;
}
.fl-cal__chip-cont:last-child {
  margin-right: -2px;
}

.fl-cal__chip-time {
  flex-shrink: 0;
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
}

.fl-cal__chip-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fl-cal__chip-icpc {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  height: 16px;
  padding: 0 4px;
  border-radius: var(--borderRadiusSmall);
  background-color: var(--huscFmtIcpcBg);
  color: var(--huscFmtIcpcFg);
  font: var(--fontWeightSemibold) var(--fontSizeBase100)/var(--lineHeightBase100) var(--fontFamilyBase);
}

.fl-cal__chip-end {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
}

.fl-cal__more {
  position: relative;
  grid-row: 5;
  align-self: start;
  min-width: 0;
}

.fl-cal__more-button {
  display: inline-flex;
  align-items: center;
  height: 32px;
  margin: 0 0 0 4px;
  padding: 0 8px;
  border: var(--strokeWidthThin) solid transparent;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorSubtleBackground);
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
}
.fl-cal__more-button::-webkit-details-marker {
  display: none;
}
.fl-cal__more-button:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground2Hover);
}
.fl-cal__more-button:focus-visible {
  border-color: var(--colorStrokeFocus2);
  outline: var(--strokeWidthThick) solid var(--colorTransparentStroke);
  box-shadow: 0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;
}
.fl-cal__more[open] > .fl-cal__more-button {
  background-color: var(--colorSubtleBackgroundSelected);
  color: var(--colorNeutralForeground2Selected);
}

.fl-cal__pop {
  position: absolute;
  top: 100%;
  left: 4px;
  z-index: 3;
  width: 340px;
  max-width: calc(100vw - 32px);
  padding: 12px 4px 4px;
  border: var(--strokeWidthThin) solid var(--colorTransparentStroke);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  box-shadow: var(--shadow16);
}
.is-end-side > .fl-cal__pop {
  right: 4px;
  left: auto;
}

.fl-cal__pop-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  padding: 0 4px 8px 12px;
}

.fl-cal__pop-titles {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fl-cal__pop-title {
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyBase);
}

.fl-cal__pop-count {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-cal__rows {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fl-cal__rows > li + li {
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-cal__row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 56px;
  padding: 8px 12px;
  border-radius: var(--borderRadiusMedium);
  text-decoration: none;
}
.fl .fl-cal__row {
  color: var(--colorNeutralForeground1);
}
.fl .fl-cal__row:hover {
  background-color: var(--colorSubtleBackgroundHover);
  text-decoration: none;
}
.fl .fl-cal__row:hover .fl-cal__row-name {
  text-decoration: underline;
}
.fl-cal__row:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

.fl-cal__row-time {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 56px;
  font-variant-numeric: tabular-nums;
}

.fl-cal__row-t1 {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  white-space: nowrap;
}

.fl-cal__row-t2 {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
}

.fl-cal__row-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.fl-cal__row-name {
  color: var(--colorBrandForegroundLink);
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-cal__row-span {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-cal__row-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.fl-cal__agenda {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px 16px;
}

.fl-cal__toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  margin: 0;
  padding: 8px 12px;
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  text-align: left;
  cursor: pointer;
}
.fl-cal__toggle:hover {
  border-color: var(--colorNeutralStroke1Hover);
  background-color: var(--colorNeutralBackground1Hover);
  color: var(--colorNeutralForeground1Hover);
}
.fl-cal__toggle:focus-visible {
  border-color: var(--colorStrokeFocus2);
  box-shadow: 0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;
}

.fl-cal__toggle-icon,
.fl-cal__toggle-chevron {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--colorNeutralForeground2);
}

.fl-cal__toggle-label {
  flex: 1 1 auto;
  min-width: 0;
}

.fl-cal__toggle[aria-expanded=true] .fl-cal__toggle-chevron {
  transform: rotate(180deg);
}

.fl-cal__days {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fl-cal__agenda-day {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.fl-cal__agenda-day .fl-cal__rows {
  border-radius: var(--borderRadiusLarge);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
}

.fl-cal__agenda-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyBase);
  scroll-margin-top: 64px;
}

.fl-cal__note {
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-cal__legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
  margin: 0;
  padding: 12px 16px 16px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  list-style: none;
}
.fl-cal__legend li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.fl-cal__swatch {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 16px;
  border-radius: var(--borderRadiusMedium);
}

.fl-cal__legend-icon {
  display: inline-flex;
  color: var(--colorNeutralForeground2);
}

.fl-contests-table.fl-tag-contests {
  min-width: 720px;
}

.fl-editorial-byline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
}

.fl-editorial-byline__authors {
  min-width: 0;
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-editorial-byline__sep {
  color: var(--colorNeutralForeground3);
}

.fl-editorial-byline__time {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-editorial-toc {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

.fl-editorial-toc__label {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  min-height: 40px;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}

.fl-editorial-toc__list {
  display: flex;
  flex: 1 1 0;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}
.fl-editorial-toc__list > li {
  display: flex;
  max-width: 100%;
  min-width: 0;
}

.fl-editorial-toc__link {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  min-height: 40px;
  padding: 0 var(--spacingHorizontalM);
  border: var(--strokeWidthThin) solid transparent;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorSubtleBackground);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  overflow-wrap: anywhere;
  text-decoration: none;
  transition: background var(--durationFaster) var(--curveEasyEase), color var(--durationFaster) var(--curveEasyEase);
}
.fl .fl-editorial-toc__link {
  color: var(--colorNeutralForeground2);
}
.fl .fl-editorial-toc__link:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground2Hover);
  text-decoration: none;
}
.fl .fl-editorial-toc__link:active {
  background-color: var(--colorSubtleBackgroundPressed);
  color: var(--colorNeutralForeground2Pressed);
}
.fl-editorial-toc__link:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

@media (min-width: 1200px) {
  .fl-editorial-aside {
    align-self: stretch;
  }
  .fl-editorial-contents {
    position: sticky;
    top: calc(var(--fl-shell-height, 48px) + 16px);
    max-height: calc(100vh - var(--fl-shell-height, 48px) - 32px);
    overflow-y: auto;
  }
}
.fl-editorial-contents__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 -10px;
}

.fl-editorial-contents__link {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: var(--spacingVerticalSNudge) var(--spacingHorizontalS) var(--spacingVerticalSNudge) var(--spacingHorizontalMNudge);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorSubtleBackground);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  overflow-wrap: anywhere;
  text-decoration: none;
  transition: background var(--durationFaster) var(--curveEasyEase), color var(--durationFaster) var(--curveEasyEase);
}
.fl .fl-editorial-contents__link {
  color: var(--colorNeutralForeground2);
}
.fl .fl-editorial-contents__link:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground2Hover);
  text-decoration: none;
}
.fl .fl-editorial-contents__link:active {
  background-color: var(--colorSubtleBackgroundPressed);
  color: var(--colorNeutralForeground2Pressed);
}
.fl-editorial-contents__link:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

.fl-editorial-subs__meta {
  font-variant-numeric: tabular-nums;
}

.fl-comment-edit {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.fl-comment-edit .fl-comment-edit__title {
  margin: 0;
  padding-right: 32px;
}

.fl-comment-edit__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  margin: 0;
}

.fl-comment-edit__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

html:not(.fl-editor-js) .fl-comment-edit-page .fl-editor .main-martor .section-martor {
  overflow: visible;
  border: none;
  background-color: transparent;
}
html:not(.fl-editor-js) .fl-comment-edit-page .fl-editor .main-martor .section-martor .ui.menu.tab-martor-menu,
html:not(.fl-editor-js) .fl-comment-edit-page .fl-editor .main-martor .section-martor .martor-field,
html:not(.fl-editor-js) .fl-comment-edit-page .fl-editor .main-martor .section-martor .icon.expand-editor {
  display: none;
}
html:not(.fl-editor-js) .fl-comment-edit-page .fl-editor .main-martor .section-martor textarea.fl-textarea {
  display: block;
  min-height: 200px;
}

.fl-error {
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

.fl-error__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 560px;
  padding: clamp(24px, 5vw, 40px);
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--colorNeutralBackground1);
  box-shadow: var(--shadow4);
  text-align: center;
}

.fl-error__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.fl-error__icon {
  display: flex;
  color: var(--colorNeutralForeground3);
}

.fl-error__icon--danger {
  color: var(--colorStatusDangerForeground1);
}

.fl-error__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.fl-error__text p {
  max-width: 100%;
  margin: 0;
  color: var(--colorNeutralForeground2);
  text-wrap: balance;
}
.fl .fl-error__text a:not([class]) {
  text-decoration: underline;
}

.fl-error__code {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-error__title {
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeHero700)/var(--lineHeightHero700) var(--fontFamilyBase);
  text-wrap: balance;
}

.fl-error__path {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px 6px;
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-error__search {
  width: 100%;
  max-width: 400px;
}

.fl-error__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  max-width: 100%;
}
.fl-error__actions .fl-btn,
.fl-error__actions form {
  flex: 1 1 auto;
}
.fl-error__actions .fl-btn {
  width: 100%;
  max-width: 100%;
  min-height: clamp(32px, 72px - 6.25vw, 40px);
  height: auto;
}

.fl-error__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px 8px;
  max-width: 100%;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-error__meta code {
  color: var(--colorNeutralForeground2);
  font: 13px/20px var(--fontFamilyMonospace);
}

.fl-error__copy {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.fl-error__traceback {
  width: 100%;
  text-align: left;
}
.fl-error__traceback pre {
  max-height: 480px;
  padding: 12px;
  overflow: auto;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground3);
  font: 12px/18px var(--fontFamilyMonospace);
  white-space: pre-wrap;
}

.fl-main-hero__titles {
  gap: 8px;
}

.fl-main-hero--visitor {
  padding: 24px;
}

.fl-main-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.fl-main-chips > li {
  display: flex;
  max-width: 100%;
  min-width: 0;
}
.fl-main-chips strong {
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
}

.fl-main-chip--contest {
  flex-shrink: 1;
  max-width: 100%;
  min-width: 0;
  padding: 0 8px 0 6px;
  background-color: var(--colorBrandBackground2);
  color: var(--colorBrandForeground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
  text-decoration: none;
  transition: background var(--durationFaster) var(--curveEasyEase), color var(--durationFaster) var(--curveEasyEase);
}
.fl .fl-main-chip--contest:hover {
  background-color: var(--colorBrandBackground2Hover);
  color: var(--colorBrandForeground2Hover);
  text-decoration: none;
}
.fl .fl-main-chip--contest:active {
  background-color: var(--colorBrandBackground2Pressed);
  color: var(--colorBrandForeground2Pressed);
}

.fl-main-chip__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fl-main-chip__time {
  flex-shrink: 0;
  white-space: nowrap;
}

.fl-main-chip--solved {
  background-color: var(--colorPaletteGreenBackground1);
  color: var(--colorPaletteGreenForeground1);
}

.fl-main-tabs {
  margin: -8px 0 -8px -10px;
}

html:not(.fl-main-js) .fl-main-tabs {
  display: none;
}

@media (max-width: 1023.98px) {
  .fl-main-js .fl-main-unselected {
    display: none;
  }
}
.fl-main-posts {
  flex-basis: 600px;
  gap: 16px;
}

.fl-main-post {
  padding: 24px;
}

.fl-main-post__head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.fl-main-post__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
}

.fl-main-post__title {
  min-width: 0;
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase500)/var(--lineHeightBase500) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-main-post__link {
  text-decoration: none;
}
.fl .fl-main-post__link {
  color: var(--colorNeutralForeground1);
}
.fl .fl-main-post__link:hover {
  color: var(--colorNeutralForeground1Hover);
  text-decoration: underline;
}
.fl .fl-main-post__link:active {
  color: var(--colorNeutralForeground1Pressed);
}

.fl-main-post__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
}

.fl-main-post__authors {
  min-width: 0;
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-main-admin {
  font-weight: var(--fontWeightSemibold);
}
.fl .fl-main-admin, .fl .fl-main-admin:hover {
  color: var(--colorNeutralForeground1);
}

.fl-main-post__sep {
  color: var(--colorNeutralForeground3);
}

.fl-main-post__time {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-main-post__spacer {
  flex: 1 1 auto;
}

.fl-main-post__comments {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
  text-decoration: none;
}
.fl .fl-main-post__comments {
  color: var(--colorNeutralForeground2Link);
}
.fl .fl-main-post__comments:hover {
  color: var(--colorNeutralForeground2LinkHover);
  text-decoration: underline;
}
.fl .fl-main-post__comments:active {
  color: var(--colorNeutralForeground2LinkPressed);
}

.fl-main-post__body {
  overflow-wrap: anywhere;
}
.fl-main-post__body th,
.fl-main-post__body td {
  overflow-wrap: normal;
}
.fl-main-post__body img:not(.inline-math):not(.display-math):not(.tex-image) {
  border-radius: var(--borderRadiusMedium);
  box-shadow: 0 0 0 1px var(--colorNeutralStroke2);
}
.fl-main-post__body iframe,
.fl-main-post__body video {
  max-width: 100%;
}

.fl-main-pager .fl-table-foot {
  justify-content: center;
}
.fl-main-pager .fl-table-foot > .fl-muted:empty {
  display: none;
}

.fl-main-card {
  gap: 12px;
}

.fl-main-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 12px;
  min-width: 0;
}

.fl-main-card__more {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 2px;
  min-height: 32px;
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  text-decoration: none;
}
.fl .fl-main-card__more {
  color: var(--colorBrandForegroundLink);
}
.fl .fl-main-card__more:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}

.fl-main-card__note {
  color: var(--colorNeutralForeground2);
}

.fl-main-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0 -8px;
}

.fl-main-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 8px;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorSubtleBackground);
  text-decoration: none;
  transition: background var(--durationFaster) var(--curveEasyEase);
}
.fl .fl-main-item {
  color: var(--colorNeutralForeground1);
}
.fl .fl-main-item:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground1Hover);
  text-decoration: none;
}
.fl .fl-main-item:active {
  background-color: var(--colorSubtleBackgroundPressed);
  color: var(--colorNeutralForeground1Pressed);
}
.fl-main-item:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

.fl-main-item--row {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
}

.fl-main-item__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.fl-main-item__name {
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-main-item__name--balance {
  text-wrap: balance;
}

.fl-main-item__line {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}
.fl-main-item__line > .fl-icon {
  color: var(--colorNeutralForeground3);
}

.fl-main-item__time {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-main-item__dot {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}

.fl-main-item__elapsed .fl-elapsed__text {
  display: none;
}
.fl-main-item__elapsed .fl-progress {
  height: 2px;
}

.fl-main-item__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.fl-main-count {
  background-color: var(--colorNeutralBackground4);
  color: var(--colorNeutralForeground3);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
}

.fl-main-date {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 52px;
  border-radius: var(--borderRadiusLarge);
  background-color: var(--huscUpcomingBg);
  color: var(--huscUpcomingFg);
}

.fl-main-date__day {
  font: var(--fontWeightSemibold) var(--fontSizeBase600)/var(--lineHeightBase600) var(--fontFamilyBase);
}

.fl-main-date__month {
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-main-group {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--borderRadiusLarge);
}

.fl-main-group--intro {
  background-color: var(--huscCatIntroBg);
  color: var(--huscCatIntroFg);
}

.fl-main-group--olp {
  background-color: var(--huscCatOlpBg);
  color: var(--huscCatOlpFg);
}

.fl-main-group--icpc {
  background-color: var(--huscCatIcpcBg);
  color: var(--huscCatIcpcFg);
}

.fl-main-group--hueict {
  background-color: var(--huscCatHueictBg);
  color: var(--huscCatHueictFg);
}

.fl-main-group--spit {
  background-color: var(--huscCatSpitBg);
  color: var(--huscCatSpitFg);
}

.fl-main-group--training {
  background-color: var(--huscCatTrainingBg);
  color: var(--huscCatTrainingFg);
}

.fl-main-group--other {
  background-color: var(--huscCatOtherBg);
  color: var(--huscCatOtherFg);
}

.fl-main-problem__head {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

.fl-main-problem__name {
  display: -webkit-box;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.fl-main-problem__state {
  display: flex;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.fl-main-problem__icon {
  display: flex;
}

.fl-main-problem__icon--solved {
  color: var(--colorPaletteGreenForeground1);
}

.fl-main-problem__icon--attempted {
  color: var(--colorPaletteMarigoldForeground2);
}

.fl-main-problem__line {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.fl-main-problem__codes {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
}

.fl-main-problem__code {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) 12px/16px var(--fontFamilyMonospace);
  overflow-wrap: anywhere;
}

.fl-main-problem__solvers {
  flex-shrink: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.fl-main-problem__solvers strong {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-main-problem__meta {
  flex-wrap: wrap;
  gap: 4px 6px;
}

.fl-main-nowrap {
  white-space: nowrap;
}

.fl-main-comments {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fl-main-comments__list {
  display: flex;
  flex-direction: column;
}

.fl-main-comment {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 0;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-main-comments__list:first-child > .fl-main-comment:first-child {
  padding-top: 0;
  border-top: none;
}

.fl-main-comment__where {
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-main-comment__page {
  white-space: nowrap;
}

.fl-main-comment__kind {
  display: inline-flex;
  vertical-align: -3px;
}

.fl-main-comment__kind--contest {
  color: var(--huscTileContestFg);
}

.fl-main-comment__kind--problem {
  color: var(--huscTileProblemFg);
}

.fl-main-comment__kind--editorial {
  color: var(--huscTileEditorialFg);
}

.fl-main-comment__kind--post {
  color: var(--huscTileNewsFg);
}

.fl-main-comment__link {
  white-space: normal;
  text-decoration: none;
}
.fl .fl-main-comment__link {
  color: var(--colorBrandForegroundLink);
}
.fl .fl-main-comment__link:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}

.fl-main-comment__text {
  display: -webkit-box;
  overflow: hidden;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.fl-main-comment__time {
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-main-card__toggle {
  align-self: flex-start;
  margin-left: -12px;
}

.fl-main-card__toggle-less,
.fl-main-card__toggle[aria-expanded=true] .fl-main-card__toggle-more {
  display: none;
}

.fl-main-card__toggle[aria-expanded=true] .fl-main-card__toggle-less {
  display: inline-flex;
}

.fl-main-tickets {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fl-main-ticket {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.fl-main-ticket__title {
  font-weight: var(--fontWeightSemibold);
  text-decoration: none;
}
.fl .fl-main-ticket__title {
  color: var(--colorBrandForegroundLink);
}
.fl .fl-main-ticket__title:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}

.fl-main-ticket__item {
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  text-decoration: none;
}
.fl .fl-main-ticket__item {
  color: var(--colorNeutralForeground2Link);
}
.fl .fl-main-ticket__item:hover {
  color: var(--colorNeutralForeground2LinkHover);
  text-decoration: underline;
}

.fl-main-ticket__author {
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-post-header__titles {
  gap: 12px;
}

.fl-post-header__top {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.fl-post-header__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  min-width: 0;
}

.fl-post-byline {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.fl-post-byline__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fl-post-byline__authors {
  min-width: 0;
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-post-byline__tier {
  margin-left: 2px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-post-byline__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 6px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-post-byline__comments {
  text-decoration: none;
}
.fl .fl-post-byline__comments {
  color: var(--colorNeutralForeground2Link);
}
.fl .fl-post-byline__comments:hover {
  color: var(--colorNeutralForeground2LinkHover);
  text-decoration: underline;
}
.fl .fl-post-byline__comments:active {
  color: var(--colorNeutralForeground2LinkPressed);
}

.fl-post-body {
  padding: 24px;
}

.fl-post-main .fl-comments {
  padding: 24px;
}

.fl-post-main .fl-comments > .fl-comments__list > .fl-comment + .fl-comment {
  padding-top: 16px;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-post-other__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.fl-post-other__meta {
  flex-wrap: wrap;
  gap: 4px 8px;
}

.fl-post-other__authors {
  min-width: 0;
  overflow-wrap: anywhere;
}

.fl-people-admin {
  font-weight: var(--fontWeightSemibold);
}
.fl .fl-people-admin, .fl .fl-people-admin:hover {
  color: var(--colorNeutralForeground1);
}

.fl-people-rating {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
}

.fl-people-rating__value {
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
}

.fl-people-rating__tier {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
}

.fl-people-unrated {
  color: var(--colorNeutralForeground3);
}

.fl-people-dist__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.fl-people-dist__row {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 -8px;
  padding: 4px 8px;
  border-radius: var(--borderRadiusMedium);
}
.fl-people-dist__row:hover {
  background-color: var(--colorSubtleBackgroundHover);
}

.fl-people-dist__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.fl-people-dist__label {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 6px;
  min-width: 0;
}
.fl-people-dist__label .fl-badge {
  align-self: center;
}

.fl-people-dist__name {
  color: var(--colorNeutralForeground1);
}

.fl-people-dist__range {
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-people-dist__count {
  flex-shrink: 0;
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
}

.fl-people-dist__track {
  display: block;
  height: 8px;
  overflow: hidden;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground6);
}

.fl-people-dist__bar {
  display: block;
  height: 100%;
  border-radius: var(--borderRadiusMedium);
}

.fl-people-dist__bar--newbie {
  background-color: var(--huscTierNewbie);
}

.fl-people-dist__bar--amateur {
  background-color: var(--huscTierAmateur);
}

.fl-people-dist__bar--expert {
  background-color: var(--huscTierExpert);
}

.fl-people-dist__bar--candidate-master {
  background-color: var(--huscTierCandidateMaster);
}

.fl-people-dist__bar--master {
  background-color: var(--huscTierMaster);
}

.fl-people-dist__bar--grandmaster {
  background-color: var(--huscTierGrandmaster);
}

.fl-people-dist__bar--target {
  background-color: var(--huscTierGrandmaster);
}

.fl-people-dist__tip {
  position: absolute;
  bottom: calc(100% + 4px);
  left: 8px;
  z-index: 2;
  display: none;
  box-sizing: border-box;
  max-width: 240px;
  padding: 4px 11px 6px;
  border: var(--strokeWidthThin) solid var(--colorTransparentStroke);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  box-shadow: var(--shadow8);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  overflow-wrap: break-word;
  pointer-events: none;
}
.fl-people-dist__row:hover .fl-people-dist__tip {
  display: block;
}

.fl-org-tile {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--borderRadiusXLarge);
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/1 var(--fontFamilyBase);
  -webkit-user-select: none;
          user-select: none;
}

.fl-org-tile--64 {
  width: 64px;
  height: 64px;
  font-size: var(--fontSizeBase500);
}

.fl-org-head {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.fl-org-card {
  gap: 20px;
}

.fl-org-card__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px 24px;
  min-width: 0;
}

.fl-org-card__identity {
  display: flex;
  flex: 1 1 360px;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
}

.fl-org-card__titles {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.fl-org-card__title {
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeHero700)/var(--lineHeightHero700) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-org-card__facts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--colorNeutralForeground2);
  list-style: none;
}
.fl-org-card__facts > li {
  display: flex;
  min-width: 0;
}

.fl-org-card__count {
  align-items: center;
  gap: 6px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.fl-org-card__count > .fl-icon {
  color: var(--colorNeutralForeground3);
}

.fl-org-card__side {
  display: flex;
  flex: 0 1 300px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

.fl-org-form {
  display: inline-flex;
  margin: 0;
}

.fl-org-note {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  max-width: 300px;
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-org-note__icon {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--colorNeutralForeground3);
}

.fl-org-note__icon--warning {
  color: var(--colorStatusWarningForeground3);
}

.fl-org-manage {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 4px 0 0 calc(var(--spacingHorizontalS) * -1);
  padding: 0;
  list-style: none;
}

.fl-org-section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.fl-org-section-title__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-org-section-title__sub {
  margin: 0;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-org-about {
  max-width: 760px;
}

.fl-org-contests__list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  list-style: none;
}

.fl-org-contests__item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 6px 20px 12px;
}
.fl-org-contests__item + .fl-org-contests__item {
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-org-contests__name {
  margin: 0;
  min-width: 0;
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}
.fl-org-contests__name a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 10px 0;
}

.fl-org-contests__foot {
  margin: 0;
  padding: 8px 20px;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-org-locked {
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-org-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--colorNeutralForeground2);
  list-style: none;
}
.fl-org-meta > li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.fl-org-meta > li > .fl-icon {
  color: var(--colorNeutralForeground3);
}

.fl-org-meta__num {
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.fl-org-steps {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fl-org-steps__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.fl-org-steps__num {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--borderRadiusCircular);
  background-color: var(--colorNeutralBackground3);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/1 var(--fontFamilyBase);
}

.fl-org-steps__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding-top: 4px;
  color: var(--colorNeutralForeground2);
}

.fl-org-steps__title {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-org-classes {
  margin: 0;
  padding: 0;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  list-style: none;
}

.fl-org-classes__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  min-width: 0;
  padding: 12px 20px;
}
.fl-org-classes__item + .fl-org-classes__item {
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-org-classes__info {
  display: flex;
  flex: 1 1 240px;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.fl-org-classes__info > a {
  font-weight: var(--fontWeightSemibold);
}

.fl-org-classes__desc {
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-org-top__list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  list-style: none;
}
.fl-org-top__list > li {
  display: flex;
  min-width: 0;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-org-top__row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 56px;
  padding: 8px 20px;
  text-decoration: none;
}
.fl .fl-org-top__row {
  color: var(--colorNeutralForeground1);
}
.fl .fl-org-top__row:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl .fl-org-top__row:hover .fl-org-top__name {
  text-decoration: underline;
}
.fl-org-top__row:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

.fl-org-top__rank {
  flex-shrink: 0;
  min-width: 12px;
  color: var(--colorNeutralForeground2);
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.fl-org-top__who {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.fl-org-top__name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fl-org-top__rating {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 4px;
  min-width: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-org-top__rating-value {
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
}

.fl-org-top__score {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  text-align: right;
}

.fl-org-top__points,
.fl-org-top__solved {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-org-top__points strong {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}

.fl-org-top__all {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 44px;
  padding: 0 20px;
  text-decoration: none;
}
.fl .fl-org-top__all {
  color: var(--colorBrandForegroundLink);
}
.fl .fl-org-top__all:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}
.fl-org-top__all:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

.fl-orgs-head {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.fl-orgs-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 24px;
  min-width: 0;
}

.fl-orgs-tabs {
  margin-left: calc(var(--spacingHorizontalMNudge) * -1);
}

.fl-orgs-search {
  flex: 1 1 280px;
  max-width: 360px;
}

.fl-orgs-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.fl-orgs-section__head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.fl-orgs-section__title {
  margin: 0;
  min-width: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase500)/var(--lineHeightBase500) var(--fontFamilyBase);
}

.fl-orgs-section__note {
  margin: 0;
  min-width: 0;
  color: var(--colorNeutralForeground2);
}
.fl-orgs-section__note a {
  white-space: nowrap;
}

.fl-orgs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fl-orgs-grid__item {
  display: flex;
  min-width: 0;
}

.fl-orgs-card {
  flex: 1 1 auto;
}

.fl-orgs-card__head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.fl-orgs-card__titles {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.fl-orgs-card__title {
  margin: 0;
  min-width: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}
.fl-orgs-card__title a {
  display: inline-block;
  margin: -9px 0;
  padding: 9px 0;
}

.fl-orgs-card__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.fl-orgs-card__desc {
  margin: 0;
  min-width: 0;
  color: var(--colorNeutralForeground2);
  overflow-wrap: anywhere;
}

.fl-orgs-card__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  min-width: 0;
  margin-top: auto;
}

.fl-orgs-card__members {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  color: var(--colorNeutralForeground2);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-decoration: none;
}
.fl-orgs-card__members > .fl-icon {
  color: var(--colorNeutralForeground3);
}

.fl a.fl-orgs-card__members {
  color: var(--colorNeutralForeground2Link);
}
.fl a.fl-orgs-card__members:hover {
  color: var(--colorNeutralForeground2LinkHover);
  text-decoration: underline;
}
.fl a.fl-orgs-card__members:active {
  color: var(--colorNeutralForeground2LinkPressed);
}

.fl-orgs-form {
  display: inline-flex;
  margin: 0;
}

.fl-org-members {
  gap: 16px;
}

.fl-org-members-tools {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 20px;
}

.fl-org-members-tools__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  margin: 0;
}

.fl-org-members-search {
  flex: 1 1 240px;
  max-width: 360px;
}

.fl-org-members-sort {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacingHorizontalS);
  min-width: 0;
}
.fl-org-members-sort label {
  white-space: nowrap;
}
.fl-org-members-sort .fl-select {
  min-width: 176px;
}

.fl-org-members-note {
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-org-members-empty {
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-org-members-locked__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding-top: 8px;
}

.fl-org-members-table {
  min-width: 600px;
}

.fl-org-members-col-rank {
  width: 64px;
}

.fl-org-members-col-performance_points {
  width: 104px;
}

.fl-org-members-col-rating {
  width: 136px;
}

.fl-org-members-col-problem_count {
  width: 120px;
}

.fl-org-members-col-kick {
  width: 1%;
}

.fl-org-members-table th.fl-sort:last-child .fl-sort__link {
  padding-right: 20px;
}

.fl-org-members-arrow {
  display: inline-flex;
  align-items: center;
  padding-top: var(--spacingVerticalXXS);
}
.fl-org-members-arrow:empty {
  display: none;
}

.fl-org-members-who {
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalS);
  min-width: 0;
}

.fl-org-members-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 6px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.fl-org-members-kick {
  display: inline-flex;
  margin: 0;
}

.fl-org-members-kick-cell {
  white-space: nowrap;
}

.fl-org-members-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  list-style: none;
}

.fl-org-members-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}
.fl-org-members-item.is-viewer {
  background-color: var(--colorBrandBackground2);
}
.fl-org-members-item > .fl-org-members-kick {
  display: flex;
  flex: 1 0 100%;
  justify-content: flex-end;
  margin-top: -4px;
  padding: 0 var(--spacingHorizontalL) 8px;
}

.fl-org-members-item__link {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: var(--spacingHorizontalS);
  min-width: 0;
  min-height: 56px;
  padding: 8px 16px;
  text-decoration: none;
}
.fl .fl-org-members-item__link {
  color: var(--colorNeutralForeground1);
}
.fl .fl-org-members-item__link:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl-org-members-item__link:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

.fl-org-members-item__rank {
  flex-shrink: 0;
  min-width: 24px;
  color: var(--colorNeutralForeground2);
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.fl-org-members-item__who {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.fl-org-members-item__name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 6px;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}

.fl-org-members-item__caption {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fl-org-members-item__rating {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}

.fl-org-join-head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.fl-org-join-head__title {
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeHero700)/var(--lineHeightHero700) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-org-join-card {
  gap: 16px;
  overflow-wrap: anywhere;
}

.fl-org-join-intro {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.fl-org-join-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  margin: 0;
}

.fl-org-join-label {
  display: block;
  padding: var(--spacingVerticalXXS) 0;
  color: var(--colorNeutralForeground1);
}

.fl-org-join-account {
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalS);
  min-width: 0;
  padding: 4px 0;
}

.fl-org-join-account__who {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  overflow-wrap: anywhere;
}

.fl-org-join-account__name {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-org-join-reason {
  min-height: 112px;
  max-height: 260px;
}

.fl-org-join-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.fl-org-join-go .fl-btn__icon {
  margin-right: 0;
  margin-left: var(--spacingHorizontalSNudge);
}

.fl-org-join-state {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.fl-org-join-state__icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--borderRadiusCircular);
}

.fl-org-join-state__icon--brand {
  background-color: var(--colorBrandBackground2);
  color: var(--colorBrandForeground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
}

.fl-org-join-state__icon--success {
  background-color: var(--colorPaletteGreenBackground1);
  color: var(--colorPaletteGreenForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteGreenBorder1);
}

.fl-org-join-state__icon--danger {
  background-color: var(--colorPaletteRedBackground1);
  color: var(--colorPaletteRedForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteRedBorder1);
}

.fl-org-join-state__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding-top: 6px;
}

.fl-org-join-state__title {
  margin: 0;
  min-width: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase500)/var(--lineHeightBase500) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-org-join-state__sub {
  margin: 0;
  color: var(--colorNeutralForeground2);
}

.fl-org-join-num {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-org-join-quote {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.fl-org-join-quote__label {
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-org-join-quote__text {
  margin: 0;
  padding: 12px 16px;
  border-radius: var(--borderRadiusLarge);
  background-color: var(--colorNeutralBackground2);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/22px var(--fontFamilyBase);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.fl-org-join-gains {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fl-org-join-gains > li {
  display: flex;
  align-items: flex-start;
  gap: var(--spacingHorizontalS);
  min-width: 0;
}
.fl-org-join-gains > li > .fl-icon {
  color: var(--colorNeutralForeground2);
}

.fl-org-join-org__head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.fl-org-join-org__titles {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.fl-org-join-org__name {
  margin: 0;
  min-width: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-org-join-org__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.fl-org-join-org__desc {
  margin: 0;
  min-width: 0;
  color: var(--colorNeutralForeground2);
  overflow-wrap: anywhere;
}

.fl-org-join-org__facts {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 8px 16px;
  margin: 0;
}
.fl-org-join-org__facts dt {
  color: var(--colorNeutralForeground2);
}
.fl-org-join-org__facts dd {
  margin: 0;
  color: var(--colorNeutralForeground1);
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.fl-org-join-org__count {
  font-weight: var(--fontWeightSemibold);
}

.fl-org-join-org__note {
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-org-join-org__link {
  align-self: flex-start;
  text-decoration: none;
}
.fl .fl-org-join-org__link {
  color: var(--colorBrandForegroundLink);
}
.fl .fl-org-join-org__link:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}

.fl-org-join-steps__list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fl-org-join-step {
  display: flex;
  align-items: stretch;
  gap: 12px;
  min-width: 0;
}

.fl-org-join-step__marker {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  width: 24px;
}

.fl-org-join-step__dot {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--borderRadiusCircular);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/1 var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-org-join-step__dot--current {
  background-color: var(--colorBrandBackground);
  color: var(--colorNeutralForegroundOnBrand);
}

.fl-org-join-step__dot--done {
  background-color: var(--colorBrandBackground2);
  color: var(--colorBrandForeground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
}

.fl-org-join-step__dot--todo {
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke1);
}

.fl-org-join-step__dot--rejected {
  background-color: var(--colorPaletteRedBackground1);
  color: var(--colorPaletteRedForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteRedBorder1);
}

.fl-org-join-step__line {
  flex: 1 1 auto;
  width: 2px;
  min-height: 12px;
  margin: 4px 0;
  border-radius: var(--borderRadiusCircular);
  background-color: var(--colorNeutralStroke2);
}

.fl-org-join-step__line--done {
  background-color: var(--colorCompoundBrandStroke);
}

.fl-org-join-step__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 2px 0 16px;
}

.fl-org-join-step__text--last {
  padding-bottom: 0;
}

.fl-org-join-step__title {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-org-join-step__desc {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-org-join-step__meta {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-org-join-step__meta--danger {
  color: var(--colorPaletteRedForeground1);
}

.fl-class-description {
  margin: 0;
  overflow-wrap: anywhere;
  white-space: pre-line;
}

.fl-problem-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
}

.fl-problem-meta__item {
  display: inline-flex;
  align-items: center;
}

.fl-problem-meta__sep {
  color: var(--colorNeutralForeground3);
}

.fl-problem-meta__code {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 7px;
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) 13px/20px var(--fontFamilyMonospace);
  white-space: nowrap;
}

.fl-problem-meta__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  min-width: 20px;
  padding: 0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));
  border-radius: var(--borderRadiusCircular);
  background-color: var(--huscTileContestBg);
  color: var(--huscTileContestFg);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
}

.fl a.fl-problem-meta__org {
  text-decoration: none;
}
.fl a.fl-problem-meta__org:hover {
  color: var(--colorNeutralForeground2Hover);
  text-decoration: underline;
}

.fl-problem-specs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
}
.fl-problem-specs__list > .fl-stat {
  flex: 1 1 150px;
  min-width: 0;
}

.fl-problem-specs__points {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
}

.fl-problem-specs__languages {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.fl-problem-specs__limit {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
}

.fl-problem-pdf {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-width: 0;
  overflow-x: auto;
}

.fl-problem-pdf__loading {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 24px 0;
  color: var(--colorNeutralForeground2);
}

.fl-problem-pdf__page {
  position: relative;
  max-width: 100%;
  box-shadow: var(--shadow4);
}

.fl-problem-clarifications__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
}

.fl-problem-clarifications__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fl-problem-clarifications__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 12px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}
.fl-problem-clarifications__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.fl-problem-clarifications__item > p {
  margin: 0;
}

.fl-problem-aside .fl-actions__item .fl-badge {
  margin-left: auto;
}

.fl-problem-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}
.fl-problem-info > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.fl-problem-info dt {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-problem-info dd {
  margin: 0;
  color: var(--colorNeutralForeground1);
  overflow-wrap: anywhere;
}

.fl-problem-info__none {
  color: var(--colorNeutralForeground3);
}

.fl-status-card__state {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--colorNeutralForeground1);
}

.fl-status-card__icon {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--colorNeutralForeground3);
}
.fl-status-card__icon.is-solved {
  color: var(--colorPaletteGreenForeground1);
}
.fl-status-card__icon.is-tried {
  color: var(--colorPaletteMarigoldForeground2);
}

.fl-status-card__best {
  gap: 8px;
}

.fl-status-card__score {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.fl-status-card__points {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px;
}

.fl-status-card__value {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase600)/var(--lineHeightBase600) var(--fontFamilyBase);
}

.fl-status-card__total {
  color: var(--colorNeutralForeground2);
}

.fl-status-card__verdict {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 8px;
}

.fl-status-card__tests {
  color: var(--colorNeutralForeground1);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-status-card__link {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.fl-status-card__link > a {
  align-self: flex-start;
}

.fl-status-card__count {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin: 0;
  color: var(--colorNeutralForeground1);
}

.fl-status-card__used {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-status-card__left {
  margin-left: auto;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
}
.fl-status-card__left.is-none {
  color: var(--colorPaletteRedForeground1);
}

.fl-status-card__recent {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fl-status-card__subtitle {
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-status-card__rows {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.fl-status-card__row {
  display: table-row;
}
.fl-status-card__row > * {
  display: table-cell;
  vertical-align: top;
}
.fl-status-card__row > * + * {
  padding-left: 8px;
}
.fl-status-card__row + .fl-status-card__row > * {
  padding-top: 12px;
}

.fl-status-card__badge {
  width: 44px;
}
.fl-status-card__badge > .fl-badge {
  vertical-align: top;
}

.fl-status-card__sub {
  width: 100%;
  overflow-wrap: anywhere;
}
.fl-status-card__sub > a {
  font-variant-numeric: tabular-nums;
}
.fl-status-card__sub > .fl-caption {
  display: block;
  margin-top: 2px;
}

.fl-status-card__editorial {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--colorNeutralForeground2);
}

.fl-interactive-notice .fl-msgbar__body p,
.fl-interactive-notice .fl-msgbar__body ul {
  margin: 4px 0 0;
}
.fl-interactive-notice .fl-msgbar__body > :first-child {
  margin-top: 0;
}
.fl-interactive-notice .fl-msgbar__body ul {
  padding-left: 20px;
  list-style: disc;
}
.fl-interactive-notice .fl-msgbar__body li + li {
  margin-top: 2px;
}
.fl-interactive-notice .fl-msgbar__body code {
  padding: 1px 4px;
  border-radius: var(--borderRadiusSmall);
  background-color: var(--colorNeutralBackground1);
  font: 13px/20px var(--fontFamilyMonospace);
}

.fl-problems-filter {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 20px 8px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-problems-filter__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
}

.fl-problems-filter__search {
  flex: 1 1 280px;
  max-width: 468px;
}

.fl-problems-filter__points {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fl-problems-filter__points label {
  white-space: nowrap;
}

.fl-problems-filter__number {
  width: 72px;
  font-variant-numeric: tabular-nums;
}

.fl-problems-filter__groups {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px 12px;
  min-width: 0;
}

.fl-problems-filter__label {
  flex-shrink: 0;
  padding: 6px 0;
  white-space: nowrap;
}

.fl-problems-filter__chips {
  flex: 1 1 240px;
  min-width: 0;
}

.fl-problems-filter__select {
  flex: 0 1 280px;
  min-width: 0;
}

.fl-problems-filter__options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
}

.fl-problems-filter__set {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 16px;
  min-width: 0;
}

.fl-problems-filter__divider {
  display: inline-flex;
  align-self: center;
  width: 1px;
  height: 20px;
  background-color: var(--colorNeutralStroke2);
}

.fl-problems-filter__types {
  display: flex;
  flex: 1 1 320px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 560px;
}
.fl-problems-filter__types label {
  white-space: nowrap;
}

.fl-problems-filter__types-field {
  flex: 1 1 auto;
  min-width: 0;
}

.fl-problems-types:not(.select2-hidden-accessible) {
  width: 100%;
  min-height: 96px;
  padding: 4px;
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
}

.fl-problems-filter__sort {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 8px;
}
.fl-problems-filter__sort label {
  white-space: nowrap;
}
.fl-problems-filter__sort .fl-field-wrap {
  flex: 0 1 240px;
}

.fl-problems-table {
  min-width: 1000px;
}

.fl-problems-table--types {
  min-width: 1160px;
}

.fl-problems-table--contest {
  min-width: 760px;
}

.fl-problems-col-label {
  width: 72px;
}

.fl-problems-col-code {
  width: 140px;
}

.fl-problems-col-group {
  width: 156px;
}

.fl-problems-col-types {
  width: 184px;
}

.fl-problems-col-points {
  width: 116px;
}

.fl-problems-col-ac {
  width: 136px;
}

.fl-problems-col-count {
  width: 112px;
}

.fl-problems-col-editorial {
  width: 96px;
}

.fl-problems-arrow {
  display: inline-flex;
  align-items: center;
  width: 12px;
}

.fl-problems-table th.fl-problems-col-state {
  width: 44px;
  padding: 0 0 0 16px;
}
.fl-problems-table td.fl-problems-state-cell {
  padding: 0 0 0 12px;
}
.fl-problems-table td.fl-problems-ac,
.fl-problems-table td.fl-problems-count,
.fl-problems-table th.fl-problems-col-count:not(.fl-sort) {
  padding-right: 24px;
}
.fl-problems-table tbody tr.is-solved:hover {
  background-color: var(--colorSubtleBackgroundHover);
}

.fl-problems-code {
  font: var(--fontWeightRegular) 13px/20px var(--fontFamilyMonospace);
  white-space: nowrap;
}

.fl-problems-name {
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.fl-problems-name > a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 6px 0;
}

.fl-problems-nowrap {
  white-space: nowrap;
}

.fl-problems-types-cell {
  color: var(--colorNeutralForeground2);
}
.fl-problems-types-cell span {
  display: inline-block;
  margin-right: 4px;
  white-space: nowrap;
}

.fl-problems-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--borderRadiusMedium);
  vertical-align: middle;
  text-decoration: none;
}
.fl .fl-problems-state:hover {
  background-color: var(--colorSubtleBackgroundPressed);
  text-decoration: none;
}

.fl-problems-state--solved {
  color: var(--colorPaletteGreenForeground1);
}

.fl-problems-state--attempted {
  color: var(--colorPaletteMarigoldForeground2);
}

.fl-problems-lock {
  display: inline-flex;
  margin-left: 6px;
  color: var(--colorNeutralForeground3);
  vertical-align: middle;
}

.fl-problems-points {
  display: flex;
  align-items: center;
  gap: 6px;
}

.fl-problems-points__value {
  min-width: 36px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.fl-problems-solvers {
  color: var(--colorNeutralForeground2Link);
  text-decoration: none;
}
.fl .fl-problems-solvers:hover {
  color: var(--colorNeutralForeground2LinkHover);
  text-decoration: underline;
}
.fl .fl-problems-solvers:active {
  color: var(--colorNeutralForeground2LinkPressed);
}

.fl-problems-editorial {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--borderRadiusMedium);
  color: var(--colorBrandForegroundLink);
  vertical-align: middle;
  text-decoration: none;
}
.fl .fl-problems-editorial:hover {
  background-color: var(--colorSubtleBackgroundPressed);
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: none;
}

.fl-problems-list {
  display: flex;
  flex-direction: column;
}

.fl-problems-item {
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-problems-item__link {
  display: flex;
  align-items: flex-start;
  gap: var(--spacingHorizontalM);
  min-height: 56px;
  padding: 12px 20px;
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl-problems-item.is-solved .fl-problems-item__link {
  background-color: var(--huscRowSolved);
}
.fl .fl-problems-item__link:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl .fl-problems-item__link:active {
  background-color: var(--colorSubtleBackgroundPressed);
}
.fl-problems-item__link:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

.fl-problems-item__state {
  display: flex;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.fl-problems-item__icon {
  display: flex;
}

.fl-problems-item__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-problems-item__name {
  color: var(--colorBrandForegroundLink);
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.fl-problems-item__name .fl-problem-num {
  margin-right: 2px;
  vertical-align: 1px;
}

.fl-problems-item__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-problems-item__code {
  font: var(--fontWeightRegular) 12px/16px var(--fontFamilyMonospace);
}

.fl-problems-item__line {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-problems-item__stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 12px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-problems-item__stat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.fl-problems-item__stat.fl-meter {
  gap: 8px;
}

.fl-problems-item__editorial {
  display: flex;
  align-items: center;
  gap: 4px;
}

.fl-profile-head {
  gap: 20px;
}

.fl-profile-head__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px 24px;
}

.fl-profile-head__who {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 20px;
  min-width: 0;
}

.fl-profile-avatar {
  width: 96px;
  height: 96px;
  margin: 6px;
  font-size: var(--fontSizeBase500);
}

.fl-profile-avatar--newbie {
  outline: var(--strokeWidthThicker) solid var(--huscTierNewbie);
  outline-offset: var(--strokeWidthThicker);
}

.fl-profile-avatar--amateur {
  outline: var(--strokeWidthThicker) solid var(--huscTierAmateur);
  outline-offset: var(--strokeWidthThicker);
}

.fl-profile-avatar--expert {
  outline: var(--strokeWidthThicker) solid var(--huscTierExpert);
  outline-offset: var(--strokeWidthThicker);
}

.fl-profile-avatar--candidate-master {
  outline: var(--strokeWidthThicker) solid var(--huscTierCandidateMaster);
  outline-offset: var(--strokeWidthThicker);
}

.fl-profile-avatar--master {
  outline: var(--strokeWidthThicker) solid var(--huscTierMaster);
  outline-offset: var(--strokeWidthThicker);
}

.fl-profile-avatar--grandmaster {
  outline: var(--strokeWidthThicker) solid var(--huscTierGrandmaster);
  outline-offset: var(--strokeWidthThicker);
}

.fl-profile-avatar--target {
  outline: var(--strokeWidthThicker) solid var(--huscTierGrandmaster);
  outline-offset: var(--strokeWidthThicker);
}

.fl-profile-head__titles {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.fl-profile-name {
  margin: 0;
  font: var(--fontWeightSemibold) var(--fontSizeHero700)/var(--lineHeightHero700) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}
.fl-profile-name.fl-tier--none {
  font-weight: var(--fontWeightRegular);
}

.fl-profile-name--admin {
  color: var(--colorNeutralForeground1);
}

.fl-profile-head__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
}

.fl-profile-fullname {
  color: var(--colorNeutralForeground2);
}

.fl-profile-orgs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  min-width: 0;
}

.fl-profile-orgs__label {
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  color: var(--colorNeutralForeground3);
}

.fl-profile-orgs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  min-width: 0;
}
.fl-profile-orgs__list li {
  display: flex;
  max-width: 100%;
  min-width: 0;
}

.fl-profile-org {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  height: 24px;
  max-width: 100%;
  padding: 0 5px;
  border: var(--strokeWidthThin) solid var(--colorTransparentStroke);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
  text-decoration: none;
}
.fl .fl-profile-org {
  color: var(--colorNeutralForeground2);
}
.fl .fl-profile-org:hover {
  background-color: var(--colorNeutralBackground3Hover);
  color: var(--colorNeutralForeground2Hover);
  text-decoration: none;
}
.fl-profile-org span {
  padding: 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fl-profile-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.fl-profile-head__about {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding-left: clamp(0px, (100% - 560px) * 999, 128px);
}

.fl-profile-about {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  margin: 0;
}

.fl-profile-about__text {
  position: relative;
  width: 100%;
}

.fl-profile-about.is-cut .fl-profile-about__text {
  max-height: 264px;
  overflow: hidden;
}
.fl-profile-about.is-cut .fl-profile-about__text::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 44px;
  background-image: linear-gradient(transparent, var(--colorNeutralBackground1));
  pointer-events: none;
}

.fl-profile-about__more {
  min-width: 0;
}

.fl-profile-about--empty {
  color: var(--colorNeutralForeground3);
  line-height: 22px;
}

.fl-profile-notes {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  border-radius: var(--borderRadiusLarge);
  background-color: var(--colorNeutralBackground2);
}

.fl-profile-notes__title {
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  color: var(--colorNeutralForeground2);
  font-weight: var(--fontWeightSemibold);
}

.fl-profile-notes__text {
  color: var(--colorNeutralForeground1);
  font: 13px/20px var(--fontFamilyMonospace);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.fl-profile-kpis {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.fl-profile-kpi {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.fl-profile-kpi .fl-stat {
  min-width: 0;
}
.fl-profile-kpi .fl-stat__value {
  overflow-wrap: anywhere;
}

.fl-profile-kpi__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}

.fl-profile-minmax {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 6px;
}

.fl-profile-minmax__sep {
  color: var(--colorNeutralForeground2);
  font-weight: var(--fontWeightRegular);
}

.fl-profile-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.fl-profile-tabs {
  margin-left: calc(var(--spacingHorizontalMNudge) * -1);
}

.fl-profile-panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.fl-profile-section-head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.fl-profile-section-head .fl-caption {
  color: var(--colorNeutralForeground3);
}

.fl-profile-section-head__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-profile-nowrap {
  white-space: nowrap;
}

.fl-profile-rating-value {
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
}

.fl-profile-delta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-profile-delta--up {
  color: var(--colorPaletteGreenForeground1);
}

.fl-profile-delta--down {
  color: var(--colorPaletteRedForeground1);
}

.fl-profile-delta--first {
  color: var(--colorNeutralForeground3);
  font-weight: var(--fontWeightRegular);
}

.fl-profile-chart {
  position: relative;
  height: 305px;
  min-width: 0;
}

.fl-profile-chart__axis {
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}
.fl-profile-chart__axis text {
  fill: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-profile-chart__plot {
  position: absolute;
  top: 0;
  left: 40px;
  display: block;
  width: calc(100% - 48px);
  overflow: visible;
}

.fl-profile-band {
  fill-opacity: 0.1;
}

.fl-profile-grid {
  stroke: var(--colorNeutralStroke2);
  stroke-width: 1;
}

.fl-profile-band__label {
  fill: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-profile-line {
  stroke: var(--colorNeutralForeground2);
  stroke-width: 2;
  stroke-linecap: round;
}

.fl-profile-point {
  stroke: var(--colorNeutralBackground1);
  stroke-width: 2;
}

.fl-profile-chart__date {
  fill: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-profile-band--newbie,
.fl-profile-point--newbie {
  fill: var(--huscTierNewbie);
}

.fl-profile-chart__marker--newbie {
  background-color: var(--huscTierNewbie);
}

.fl-profile-band--amateur,
.fl-profile-point--amateur {
  fill: var(--huscTierAmateur);
}

.fl-profile-chart__marker--amateur {
  background-color: var(--huscTierAmateur);
}

.fl-profile-band--expert,
.fl-profile-point--expert {
  fill: var(--huscTierExpert);
}

.fl-profile-chart__marker--expert {
  background-color: var(--huscTierExpert);
}

.fl-profile-band--candidate-master,
.fl-profile-point--candidate-master {
  fill: var(--huscTierCandidateMaster);
}

.fl-profile-chart__marker--candidate-master {
  background-color: var(--huscTierCandidateMaster);
}

.fl-profile-band--master,
.fl-profile-point--master {
  fill: var(--huscTierMaster);
}

.fl-profile-chart__marker--master {
  background-color: var(--huscTierMaster);
}

.fl-profile-band--grandmaster,
.fl-profile-point--grandmaster {
  fill: var(--huscTierGrandmaster);
}

.fl-profile-chart__marker--grandmaster {
  background-color: var(--huscTierGrandmaster);
}

.fl-profile-band--target,
.fl-profile-point--target {
  fill: var(--huscTierGrandmaster);
}

.fl-profile-chart__marker--target {
  background-color: var(--huscTierGrandmaster);
}

.fl-profile-chart__cols {
  position: absolute;
  top: 8px;
  right: 8px;
  left: 40px;
  display: flex;
  height: 273px;
}

.fl-profile-chart__col {
  flex: 1 1 0;
  min-width: 0;
  cursor: pointer;
}

.fl-profile-chart__cross {
  position: absolute;
  top: 8px;
  width: 1px;
  height: 273px;
  margin-left: -0.5px;
  background-color: var(--colorNeutralStroke1);
  pointer-events: none;
}

.fl-profile-chart__marker {
  position: absolute;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: var(--strokeWidthThick) solid var(--colorNeutralBackground1);
  border-radius: var(--borderRadiusCircular);
  pointer-events: none;
}

.fl-profile-tip {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 6px;
  box-sizing: border-box;
  width: max-content;
  max-width: min(280px, 46%);
  padding: 4px 11px 6px;
  border: var(--strokeWidthThin) solid var(--colorTransparentStroke);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  box-shadow: var(--shadow8);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  pointer-events: none;
}
.fl-profile-tip.is-docked-top, .fl-profile-tip.is-docked-bottom {
  right: 44px;
  left: 44px;
  width: auto;
  max-width: none;
}
.fl-profile-tip.is-docked-top {
  top: 12px;
}
.fl-profile-tip.is-docked-bottom {
  bottom: 32px;
}
.fl-profile-tip strong {
  font-weight: var(--fontWeightSemibold);
}

.fl-profile-tip__head {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fl-profile-tip__contest {
  overflow-wrap: anywhere;
}

.fl-profile-tip__date,
.fl-profile-tip__key {
  color: var(--colorNeutralForeground2);
  font-variant-numeric: tabular-nums;
}

.fl-profile-tip__grid {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  gap: 2px 12px;
}

.fl-profile-activity__body {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 40px;
  min-width: 0;
}

.fl-profile-heat {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
  min-width: 0;
}

.fl-profile-heat__map {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

.fl-profile-heat__days {
  display: grid;
  flex: none;
  grid-template-rows: 16px repeat(7, 11px);
  row-gap: 2px;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/11px var(--fontFamilyBase);
}

.fl-profile-heat__scroll {
  flex: 1 1 auto;
  min-width: 0;
  padding-bottom: 6px;
  overflow-x: auto;
  direction: rtl;
}

.fl-profile-heat__grid {
  display: grid;
  grid-auto-columns: 11px;
  grid-auto-flow: column;
  grid-template-rows: 16px repeat(7, 11px);
  gap: 2px;
  width: max-content;
  margin-right: auto;
  padding-right: 8px;
  direction: ltr;
}

.fl-profile-heat__month {
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
}

.fl-profile-heat__cell {
  display: block;
  width: 11px;
  height: 11px;
  border-radius: var(--borderRadiusSmall);
}

.fl-profile-heat__cell--0 {
  background-color: var(--huscHeat0);
}

.fl-profile-heat__cell--1 {
  background-color: var(--huscHeat1);
}

.fl-profile-heat__cell--2 {
  background-color: var(--huscHeat2);
}

.fl-profile-heat__cell--3 {
  background-color: var(--huscHeat3);
}

.fl-profile-heat__cell--4 {
  background-color: var(--huscHeat4);
}

.fl-profile-heat__cell--none {
  visibility: hidden;
}

.fl-profile-heat__legend {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  padding-right: 8px;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-profile-heat__keys {
  display: flex;
  gap: 2px;
}

.fl-profile-activity__stats {
  display: flex;
  flex: 1 1 200px;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  margin: 0;
}

.fl-profile-activity__stat {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.fl-profile-activity__stat dt {
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-profile-activity__stat dd {
  margin: 0;
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-profile-contests__table {
  min-width: 760px;
}
.fl-profile-contests__table .fl-profile-contests__rating {
  padding-left: 24px;
}

.fl-profile-contests__name a {
  display: inline-block;
  padding: 11px 0;
  overflow-wrap: anywhere;
}

.fl-profile-list {
  display: flex;
  flex-direction: column;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-profile-list__item {
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-profile-list__link {
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalM);
  min-height: 56px;
  padding: 8px 16px;
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl .fl-profile-list__link:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl .fl-profile-list__link:active {
  background-color: var(--colorSubtleBackgroundPressed);
}
.fl-profile-list__link:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

.fl-profile-list__main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-profile-list__title {
  color: var(--colorBrandForegroundLink);
  overflow-wrap: anywhere;
}

.fl-profile-list__side {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 2px;
  font-variant-numeric: tabular-nums;
}
.fl-profile-list__side .fl-profile-delta {
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-weight: var(--fontWeightSemibold);
}
.fl-profile-list__side .fl-profile-delta--first {
  font-weight: var(--fontWeightRegular);
}

.fl-profile-solved__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 24px;
  min-width: 0;
}

.fl-profile-solved__groups {
  display: flex;
  flex: 1 1 420px;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px 12px;
  min-width: 0;
}
.fl-profile-solved__groups .fl-chips {
  flex: 1 1 240px;
  min-width: 0;
}

.fl-profile-solved__label {
  flex-shrink: 0;
  padding: 6px 0;
  white-space: nowrap;
}

.fl-profile-solved__sort,
.fl-profile-solved__hide {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.fl-profile-solved__sort label,
.fl-profile-solved__hide label {
  white-space: nowrap;
}

.fl-profile-groups {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fl-profile-group {
  min-width: 0;
  border-radius: var(--borderRadiusLarge);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
}

.fl-profile-group__summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 56px;
  padding: 8px 16px 8px 10px;
  border-radius: var(--borderRadiusLarge);
  list-style: none;
  cursor: pointer;
}
.fl-profile-group__summary::-webkit-details-marker {
  display: none;
}
.fl-profile-group__summary:hover {
  background-color: var(--colorSubtleBackgroundHover);
}
.fl-profile-group__summary:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

.fl-profile-group__chevron {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--colorNeutralForeground2);
  transition: transform var(--durationNormal) var(--curveEasyEaseMax);
}

.fl-profile-group__details[open] > .fl-profile-group__summary .fl-profile-group__chevron {
  transform: rotate(90deg);
}

.fl-profile-group__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-profile-group__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}

.fl-profile-group__bar {
  flex-shrink: 0;
  width: 96px;
}

.fl-profile-group__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 0 12px 12px clamp(12px, 3vw, 38px);
}

.fl-profile-rows {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
  column-gap: 24px;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-profile-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 40px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-profile-row__name {
  flex: 1 1 auto;
  min-width: 0;
  padding: 10px 0;
  overflow-wrap: anywhere;
  text-decoration: none;
}
.fl .fl-profile-row__name {
  color: var(--colorBrandForegroundLink);
}
.fl .fl-profile-row__name:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}

.fl-profile-row__points {
  flex-shrink: 0;
  padding: 10px 0;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-decoration: none;
}
.fl .fl-profile-row__points {
  color: var(--colorNeutralForeground2);
}
.fl .fl-profile-row__points:hover {
  color: var(--colorNeutralForeground2Hover);
  text-decoration: underline;
}

.fl-profile-row__partial {
  display: flex;
  flex-shrink: 0;
  color: var(--colorPaletteMarigoldForeground2);
}

.fl-profile-group__partial {
  margin: 4px 0 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-weight: var(--fontWeightSemibold);
}

.fl-profile-more__summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 16px;
  padding-top: 8px;
  list-style: none;
  cursor: pointer;
}
.fl-profile-more__summary::-webkit-details-marker {
  display: none;
}
.fl-profile-more__summary:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 2px;
}
.fl-profile-more__summary .fl-btn {
  pointer-events: none;
}

.fl-profile-more[open] > .fl-profile-more__summary {
  display: none;
}

.fl-profile-more > .fl-profile-rows {
  border-top: 0;
}

.fl-profile-points__head {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.fl-profile-points__intro {
  max-width: 820px;
  color: var(--colorNeutralForeground3);
}

.fl-profile-points__table {
  min-width: 1000px;
}

.fl-profile-points__problem a {
  display: inline-block;
  padding: 11px 0;
  overflow-wrap: anywhere;
}

.fl-profile-points__contrib {
  font-weight: var(--fontWeightSemibold);
}

.fl-profile-sub {
  display: inline-flex;
  text-decoration: none;
}
.fl .fl-profile-sub {
  color: inherit;
}
.fl .fl-profile-sub:hover {
  text-decoration: none;
}
.fl .fl-profile-sub:hover .fl-verdict-label > span {
  text-decoration: underline;
}

.fl-profile-points__foot {
  padding: 12px 20px 16px;
}

.fl-profile-pp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: 36px;
  padding: 0 16px;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-profile-pp-list {
  display: flex;
  flex-direction: column;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-profile-pp {
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-profile-pp__link {
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalM);
  min-height: 56px;
  padding: 8px 16px;
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl .fl-profile-pp__link:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl .fl-profile-pp__link:active {
  background-color: var(--colorSubtleBackgroundPressed);
}
.fl-profile-pp__link:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

.fl-profile-pp__main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.fl-profile-pp__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
}

.fl-profile-pp__name {
  color: var(--colorBrandForegroundLink);
  overflow-wrap: anywhere;
}

.fl-profile-pp__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 6px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-profile-pp__side {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 2px;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.fl-profile-pp__contrib {
  font-weight: var(--fontWeightSemibold);
}

.fl-profile-authored__table {
  min-width: 480px;
}

.fl-ranking-head__titles {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.fl-ranking-head__contest {
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-ranking-freeze {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 32px;
  min-width: 0;
  padding: 16px 20px;
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--huscFrozenBg);
  box-shadow: var(--shadow4), inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteNavyBorderActive);
}

.fl-ranking-freeze__main {
  display: flex;
  flex: 999 1 520px;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
}

.fl-ranking-freeze__icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--colorNeutralBackground1);
  color: var(--huscFrozenFg);
}

.fl-ranking-freeze__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  color: var(--colorNeutralForeground1);
}
.fl-ranking-freeze__text strong {
  font-weight: var(--fontWeightSemibold);
}

.fl-ranking-freeze__title {
  margin: 0;
  color: var(--huscFrozenFg);
  font: var(--fontWeightSemibold) var(--fontSizeBase500)/var(--lineHeightBase500) var(--fontFamilyBase);
}

.fl-ranking-freeze__clock {
  display: flex;
  flex: 1 1 200px;
  flex-direction: column;
  min-width: 0;
}

.fl-ranking-freeze__label,
.fl-ranking-freeze__note {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-ranking-freeze__value {
  color: var(--huscFrozenFg);
  font: var(--fontWeightSemibold) var(--fontSizeHero700)/var(--lineHeightHero700) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}
.fl-ranking-freeze__value.is-days {
  font-size: var(--fontSizeBase500);
  line-height: var(--lineHeightBase500);
}

.fl-ranking-freeze__value--text {
  font-size: var(--fontSizeBase400);
  line-height: var(--lineHeightBase400);
}

.fl-ranking-freeze__jury {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding-top: 12px;
  border-top: var(--strokeWidthThin) solid var(--colorPaletteNavyBorderActive);
}
.fl-ranking-freeze__jury form {
  margin: 0;
}

.fl-ranking-freeze__jury-text {
  margin: 0;
  color: var(--colorNeutralForeground1);
}

.fl-ranking-you {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 32px;
  min-width: 0;
  padding: 16px 20px;
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--colorBrandBackground2);
  box-shadow: var(--shadow8), inset 0 0 0 2px var(--colorCompoundBrandStroke);
}

.fl-ranking-you__main {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.fl-ranking-you__icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--colorBrandBackground);
  color: var(--colorNeutralForegroundOnBrand);
}

.fl-ranking-you__facts {
  display: grid;
  grid-template-columns: auto minmax(0, auto);
  grid-template-rows: auto auto;
  grid-auto-flow: column;
  align-items: baseline;
  gap: 0 32px;
  min-width: 0;
  margin: 0;
}
.fl-ranking-you__facts dt {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-ranking-you__facts dd {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 0;
  white-space: nowrap;
}

.fl-ranking-you__rank {
  color: var(--colorBrandForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeHero800)/var(--lineHeightHero800) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-ranking-you__of {
  color: var(--colorNeutralForeground2);
  font-variant-numeric: tabular-nums;
}

.fl-ranking-you__facts .fl-ranking-you__total {
  flex-wrap: wrap;
  gap: 0 6px;
  min-width: 0;
  white-space: normal;
}

.fl-ranking-you__score {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase500)/var(--lineHeightBase500) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-ranking-you__time {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  color: var(--colorNeutralForeground2);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.fl-ranking-you__time .fl-icon {
  align-self: center;
}

.fl-ranking-you__gaps {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  color: var(--colorNeutralForeground1);
}
.fl-ranking-you__gaps li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

.fl-ranking-you__arrow {
  display: inline-flex;
  flex-shrink: 0;
  padding-top: 2px;
  color: var(--colorNeutralForeground2);
}

.fl-ranking-you__gap {
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-ranking-you__spacer {
  flex: 1 1 auto;
}

.fl-ranking-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  padding: 16px 20px 12px;
}

.fl-ranking-toolbar--icpc {
  justify-content: space-between;
  gap: 12px 16px;
  padding: 16px 20px;
}

.fl-ranking-toolbar__titles {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.fl-ranking-toolbar__titles .fl-card__title {
  font-size: var(--fontSizeBase400);
  line-height: var(--lineHeightBase400);
}

.fl-ranking-search {
  flex: 1 1 240px;
  max-width: 320px;
}

.fl-ranking-switch {
  white-space: nowrap;
}

.fl-ranking-toolbar__spacer {
  flex: 1 1 auto;
}

.fl-ranking-toolbar__time {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-ranking-toolbar__icon {
  display: inline-flex;
  color: var(--colorNeutralForeground3);
}

.fl-ranking-toolbar__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.fl-ranking-pending-btn[aria-pressed=true] .fl-btn__icon {
  color: var(--colorCompoundBrandForeground1);
}

@media (max-width: 639.98px) {
  .fl-ranking-search {
    flex-basis: 100%;
    max-width: none;
  }
  .fl-ranking-toolbar__spacer {
    display: none;
  }
}
.fl-ranking-scroll {
  position: relative;
  max-height: 640px;
  overflow: auto;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}
.fl-ranking-scroll:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 0;
}

.fl-ranking-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}
.fl-ranking-table th,
.fl-ranking-table td {
  box-sizing: border-box;
  box-shadow: var(--fl-ranking-lines, 0 0 transparent), var(--fl-ranking-divider, 0 0 transparent);
}
.fl-ranking-table thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  padding: 8px 8px 10px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground2);
  font-weight: var(--fontWeightRegular);
  text-align: left;
  vertical-align: bottom;
  white-space: nowrap;
}
.fl-ranking-table tbody tr {
  background-color: var(--colorNeutralBackground1);
  scroll-margin-top: var(--fl-ranking-head, 85px);
}
.fl-ranking-table tbody tr:hover {
  background-color: var(--colorSubtleBackgroundHover);
}
.fl-ranking-table tbody tr.is-viewer, .fl-ranking-table tbody tr.is-viewer:hover {
  --fl-ranking-lines: inset 0 2px 0 var(--colorCompoundBrandStroke), inset 0 -2px 0 var(--colorCompoundBrandStroke);
  background-color: var(--colorBrandBackground2);
}
.fl-ranking-table tbody tr.is-target {
  --fl-ranking-lines: inset 0 2px 0 var(--colorNeutralStrokeAccessible), inset 0 -2px 0 var(--colorNeutralStrokeAccessible);
}
.fl-ranking-table tbody tr.is-last > * {
  border-bottom-width: 0;
}
.fl-ranking-table tbody td,
.fl-ranking-table tbody th {
  height: 52px;
  padding: 4px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  text-align: center;
  vertical-align: middle;
}
.fl-ranking-table tbody a {
  scroll-margin-top: var(--fl-ranking-head, 85px);
}

.fl-ranking-table--oi {
  min-width: 860px;
}

.fl-ranking-table tbody tr:last-child > * {
  border-bottom-width: 0;
}

.fl-ranking-table .fl-ranking-rank {
  position: sticky;
  left: 0;
  z-index: 2;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  padding: 0 8px 0 16px;
  background-color: inherit;
  text-align: center;
  white-space: nowrap;
}
.fl-ranking-table thead .fl-ranking-rank {
  z-index: 5;
  padding: 8px 8px 10px 16px;
  background-color: var(--colorNeutralBackground1);
}

.fl-ranking-table .fl-ranking-member {
  position: sticky;
  left: 56px;
  z-index: 2;
  width: 184px;
  min-width: 184px;
  max-width: 184px;
  padding: 4px 12px 4px 8px;
  background-color: inherit;
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightRegular);
  text-align: left;
  --fl-ranking-divider: inset calc(-1 * var(--strokeWidthThin)) 0 0 var(--colorNeutralStroke2);
}
.fl-ranking-table thead .fl-ranking-member {
  z-index: 5;
  padding: 8px 12px 10px 8px;
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground2);
}

.fl-ranking-table .fl-ranking-fullname {
  width: 168px;
  min-width: 168px;
  max-width: 168px;
  padding: 0 8px;
  background-color: inherit;
  text-align: left;
}
.fl-ranking-table thead .fl-ranking-fullname {
  padding: 8px 8px 10px;
  background-color: var(--colorNeutralBackground1);
}
.fl-ranking-fullname span {
  display: block;
  max-width: 152px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fl-ranking-table.is-names-off .fl-ranking-fullname {
  display: none;
}

.fl-ranking-table .fl-ranking-total {
  padding: 0 20px 0 12px;
  background-color: inherit;
  text-align: right;
  white-space: nowrap;
}
.fl-ranking-table thead .fl-ranking-total {
  padding: 8px 20px 10px 12px;
  background-color: var(--colorNeutralBackground1);
}
.fl-ranking-table--wide .fl-ranking-total {
  width: 112px;
  min-width: 112px;
  max-width: 112px;
}

@media (min-width: 640px) {
  .fl-ranking-table .fl-ranking-total {
    position: sticky;
    right: 0;
    z-index: 1;
    --fl-ranking-divider: inset var(--strokeWidthThin) 0 0 var(--colorNeutralStroke2);
  }
  .fl-ranking-table thead .fl-ranking-total {
    z-index: 4;
  }
}
@media (min-width: 1024px) {
  .fl-ranking-table--oi.has-names:not(.is-names-off) .fl-ranking-fullname {
    position: sticky;
    left: 240px;
    z-index: 1;
    --fl-ranking-divider: inset calc(-1 * var(--strokeWidthThin)) 0 0 var(--colorNeutralStroke2);
  }
  .fl-ranking-table--oi.has-names:not(.is-names-off) thead .fl-ranking-fullname {
    z-index: 4;
  }
  .fl-ranking-table--oi.has-names:not(.is-names-off) .fl-ranking-member {
    --fl-ranking-divider: 0 0 transparent;
  }
}
@media (max-width: 639.98px) {
  .fl-ranking-table .fl-ranking-fullname {
    display: none;
  }
}
.fl-ranking-table--icpc thead th {
  height: 48px;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
}
.fl-ranking-table--icpc .fl-ranking-rank {
  width: 64px;
  min-width: 64px;
  max-width: 64px;
  padding: 0 8px 0 20px;
}
.fl-ranking-table--icpc .fl-ranking-member {
  left: 64px;
  width: 172px;
  min-width: 172px;
  max-width: 172px;
  padding: 0 12px 0 8px;
}
.fl-ranking-table--icpc .fl-ranking-fullname {
  width: auto;
  min-width: 0;
  max-width: 240px;
  padding: 0 12px 0 8px;
  white-space: nowrap;
}
.fl-ranking-table--icpc .fl-ranking-fullname span {
  max-width: 220px;
}
.fl-ranking-table--icpc thead .fl-ranking-rank {
  padding: 0 8px 0 20px;
}
.fl-ranking-table--icpc thead .fl-ranking-member,
.fl-ranking-table--icpc thead .fl-ranking-fullname {
  padding: 0 12px 0 8px;
}
.fl-ranking-table--icpc thead .fl-ranking-solved {
  padding: 0 8px 0 12px;
}
.fl-ranking-table--icpc thead .fl-ranking-penalty {
  padding: 0 20px 0 8px;
}
.fl-ranking-table--icpc .fl-ranking-solved {
  width: 88px;
  min-width: 88px;
  padding: 0 8px 0 12px;
  background-color: inherit;
  text-align: right;
}
.fl-ranking-table--icpc .fl-ranking-penalty {
  width: 120px;
  min-width: 120px;
  padding: 0 20px 0 8px;
  background-color: inherit;
  color: var(--colorNeutralForeground1);
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}
.fl-ranking-table--icpc thead .fl-ranking-solved,
.fl-ranking-table--icpc thead .fl-ranking-penalty {
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground2);
}

@media (min-width: 640px) {
  .fl-ranking-table--icpc.has-names .fl-ranking-fullname {
    position: sticky;
    left: 236px;
    z-index: 2;
    --fl-ranking-divider: inset calc(-1 * var(--strokeWidthThin)) 0 0 var(--colorNeutralStroke2);
  }
  .fl-ranking-table--icpc.has-names thead .fl-ranking-fullname {
    z-index: 5;
  }
  .fl-ranking-table--icpc.has-names .fl-ranking-member {
    --fl-ranking-divider: 0 0 transparent;
  }
}
@media (min-width: 1024px) {
  .fl-ranking-table--icpc .fl-ranking-solved {
    position: sticky;
    right: 120px;
    z-index: 1;
    --fl-ranking-divider: inset var(--strokeWidthThin) 0 0 var(--colorNeutralStroke2);
  }
  .fl-ranking-table--icpc .fl-ranking-penalty {
    position: sticky;
    right: 0;
    z-index: 1;
  }
  .fl-ranking-table--icpc thead .fl-ranking-solved,
  .fl-ranking-table--icpc thead .fl-ranking-penalty {
    z-index: 4;
  }
}
.fl-ranking-rank__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-ranking-medal {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  border-radius: var(--borderRadiusCircular);
  font: var(--fontWeightBold) var(--fontSizeBase200)/1 var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
  vertical-align: middle;
}

.fl-ranking-medal--gold {
  background-color: var(--huscMedalGoldFill);
  box-shadow: inset 0 0 0 2px var(--huscMedalGoldRing);
  color: var(--huscMedalGoldInk);
}

.fl-ranking-medal--silver {
  background-color: var(--huscMedalSilverFill);
  box-shadow: inset 0 0 0 2px var(--huscMedalSilverRing);
  color: var(--huscMedalSilverInk);
}

.fl-ranking-medal--bronze {
  background-color: var(--huscMedalBronzeFill);
  box-shadow: inset 0 0 0 2px var(--huscMedalBronzeRing);
  color: var(--huscMedalBronzeInk);
}

.fl-ranking-member__box {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.fl-ranking-table--icpc .fl-ranking-member__box {
  gap: 10px;
}

.fl-ranking-member__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.fl-ranking-member__line {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.fl-ranking-member__link {
  min-width: 0;
  overflow-wrap: anywhere;
}
.fl-ranking-member__link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fl-ranking-table--icpc .fl-ranking-member__link {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fl-ranking-viewer,
.fl-ranking-dq,
.fl-ranking-staff {
  position: relative;
  z-index: 1;
}

.fl-ranking-member__sub {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-ranking-org,
.fl-ranking-subname {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fl-ranking-subname {
  display: none;
}

@media (max-width: 639.98px) {
  .fl-ranking-table.has-names:not(.is-names-off) .fl-ranking-subname {
    display: block;
  }
  .fl-ranking-table.has-names:not(.is-names-off) .fl-ranking-subname + .fl-ranking-org {
    display: none;
  }
}
.fl-ranking-staff {
  display: inline-flex;
  flex-shrink: 0;
  gap: 2px;
  margin-left: auto;
}

.fl-ranking-staff__btn.fl-btn {
  width: 20px;
  min-width: 20px;
  height: 20px;
  padding: 0;
}

.fl-ranking-table thead .fl-ranking-problem {
  padding: 6px 4px 8px;
  text-align: center;
  white-space: normal;
}
.fl-ranking-table--wide .fl-ranking-problem {
  width: 104px;
  min-width: 104px;
  max-width: 104px;
}
.fl-ranking-table--wide.is-pnames-off .fl-ranking-problem {
  width: 64px;
  min-width: 64px;
  max-width: 64px;
}
.fl-ranking-table--icpc thead .fl-ranking-problem {
  width: 100px;
  min-width: 100px;
  padding: 6px 4px;
}

.fl-ranking-problem__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  box-sizing: border-box;
  min-width: 80px;
  max-width: 104px;
  margin: 0 auto;
  padding: 4px 6px;
  border-radius: var(--borderRadiusMedium);
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl .fl-ranking-problem__link:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl .fl-ranking-problem__link:active {
  background-color: var(--colorSubtleBackgroundPressed);
}
.fl-ranking-problem__link:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(-1 * var(--strokeWidthThick));
}
.fl-ranking-table--wide .fl-ranking-problem__link, .fl-ranking-table--icpc .fl-ranking-problem__link {
  width: 100%;
  min-width: 0;
}
.fl-ranking-table--icpc .fl-ranking-problem__link {
  padding: 4px 2px;
  color: var(--colorNeutralForeground2);
}

.fl-ranking-problem__name {
  display: -webkit-box;
  max-width: 92px;
  overflow: hidden;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  text-align: center;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.fl-ranking-table--wide .fl-ranking-problem__name {
  width: 84px;
  height: 32px;
}
.fl-ranking-table--icpc .fl-ranking-problem__name {
  max-width: 88px;
  min-height: 32px;
}
.fl-ranking-table--wide.is-pnames-off .fl-ranking-problem__name {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.fl-ranking-problem__points {
  display: block;
  margin-top: 2px;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-ranking-table--icpc tbody td {
  padding: 0 4px;
}

.fl-ranking-table .fl-ranking-tile {
  width: 100%;
  min-width: 72px;
  max-width: 96px;
  margin: 0 auto;
}

.fl-ranking-table--wide .fl-ranking-tile {
  min-width: 0;
  padding: 0 2px 5px;
}

.fl-ranking-table--icpc .fl-ranking-tile {
  max-width: none;
  padding: 0 6px;
}

.fl .fl-ranking-table--icpc .fl-ranking-tile.is-full:hover {
  box-shadow: inset 0 0 0 var(--strokeWidthThick) var(--colorPaletteGreenForeground2);
}

.fl-ranking-table--icpc .fl-ranking-tile > i {
  bottom: 3px;
}

.fl-ranking-table.is-pending-only .fl-ranking-tile:not(.is-frozen-pending) {
  opacity: 0.4;
}
.fl-ranking-table.is-pending-only .fl-ranking-tile.is-frozen-pending {
  box-shadow: inset 0 0 0 var(--strokeWidthThick) var(--colorPaletteNavyBorderActive);
}
.fl-ranking-table.is-pending-only tbody tr:not(.has-pending) {
  opacity: 0.6;
}

.fl-ranking-table tbody tr {
  transition: opacity var(--durationNormal) var(--curveEasyEase);
}

.fl-ranking-total__link {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  min-height: 44px;
  color: var(--colorNeutralForeground1);
  text-decoration: none;
  vertical-align: middle;
}
.fl .fl-ranking-total__link:hover {
  color: var(--colorNeutralForeground1);
  text-decoration: underline;
}

.fl-ranking-total__text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.fl-ranking-total__points {
  font: var(--fontWeightSemibold) var(--fontSizeBase500)/var(--lineHeightBase400) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-ranking-total__time {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-ranking-total__bar {
  display: block;
  width: 64px;
  height: 4px;
  overflow: hidden;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground6);
}
.fl-ranking-total__bar > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: var(--colorCompoundBrandBackground);
}

.fl-ranking-total__none {
  color: var(--colorNeutralForeground3);
}

.fl-ranking-solved__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 28px;
  height: 28px;
  padding: 0 6px;
  border-radius: var(--borderRadiusLarge);
  background-color: var(--colorBrandBackground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
  color: var(--colorBrandForeground2);
  font: var(--fontWeightBold) var(--fontSizeBase300)/1 var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
  text-decoration: none;
  vertical-align: middle;
}
.fl .fl-ranking-solved__badge:hover {
  background-color: var(--colorBrandBackground2Hover);
  color: var(--colorBrandForeground2Hover);
  text-decoration: none;
}
.fl-ranking-solved__badge.is-none, .fl .fl-ranking-solved__badge.is-none:hover {
  background-color: var(--colorNeutralBackground4);
  box-shadow: none;
  color: var(--colorNeutralForeground2);
}

.fl-ranking-noresults {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 32px 20px;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  color: var(--colorNeutralForeground2);
  text-align: center;
}
.fl-ranking-noresults p {
  max-width: 420px;
  margin: 0;
}

.fl-ranking-noresults__icon {
  display: inline-flex;
  color: var(--colorNeutralForeground3);
}

.fl-ranking-noresults .fl-ranking-noresults__title {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyBase);
}

.fl-ranking-board.is-empty .fl-ranking-scroll {
  border-bottom-width: 0;
}

.fl-ranking-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  padding: 12px 20px 16px;
}

.fl-ranking-legend__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  min-width: 0;
}

.fl-ranking-legend__label {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-ranking-legend__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.fl-ranking-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  height: 24px;
  padding: 0 8px 0 6px;
  border-radius: var(--borderRadiusMedium);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
}
.fl-ranking-legend__list--icpc .fl-ranking-legend__item {
  gap: 8px;
  height: 28px;
  padding: 0 10px 0 4px;
}

.fl-ranking-swatch {
  position: relative;
  display: block;
  flex-shrink: 0;
  box-sizing: border-box;
  width: 20px;
  height: 14px;
  border-radius: var(--borderRadiusSmall);
}
.fl-ranking-legend__list--icpc .fl-ranking-swatch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: auto;
  min-width: 28px;
  height: 20px;
  padding: 0 6px;
  border-radius: var(--borderRadiusMedium);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
}
.fl-ranking-swatch small {
  font-weight: var(--fontWeightRegular);
}

.fl-ranking-swatch--full {
  background-color: var(--huscCellFullSolidBg);
  color: var(--huscCellFullSolidFg);
}

.fl-ranking-swatch--partial {
  background-color: var(--huscCellPartialBg);
}
.fl-ranking-swatch--partial > span {
  position: absolute;
  right: 3px;
  bottom: 2px;
  left: 3px;
  height: 2px;
  overflow: hidden;
  border-radius: var(--borderRadiusSmall);
  background-color: var(--colorNeutralBackground1);
}
.fl-ranking-swatch--partial > span::after {
  content: "";
  display: block;
  width: 60%;
  height: 100%;
  background-color: var(--huscCellPartialBar);
}

.fl-ranking-swatch--zero {
  background-color: var(--huscCellZeroBg);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteRedBorder1);
  color: var(--huscCellZeroFg);
}

.fl-ranking-swatch--empty {
  border: var(--strokeWidthThin) dashed var(--colorNeutralStroke1);
  background-color: transparent;
}

.fl-ranking-swatch--pending {
  background-color: var(--huscCellPendingBg);
  color: var(--huscCellPendingFg);
}

.fl-ranking-legend__note {
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-submission-date {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-submission-inline-form {
  display: flex;
  margin: 0;
}

.fl-submission-live {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.fl-submission-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
}

.fl-submission-head__title {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.fl-submission-head__text {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  min-width: 0;
}

.fl-submission-head__meta {
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-submission-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}

.fl-submission-copy {
  min-width: 132px;
}

.fl-submission-summary__head {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fl-submission-verdict {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.fl-submission-verdict__label {
  margin: 0;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase500)/var(--lineHeightBase500) var(--fontFamilyBase);
}

.fl-submission-verdict__icon {
  display: inline-flex;
}

.fl-submission-verdict__spinner {
  width: 24px;
  height: 24px;
}

.fl-submission-verdict__icon--ac {
  color: var(--colorPaletteGreenForeground1);
}

.fl-submission-verdict__icon--ac-partial {
  color: var(--huscVerdictPartialForeground);
}

.fl-submission-verdict__icon--wa {
  color: var(--colorPaletteRedForeground1);
}

.fl-submission-verdict__icon--tle {
  color: var(--colorPaletteDarkOrangeForeground1);
}

.fl-submission-verdict__icon--mle {
  color: var(--colorPaletteYellowForeground1);
}

.fl-submission-verdict__icon--ole {
  color: var(--colorPaletteYellowForeground1);
}

.fl-submission-verdict__icon--ir {
  color: var(--colorPaletteYellowForeground1);
}

.fl-submission-verdict__icon--rte {
  color: var(--colorPaletteYellowForeground1);
}

.fl-submission-verdict__icon--ce {
  color: var(--colorNeutralForeground3);
}

.fl-submission-verdict__icon--ie {
  color: var(--colorPaletteRedForeground3);
}

.fl-submission-verdict__icon--ab {
  color: var(--colorNeutralForeground3);
}

.fl-submission-count {
  margin: 0;
  color: var(--colorNeutralForeground2);
}
.fl-submission-count strong {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
}

.fl-progress.fl-submission-bar {
  max-width: 480px;
}

.fl-submission-grading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
}

.fl-submission-note {
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-submission-abort {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}

.fl-submission-abort__note {
  flex: 1 1 240px;
  min-width: 0;
  margin: 0;
  color: var(--colorNeutralForeground2);
}

.fl-stats.fl-submission-stats {
  grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr));
}
.fl-stats.fl-submission-stats .fl-stat__value {
  overflow-wrap: anywhere;
}

.fl-submission-tests__head {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 20px;
}

.fl-submission-tests__overview {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 24px;
}

.fl-submission-tests__note {
  margin: 0;
  padding: 12px 20px;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-submission-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fl-submission-strip li {
  display: flex;
}

.fl-submission-sq {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 24px;
  height: 24px;
  padding: 0 4px;
  border-radius: var(--borderRadiusMedium);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/1 var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

a.fl-submission-sq {
  text-decoration: underline;
  text-underline-offset: 2px;
}
a.fl-submission-sq::after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
}
a.fl-submission-sq:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 1px;
}

.fl-submission-sq--ac {
  background-color: var(--colorPaletteGreenBackground1);
  color: var(--colorPaletteGreenForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteGreenBorder1);
}

.fl-submission-sq--ac-partial {
  background-color: var(--huscVerdictPartialBackground);
  color: var(--huscVerdictPartialForeground);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--huscVerdictPartialBorder);
}

.fl-submission-sq--wa {
  background-color: var(--colorPaletteRedBackground1);
  color: var(--colorPaletteRedForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteRedBorder1);
}

.fl-submission-sq--tle {
  background-color: var(--colorPaletteDarkOrangeBackground1);
  color: var(--colorPaletteDarkOrangeForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteDarkOrangeBorder1);
}

.fl-submission-sq--mle {
  background-color: var(--colorPaletteYellowBackground1);
  color: var(--colorPaletteYellowForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteYellowBorder1);
}

.fl-submission-sq--ole {
  background-color: var(--colorPaletteYellowBackground1);
  color: var(--colorPaletteYellowForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteYellowBorder1);
}

.fl-submission-sq--ir {
  background-color: var(--colorPaletteYellowBackground1);
  color: var(--colorPaletteYellowForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteYellowBorder1);
}

.fl-submission-sq--rte {
  background-color: var(--colorPaletteYellowBackground1);
  color: var(--colorPaletteYellowForeground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteYellowBorder1);
}

.fl-submission-sq--qu {
  background-color: var(--colorBrandBackground2);
  color: var(--colorBrandForeground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
}

.fl-submission-sq--p {
  background-color: var(--colorBrandBackground2);
  color: var(--colorBrandForeground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
}

.fl-submission-sq--g {
  background-color: var(--colorBrandBackground2);
  color: var(--colorBrandForeground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
}

a.fl-submission-sq--wa:hover,
a.fl-submission-sq--wa:active {
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteRedBorder2);
}

a.fl-submission-sq--tle:hover,
a.fl-submission-sq--tle:active {
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteDarkOrangeBorder2);
}

a.fl-submission-sq--mle:hover,
a.fl-submission-sq--mle:active {
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteYellowBorder2);
}

a.fl-submission-sq--ole:hover,
a.fl-submission-sq--ole:active {
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteYellowBorder2);
}

a.fl-submission-sq--ir:hover,
a.fl-submission-sq--ir:active {
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteYellowBorder2);
}

a.fl-submission-sq--rte:hover,
a.fl-submission-sq--rte:active {
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorPaletteYellowBorder2);
}

.fl-submission-sq--sc,
.fl-submission-sq--qu {
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground3);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
}

.fl-submission-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
  color: var(--colorNeutralForeground2);
}

.fl-submission-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.fl-submission-swatch {
  display: block;
  flex-shrink: 0;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border-radius: var(--borderRadiusMedium);
}

.fl-submission-swatch--g {
  background-color: var(--colorBrandBackground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorBrandStroke2);
}

.fl-submission-swatch--qu {
  background-color: var(--colorNeutralBackground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
}

.fl-table.fl-submission-table {
  min-width: 340px;
}
.fl-table.fl-submission-table tr[id] {
  scroll-margin-top: 64px;
}
.fl-table.fl-submission-table tr[id]:target {
  background-color: var(--colorSubtleBackgroundHover);
}
.fl-table.fl-submission-table .is-batched .fl-submission-table__n {
  padding-left: 32px;
}
.fl-table.fl-submission-table .has-more td {
  border-bottom: none;
}

.fl-submission-table__n {
  width: 10%;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-submission-table__time,
.fl-submission-table__memory {
  width: 12%;
}

.fl-submission-table__points {
  width: 10%;
}

.fl-submission-batch th,
.fl-submission-batch td {
  height: 36px;
  background-color: var(--colorNeutralBackground2);
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-submission-cell {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
}

.fl-submission-feedback {
  color: var(--colorNeutralForeground2);
  overflow-wrap: anywhere;
}

.fl-table .fl-submission-more td {
  height: auto;
  padding-top: 0;
  padding-bottom: 12px;
}

.fl-submission-details + .fl-submission-details {
  margin-top: 8px;
}
.fl-submission-details summary {
  color: var(--colorBrandForegroundLink);
  cursor: pointer;
}
.fl-submission-details summary .fl-badge {
  margin-left: 4px;
}
.fl-submission-details summary:hover {
  color: var(--colorBrandForegroundLinkHover);
}

.fl-submission-pre {
  max-height: 320px;
  margin: 8px 0 0;
  padding: 8px 12px;
  overflow: auto;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground3);
  color: var(--colorNeutralForeground1);
  font: 13px/20px var(--fontFamilyMonospace);
  white-space: pre;
}

.fl-submission-log {
  margin: 0;
  padding: 12px 16px;
  overflow-x: auto;
  overflow-y: hidden;
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  border-radius: var(--borderRadiusLarge);
  background-color: var(--huscCodeBg);
  color: var(--huscCodeText);
  font: 13px/20px var(--fontFamilyMonospace);
  white-space: pre;
}
.fl-submission-log:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}
.fl-submission-log .ansi1 {
  font-weight: var(--fontWeightBold);
}
.fl-submission-log .ansi3 {
  font-style: italic;
}
.fl-submission-log .ansi4 {
  text-decoration: underline;
}
.fl-submission-log .ansi31,
.fl-submission-log .ansi91 {
  color: var(--colorStatusDangerForeground1);
}
.fl-submission-log .ansi32,
.fl-submission-log .ansi92 {
  color: var(--colorStatusSuccessForeground1);
}
.fl-submission-log .ansi33,
.fl-submission-log .ansi93,
.fl-submission-log .ansi35,
.fl-submission-log .ansi95 {
  color: var(--colorStatusWarningForeground2);
}
.fl-submission-log .ansi34,
.fl-submission-log .ansi94,
.fl-submission-log .ansi36,
.fl-submission-log .ansi96 {
  color: var(--colorBrandForeground1);
}

.fl-submission-traceback {
  max-width: 100%;
}
.fl-submission-traceback pre {
  margin: 0;
}

.fl-submission-lines a {
  display: block;
  color: var(--huscCodeLineNo);
  text-decoration: none;
  scroll-margin-top: 64px;
}
.fl .fl-submission-lines a:hover {
  color: var(--huscCodeText);
  text-decoration: underline;
}
.fl-submission-lines a:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 0;
}
.fl .fl-submission-lines a:target {
  color: var(--huscCodeText);
  font-weight: var(--fontWeightSemibold);
}

.fl-code.fl-submission-code:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 1px;
}

.fl-subs-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
  margin: 0;
  color: var(--colorNeutralForeground2);
}

.fl-subs-tabs {
  margin-left: calc(var(--spacingHorizontalMNudge) * -1);
}

.fl-subs-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}

.fl-subs-filter {
  flex: 1 1 140px;
  max-width: 220px;
}

.fl-subs-search {
  flex: 1 1 220px;
  max-width: 468px;
}

.fl-subs-filters__aside {
  display: flex;
  flex: 1 1 200px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 4px 16px;
  min-width: 0;
  min-height: 32px;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 639.98px) {
  .fl-subs-filter {
    max-width: none;
  }
}
.fl-subs-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.fl-subs-tools {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 20px;
}

.fl-subs-chips {
  flex-wrap: nowrap;
  margin: 0 -20px;
  padding: 2px 20px 4px;
  overflow-x: auto;
}
.fl-subs-chips .fl-chip {
  flex-shrink: 0;
  gap: 8px;
  white-space: nowrap;
}

.fl-subs-chip {
  padding-left: 5px;
}

.fl-subs-chip__count {
  font-variant-numeric: tabular-nums;
}

.fl-subs-intro {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.fl-subs-intro strong {
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
}

.fl-subs-empty {
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  padding: 8px 20px 16px;
}

.fl-subs-foot {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 20px 16px;
}
.fl-subs-foot .fl-table-foot {
  padding: 0;
}

.fl-subs-note {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-subs-note__icon {
  display: flex;
  flex-shrink: 0;
}

.fl-subs-table td {
  padding-top: 6px;
  padding-bottom: 6px;
  white-space: nowrap;
}
.fl-subs-table.fl-subs-table--all {
  min-width: 700px;
}
.fl-subs-table.fl-subs-table--problem {
  min-width: 780px;
}
.fl-subs-table.fl-subs-table--mine {
  min-width: 700px;
}
.fl-subs-table.fl-subs-table--best {
  min-width: 760px;
}
.fl-subs-table .fl-subs-grow {
  width: 100%;
}
.fl-subs-table.fl-subs-table--problem td.fl-subs-grow {
  max-width: 0;
}

.fl-subs-cell {
  position: relative;
}

.fl-subs-row.is-archived,
.fl-subs-m.is-archived {
  opacity: 0.6;
}

.fl-subs-row.is-fresh,
.fl-subs-m.is-fresh {
  animation: fl-subs-fresh 2s var(--curveDecelerateMid);
}

@keyframes fl-subs-fresh {
  from {
    background-color: var(--colorBrandBackground2);
  }
}
.fl-subs-pin-caption,
.fl-subs-table .fl-subs-pin-caption td {
  height: 32px;
  padding: 0 20px;
  background-color: var(--colorNeutralBackground2);
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/32px var(--fontFamilyBase);
}

.fl-table tbody tr.fl-subs-pin-caption:hover {
  background-color: var(--colorNeutralBackground2);
}

.fl-subs-open,
.fl-subs-id {
  text-decoration: none;
}
.fl .fl-subs-open,
.fl .fl-subs-id {
  color: var(--colorBrandForegroundLink);
}
.fl .fl-subs-open:hover,
.fl .fl-subs-id:hover {
  color: var(--colorBrandForegroundLinkHover);
}
.fl .fl-subs-open:active,
.fl .fl-subs-id:active {
  color: var(--colorBrandForegroundLinkPressed);
}

.fl-subs-id:hover,
.fl-subs-open:hover .fl-verdict-label > span:last-child {
  text-decoration: underline;
}

.fl-subs-verdict {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.fl-subs-points {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  font-variant-numeric: tabular-nums;
  vertical-align: middle;
}

.fl-subs-points__bar {
  width: 48px;
}

.fl-subs-dash {
  color: var(--colorNeutralForeground2);
}

.fl-subs-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.fl-subs-pname {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
}
.fl .fl-subs-pname {
  color: var(--colorBrandForegroundLink);
}
.fl .fl-subs-pname:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}

.fl-subs-caption {
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalXS);
  min-width: 0;
  max-width: 100%;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
}

.fl-subs-code {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 13px/16px var(--fontFamilyMonospace);
}

.fl-subs-contest {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: -4px;
  border-radius: var(--borderRadiusMedium);
  text-decoration: none;
}
.fl .fl-subs-contest {
  color: var(--colorNeutralForeground2);
}
.fl .fl-subs-contest:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground2BrandHover);
}

.fl-subs-user {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.fl-subs-when {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-subs-staff {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.fl-subs-rejudge {
  display: inline-flex;
  margin: 0;
}

.fl-subs-table td.fl-subs-staff-cell {
  width: 1%;
}

.fl-subs-m {
  align-items: center;
}

.fl-subs-m__main,
.fl-subs-m__meta {
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalS);
  min-width: 0;
}

.fl-subs-m__meta {
  gap: 6px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
}

.fl-subs-m__info {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fl-subs-m__right,
.fl-subs-m__time {
  justify-self: end;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-subs-m__time {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-subs-m__staff {
  grid-column: 1/-1;
}

.fl-subs-m__main {
  grid-area: 1/1;
}

.fl-subs-m__right {
  grid-area: 1/2;
}

.fl-subs-m__meta {
  grid-area: 2/1;
}

.fl-subs-m__time {
  grid-area: 2/2;
}

.fl-subs-m__open {
  grid-area: 1/1;
}
.fl .fl-subs-m__open:focus-visible {
  outline: none;
}
.fl-subs-m__open:focus-visible::after {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

.fl-subs-m--best {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
.fl-subs-m--best .fl-subs-m__main {
  grid-area: 1/2;
}
.fl-subs-m--best .fl-subs-m__right {
  grid-area: 1/3;
}
.fl-subs-m--best .fl-subs-m__meta {
  grid-area: 2/2;
}
.fl-subs-m--best .fl-subs-m__time {
  grid-area: 2/3;
}
.fl-subs-m--best .fl-subs-m__staff {
  grid-column: 2/-1;
}

.fl-subs-m__rank {
  grid-area: 1/1/span 2;
  min-width: 24px;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.fl-subs-stats__head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.fl-subs-stats__titles {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-subs-stats__bar {
  display: flex;
  gap: 2px;
  height: 24px;
  overflow: hidden;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground3);
}

.fl-subs-stats__part {
  display: block;
  flex-shrink: 1;
  min-width: 2px;
}

.fl-subs-stats--ac {
  background-color: var(--colorPaletteGreenBackground3);
}

.fl-subs-stats--wa {
  background-color: var(--colorPaletteRedBackground3);
}

.fl-subs-stats--ce {
  background-color: var(--colorNeutralForeground3);
}

.fl-subs-stats--tle {
  background-color: var(--colorPaletteDarkOrangeBackground3);
}

.fl-subs-stats--err {
  background-color: var(--colorPaletteMarigoldBackground3);
}

.fl-subs-stats__legend {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.fl-subs-stats__item,
.fl-subs-stats__total {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) auto 44px;
  align-items: start;
  column-gap: var(--spacingHorizontalS);
}

.fl-subs-stats__item {
  margin: 0 calc(var(--spacingHorizontalS) * -1);
  padding: 6px var(--spacingHorizontalS);
  border-radius: var(--borderRadiusMedium);
}
.fl-subs-stats__item:hover {
  background-color: var(--colorSubtleBackgroundHover);
}

.fl-subs-stats__swatch {
  display: block;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  border-radius: var(--borderRadiusSmall);
}

.fl-subs-stats__name {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fl-subs-stats__total {
  align-items: center;
  padding-top: 12px;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  font-weight: var(--fontWeightSemibold);
}
.fl-subs-stats__total .fl-muted {
  font-weight: var(--fontWeightRegular);
}

.fl-subs-problem {
  gap: 12px;
  padding: 16px 20px;
}

.fl-subs-problem__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
}

.fl-subs-problem__id {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.fl-subs-problem__titles {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.fl-subs-problem__name {
  overflow-wrap: anywhere;
}

.fl-subs-problem__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  color: var(--colorNeutralForeground2);
}

.fl-subs-code-chip {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 7px;
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) 13px/20px var(--fontFamilyMonospace);
  white-space: nowrap;
}

.fl-subs-problem__points {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
  color: var(--colorNeutralForeground1);
  white-space: nowrap;
}

.fl-subs-problem__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}

.fl-subs-mark {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--colorNeutralForeground1);
  white-space: nowrap;
}

.fl-subs-mark__icon {
  display: inline-flex;
}

.fl-subs-mark--solved .fl-subs-mark__icon {
  color: var(--colorPaletteGreenForeground1);
}

.fl-subs-mark--attempted .fl-subs-mark__icon {
  color: var(--colorPaletteMarigoldForeground2);
}

.fl-subs-problem__facts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 28px;
  margin: 0;
}

.fl-subs-problem__fact {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fl-subs-problem__fact dt {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-subs-problem__fact dd {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-subs-problem__sep {
  color: var(--colorNeutralForeground3);
  font-weight: var(--fontWeightRegular);
}

.fl-submit-subtitle {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
}

.fl-submit-subtitle__limits {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  white-space: nowrap;
}

.fl-submit-lang {
  display: grid;
  grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
  align-items: center;
  gap: 2px 0;
}

.fl-submit-lang__label {
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
}

.fl-submit-lang__picker {
  grid-column: 1;
  grid-row: 2;
}
.fl-submit-lang__picker .fl-select {
  padding: 0 34px 0 12px;
}

.fl-submit-lang__keys {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding-left: var(--spacingHorizontalL);
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-submit-lang__version {
  grid-column: 1/-1;
  grid-row: 3;
  min-height: var(--lineHeightBase200);
  margin: 0;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-submit-lang__error {
  grid-column: 1/-1;
}

.fl-submit-editor {
  display: flex;
  flex-direction: column;
  gap: var(--spacingVerticalXXS);
  min-width: 0;
}

.fl-submit-editor__head {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.fl-submit-editor__from {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

.fl-submit-editor__full {
  margin-left: auto;
}

.fl-submit-full-off {
  display: none;
}

.fl-submit-editor__frame {
  position: relative;
  z-index: 0;
  height: clamp(320px, 39vw, 560px);
  overflow: hidden;
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  border-radius: var(--borderRadiusLarge);
  background-color: var(--huscCodeBg);
}
.fl-submit-editor__frame::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  height: var(--strokeWidthThick);
  background-color: var(--colorCompoundBrandStroke);
  transform: scaleX(0);
  transition: transform var(--durationUltraFast) var(--curveAccelerateMid);
  pointer-events: none;
}
.fl-submit-editor__frame:focus-within::after {
  transform: scaleX(1);
  transition: transform var(--durationNormal) var(--curveDecelerateMid);
}
.fl-submit-editor__frame .django-ace-editor {
  height: 100%;
}
.fl-submit-editor__frame .django-ace-toolbar {
  display: none;
}
.fl-submit-editor__frame .django-ace-widget {
  position: relative;
  display: block;
}
.fl-submit-editor__frame .django-ace-widget > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fl-submit-editor__frame .django-ace-widget.loading {
  display: none;
}
.fl-submit-editor__frame .django-ace-editor > textarea {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 12px 16px;
  border: none;
  background-color: transparent;
  color: var(--huscCodeText);
  font: 13px/20px var(--fontFamilyMonospace);
  -moz-tab-size: 4;
       tab-size: 4;
  outline: none;
}
.fl-submit-editor__frame .django-ace-editor > textarea:focus-visible {
  outline: none;
}
.fl-submit-editor__frame .ace_editor {
  font-family: var(--fontFamilyMonospace);
}

.fl-submit-editor.is-plain .django-ace-widget {
  display: none;
}

.fl-submit-editor.is-fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 35;
  padding: 8px clamp(16px, 3vw, 40px) 16px;
  background-color: var(--colorNeutralBackground1);
}
.fl-submit-editor.is-fullscreen .fl-submit-editor__frame {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
}
.fl-submit-editor.is-fullscreen .fl-submit-full-on {
  display: none;
}
.fl-submit-editor.is-fullscreen .fl-submit-full-off {
  display: inline-flex;
}

body.fl-submit-fullscreen {
  overflow: hidden;
}

.fl-submit-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 12px 16px;
}

.fl-submit-status {
  flex: 1 1 240px;
  min-width: 0;
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}
.fl-submit-status .is-over {
  color: var(--colorStatusDangerForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-submit-status__draft:not(:empty)::before {
  content: "·";
  padding: 0 4px;
}

.fl-submit-quota {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin: 0;
  color: var(--colorNeutralForeground1);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-submit-quota__icon {
  display: inline-flex;
  color: var(--colorNeutralForeground3);
}

.fl-submit-quota__left {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-submit-quota__left::before {
  content: "·";
  padding-right: 8px;
}
.is-exhausted .fl-submit-quota__left {
  color: var(--colorStatusDangerForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-submit-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.fl-submit-judge .fl-select {
  width: auto;
  min-width: 180px;
}

.fl-interactive-notice .fl-msgbar__title {
  display: block;
  margin: 0 0 4px;
}
.fl-interactive-notice .fl-prose code {
  background-color: var(--colorNeutralBackground1);
}

.fl-submit-problem {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.fl-submit-problem__name {
  margin: 0;
  font-weight: var(--fontWeightSemibold);
  overflow-wrap: anywhere;
}

.fl-submit-problem__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
  margin: 0;
}

.fl-submit-problem__code {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) 13px/var(--lineHeightBase300) var(--fontFamilyMonospace);
}

.fl-submit-facts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

.fl-submit-facts__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  min-height: 24px;
}
.fl-submit-facts__row dt {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--colorNeutralForeground2);
}
.fl-submit-facts__row dt .fl-icon {
  color: var(--colorNeutralForeground3);
}
.fl-submit-facts__row dd {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-submit-facts .fl-submit-facts__langs {
  flex-basis: 100%;
  flex-wrap: wrap;
  gap: 2px 12px;
  padding-left: 24px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: normal;
}

.fl-submit-more {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 4px;
}

.fl-submit-recent {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 -8px;
}

.fl-submit-recent__item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 6px 8px;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorSubtleBackground);
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl .fl-submit-recent__item:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground1Hover);
  text-decoration: none;
}
.fl .fl-submit-recent__item:active {
  background-color: var(--colorSubtleBackgroundPressed);
  color: var(--colorNeutralForeground1Pressed);
}
.fl-submit-recent__item:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

.fl-submit-recent__badge {
  display: flex;
  flex: none;
  min-width: 48px;
}

.fl-submit-recent__main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
}

.fl-submit-recent__meta {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-submit-recent__points {
  display: flex;
  flex: none;
  justify-content: flex-end;
  min-width: 48px;
  color: var(--colorNeutralForeground2);
}
.fl-submit-recent__points .fl-points {
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  color: var(--colorNeutralForeground1);
}

.fl-submit-recent__chevron {
  display: flex;
  flex: none;
  color: var(--colorNeutralForeground3);
}

.fl-submit-notes {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--colorNeutralForeground1);
}
.fl-submit-notes li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.fl-submit-notes li::before {
  content: "";
  flex: none;
  width: 4px;
  height: 4px;
  margin-top: 8px;
  border-radius: var(--borderRadiusCircular);
  background-color: var(--colorNeutralForeground3);
}

.fl-users-top {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.fl-users-tabs {
  margin-left: calc(var(--spacingHorizontalMNudge) * -1);
}

.fl-users-main {
  gap: 16px;
}

.fl-users-tools {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 20px;
}

.fl-users-tools__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
}

.fl-users-search {
  flex: 1 1 240px;
  max-width: 360px;
}

.fl-users-sort {
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalS);
  min-width: 0;
}
.fl-users-sort label {
  white-space: nowrap;
}
.fl-users-sort .fl-select {
  min-width: 176px;
}

.fl-users-table {
  min-width: 664px;
}
.fl-users-table th.fl-sort:last-child .fl-sort__link {
  padding-right: 20px;
}
.fl-users-table tbody tr.is-target,
.fl-users-table tbody tr.is-target:hover {
  background-color: var(--colorBrandBackground2);
}
.fl-users-table tbody tr.is-target td,
.fl-users-table tbody tr.is-target:hover td {
  box-shadow: inset 0 var(--strokeWidthThick) 0 var(--colorCompoundBrandStroke), inset 0 calc(var(--strokeWidthThick) * -1) 0 var(--colorCompoundBrandStroke);
}

.fl-users-col-rank {
  width: 80px;
}

.fl-users-col-points {
  width: 104px;
}

.fl-users-col-rating {
  width: 160px;
}

.fl-users-col-solved {
  width: 136px;
}

.fl-users-arrow {
  display: inline-flex;
}

.fl-users-member {
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalS);
  min-width: 0;
}

.fl-users-member__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.fl-users-member__name {
  overflow-wrap: anywhere;
}
.fl-users-member__name .fl-badge {
  margin-left: 4px;
}

.fl-users-member__org {
  display: block;
  max-width: 320px;
  overflow: hidden;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fl-users-list {
  display: flex;
  flex-direction: column;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-users-item {
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}
.fl-users-item.is-viewer, .fl-users-item.is-target {
  background-color: var(--colorBrandBackground2);
}
.fl-users-item.is-target {
  box-shadow: inset 0 var(--strokeWidthThick) 0 var(--colorCompoundBrandStroke), inset 0 calc(var(--strokeWidthThick) * -1) 0 var(--colorCompoundBrandStroke);
}

.fl-users-item__link {
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalS);
  min-height: 56px;
  padding: 8px 16px;
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl .fl-users-item__link:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground1);
  text-decoration: none;
}
.fl .fl-users-item__link:active {
  background-color: var(--colorSubtleBackgroundPressed);
}
.fl-users-item__link:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

.fl-users-item__rank {
  flex-shrink: 0;
  min-width: 24px;
  color: var(--colorNeutralForeground2);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.fl-users-item__main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.fl-users-item__name {
  max-width: 100%;
  font-weight: var(--fontWeightSemibold);
  overflow-wrap: anywhere;
}
.fl-users-item__name.fl-tier--none {
  font-weight: var(--fontWeightRegular);
}
.fl-users-item__name .fl-badge {
  margin-left: 4px;
}

.fl-users-item__line {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fl-users-item__stat {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  text-align: right;
}

.fl-users-item__value {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-users-item__unit {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  white-space: nowrap;
}

.fl-signin {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  min-width: 0;
}

.fl-signin__card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 400px;
  padding: 32px;
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--colorNeutralBackground1);
  box-shadow: var(--shadow4);
}

.fl-signin__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}

.fl-signin__logo {
  display: block;
  width: 48px;
  height: 48px;
}

.fl-signin__titles {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 100%;
}

.fl-signin__title {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase600)/var(--lineHeightBase600) var(--fontFamilyBase);
  text-wrap: balance;
}

.fl-signin__subtitle {
  color: var(--colorNeutralForeground2);
  text-wrap: balance;
  overflow-wrap: anywhere;
}

.fl-signin__who {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-signin__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.fl-signin-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fl-signin-hint {
  text-wrap: balance;
}

.fl-signin-password {
  position: relative;
  display: flex;
  min-width: 0;
}
.fl-signin-password .fl-input {
  padding-right: 44px;
}

.fl-signin-reveal {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(32px, 72px - 6.25vw, 40px);
  height: clamp(32px, 72px - 6.25vw, 40px);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--borderRadiusMedium);
  background-color: transparent;
  color: var(--colorNeutralForeground2);
  cursor: pointer;
}

.fl-signin-reveal__face {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(24px, 64px - 6.25vw, 32px);
  height: clamp(24px, 64px - 6.25vw, 32px);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorSubtleBackground);
  transition-property: background, color;
  transition-duration: var(--durationFaster);
  transition-timing-function: var(--curveEasyEase);
}
.fl-signin-reveal[aria-pressed=true] .fl-signin-reveal__face {
  background-color: var(--colorSubtleBackgroundSelected);
  color: var(--colorNeutralForeground2BrandSelected);
}
.fl-signin-reveal:hover .fl-signin-reveal__face {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground2BrandHover);
}
.fl-signin-reveal:active .fl-signin-reveal__face {
  background-color: var(--colorSubtleBackgroundPressed);
  color: var(--colorNeutralForeground2BrandPressed);
}

.fl .fl-signin-reveal:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorTransparentStroke);
}
.fl .fl-signin-reveal:focus-visible .fl-signin-reveal__face {
  box-shadow: 0 0 0 var(--strokeWidthThick) var(--colorStrokeFocus2) inset;
}

.fl-signin-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0 12px;
}

.fl-signin-row__check {
  margin-left: -2px;
}

.fl-signin-row__link {
  display: inline-block;
  padding: 6px 0;
}

.fl-signin .fl-signin-code,
.fl-signin .fl-signin-scratch {
  height: 40px;
  text-align: center;
}

.fl-signin .fl-signin-code {
  font: var(--fontWeightRegular) var(--fontSizeBase500)/var(--lineHeightBase500) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}

.fl-signin .fl-signin-scratch {
  font: var(--fontWeightRegular) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyMonospace);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.fl-signin__switch {
  color: var(--colorNeutralForeground2);
  text-align: center;
  text-wrap: balance;
}

.fl-signin__ask,
.fl-signin__switch-link {
  white-space: nowrap;
}

.fl .fl-signin__switch-link {
  text-decoration: underline;
}

.fl-signin__social {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.fl-signin__social-title {
  color: var(--colorNeutralForeground2);
}

.fl-signin__social-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.fl-signin__social-buttons .fl-btn {
  flex: 1 1 96px;
}

.fl-signin__alt {
  color: var(--colorNeutralForeground2);
  text-align: center;
  text-wrap: balance;
}
.fl .fl-signin__alt a:not([class]) {
  text-decoration: underline;
}

.fl-signin__other {
  text-align: center;
}

.fl-signin__link {
  display: inline-block;
  max-width: 100%;
  margin: 0;
  padding: 6px 0;
  border: 0;
  background: none;
  color: var(--colorBrandForegroundLink);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
  cursor: pointer;
}
.fl-signin__link:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}
.fl-signin__link:active {
  color: var(--colorBrandForegroundLinkPressed);
  text-decoration: underline;
}

.fl-signin__note {
  max-width: 400px;
  padding: 0 var(--spacingHorizontalS);
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  text-align: center;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
.fl .fl-signin__note a:not([class]) {
  text-decoration: underline;
}

.fl-tickets-subtitle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
  min-width: 0;
}

.fl-tickets-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 24px;
  min-width: 0;
  margin-top: -8px;
}

.fl-tickets-tabs {
  margin-left: calc(var(--spacingHorizontalMNudge) * -1);
}
.fl-tickets-tabs .fl-badge {
  margin-left: 2px;
  font-variant-numeric: tabular-nums;
}

.fl-tickets-search {
  flex: 1 1 260px;
  max-width: 360px;
}
.fl-tickets-search .fl-input {
  padding-right: 36px;
}

.fl-tickets-search__clear {
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
}

.fl-tickets-table {
  min-width: 720px;
}
.fl-tickets-table td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.fl-tickets-table .fl-tickets-linked {
  width: 26%;
  max-width: 0;
}
.fl-tickets-table .fl-tickets-state {
  width: 96px;
  white-space: nowrap;
}
.fl-tickets-table .fl-num {
  width: 80px;
}
.fl-tickets-table .fl-tickets-updated {
  width: 120px;
  white-space: nowrap;
}

.fl-tickets-table--people {
  min-width: 820px;
}
.fl-tickets-table--people .fl-tickets-linked {
  width: 22%;
}

.fl-tickets-main {
  min-width: 220px;
}

.fl-tickets-stack {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-tickets-title {
  align-self: flex-start;
  max-width: 100%;
  overflow-wrap: anywhere;
  text-decoration: none;
}
.fl .fl-tickets-title {
  color: var(--colorBrandForegroundLink);
}
.fl .fl-tickets-title:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}

.fl-tickets-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 6px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-tickets-problem {
  display: block;
  align-self: flex-start;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
}
.fl .fl-tickets-problem {
  color: var(--colorBrandForegroundLink);
}
.fl .fl-tickets-problem:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}

.fl-tickets-code,
.fl-ticket-code {
  min-width: 0;
  overflow: hidden;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) 13px/16px var(--fontFamilyMonospace);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fl-tickets-who {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-tickets-sender .fl-user {
  overflow-wrap: anywhere;
}

.fl-tickets-assignees {
  min-width: 120px;
  overflow-wrap: anywhere;
}

.fl-rows__item.fl-tickets-m {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px var(--spacingHorizontalL);
}

.fl-tickets-m__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
  min-width: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-tickets-m .fl-user {
  overflow-wrap: anywhere;
}

@keyframes fl-tickets-fresh {
  from {
    background-color: var(--colorBrandBackground2);
  }
  to {
    background-color: transparent;
  }
}
.fl-tickets-row.is-fresh,
.fl-tickets-m.is-fresh {
  animation: fl-tickets-fresh 2s ease-out;
}

.fl-tickets-empty {
  padding: 16px 20px 32px;
}

.fl-tickets-filters {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  margin: 0;
}

.fl-tickets-select:not(.select2-hidden-accessible) {
  width: 100%;
  min-height: 64px;
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
}

.fl-tickets-filters__actions {
  display: flex;
  justify-content: flex-end;
}

.fl-tickets-states {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  margin: 0;
}
.fl-tickets-states dt {
  display: flex;
}
.fl-tickets-states dd {
  margin: 0;
  color: var(--colorNeutralForeground2);
}

.fl-tickets-notify,
.fl-ticket-notify {
  gap: 8px;
}

@media (max-width: 639.98px) {
  .fl-tickets-search {
    flex-basis: 100%;
    max-width: none;
  }
}
.fl-ticket-number {
  color: var(--colorNeutralForeground3);
  font-weight: var(--fontWeightRegular);
  white-space: nowrap;
}

.fl-ticket-facts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
  min-width: 0;
  color: var(--colorNeutralForeground2);
}

.fl-ticket-fact {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.fl-ticket-fact > .fl-icon {
  color: var(--colorNeutralForeground3);
}

.fl-ticket-fact--item {
  min-width: 0;
  white-space: normal;
}
.fl-ticket-fact--item a {
  overflow-wrap: anywhere;
}

.fl-ticket-thread__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
}

.fl-ticket-thread__title {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.fl-ticket-log {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.fl-ticket-day {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.fl-ticket-day::before, .fl-ticket-day::after {
  content: "";
  flex: 1 1 0;
  min-width: 8px;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-ticket-day__label {
  flex: none;
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-ticket-msg {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  max-width: min(100%, 720px);
  min-width: 0;
}

.fl-ticket-msg__bubble {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 8px 16px 12px;
  border-radius: var(--borderRadiusLarge);
  background-color: var(--colorNeutralBackground3);
  color: var(--colorNeutralForeground1);
  overflow-wrap: anywhere;
}

.fl-ticket-msg--mine {
  justify-content: flex-end;
  max-width: none;
}
.fl-ticket-msg--mine .fl-ticket-msg__bubble {
  flex: 0 1 auto;
  max-width: min(640px, 100% - 40px);
  background-color: var(--colorBrandBackground2);
}

.fl-ticket-msg__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 8px;
  min-width: 0;
  margin: 0;
}
.fl-ticket-msg__head time {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}
.fl-ticket-msg__head .fl-user {
  overflow-wrap: anywhere;
}

.fl-ticket-msg__admin {
  margin-left: auto;
}

.fl-ticket-role {
  background-color: transparent;
  color: var(--colorNeutralForeground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke1);
}

.fl-ticket-msg__body code {
  background-color: var(--colorNeutralBackground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
}
.fl-ticket-msg__body pre {
  padding: 8px 12px;
  background-color: var(--colorNeutralBackground1);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
}
.fl-ticket-msg__body pre code {
  box-shadow: none;
}

.fl-ticket-msg.is-fresh .fl-ticket-msg__bubble {
  animation: fl-ticket-fresh 2s ease-out;
}

@keyframes fl-ticket-fresh {
  from {
    box-shadow: 0 0 0 2px var(--colorBrandStroke2);
  }
  to {
    box-shadow: 0 0 0 2px transparent;
  }
}
.fl-ticket-reply {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.fl-ticket-reply__form {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  margin: 0;
}

.fl-ticket-reply__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.fl-ticket-reply__actions form {
  margin: 0;
}

.fl-ticket-closed {
  flex-wrap: wrap;
  row-gap: 8px;
}
.fl-ticket-closed .fl-msgbar__body {
  flex: 1 1 260px;
}
.fl-ticket-closed .fl-msgbar__actions {
  align-self: center;
  margin: 0 0 0 auto;
}
.fl-ticket-closed .fl-msgbar__actions form {
  margin: 0;
}

.fl-ticket-card-head {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.fl-ticket-people {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}

.fl-ticket-person {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.fl-ticket-person__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fl-ticket-person__name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 6px;
  min-width: 0;
}
.fl-ticket-person__name .fl-user {
  overflow-wrap: anywhere;
}

.fl-ticket-person__roles {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-ticket-private {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-ticket-private .fl-icon {
  color: var(--colorNeutralForeground3);
}

.fl-ticket-notes__text {
  overflow-wrap: anywhere;
}

.fl-ticket-notes__edit {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.fl-ticket-notes__edit > summary {
  align-self: flex-start;
  list-style: none;
}
.fl-ticket-notes__edit > summary::-webkit-details-marker {
  display: none;
}

.fl-ticket-notes__form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

.fl-ticket-notes__actions {
  display: flex;
  justify-content: flex-end;
}

.fl-ticket-new {
  gap: 20px;
  margin: 0;
}

.fl-ticket-new__under {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2px 12px;
}
.fl-ticket-new__under > :first-child {
  flex: 1 1 200px;
  min-width: 0;
}

.fl-ticket-new__count {
  flex: none;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fl-ticket-problem {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  border-radius: var(--borderRadiusLarge);
  background-color: var(--colorNeutralBackground2);
}

.fl-ticket-problem__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-ticket-problem__name {
  align-self: flex-start;
  font-weight: var(--fontWeightSemibold);
  overflow-wrap: anywhere;
  text-decoration: none;
}
.fl .fl-ticket-problem__name {
  color: var(--colorBrandForegroundLink);
}
.fl .fl-ticket-problem__name:hover {
  color: var(--colorBrandForegroundLinkHover);
  text-decoration: underline;
}

.fl-ticket-problem__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
}
.fl-ticket-problem__meta .fl-tag {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fl-ticket-steps {
  display: flex;
  flex-direction: column;
  margin: 0;
}

.fl-ticket-step {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 16px;
}
.fl-ticket-step:last-child {
  padding-bottom: 0;
}
.fl-ticket-step:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 28px;
  bottom: 4px;
  left: 11px;
  border-left: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-ticket-step__num {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--borderRadiusCircular);
  background-color: var(--colorNeutralBackground3);
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/1 var(--fontFamilyBase);
}

.fl-ticket-step__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding-top: 2px;
  color: var(--colorNeutralForeground2);
}

.fl-ticket-step__title {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-ticket-previous {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 -8px;
}

.fl-ticket-previous__item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 6px 8px;
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorSubtleBackground);
  text-decoration: none;
}
.fl .fl-ticket-previous__item {
  color: var(--colorNeutralForeground1);
}
.fl .fl-ticket-previous__item:hover {
  background-color: var(--colorSubtleBackgroundHover);
  color: var(--colorNeutralForeground1Hover);
  text-decoration: none;
}
.fl .fl-ticket-previous__item:active {
  background-color: var(--colorSubtleBackgroundPressed);
}
.fl-ticket-previous__item:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: calc(var(--strokeWidthThick) * -1);
}

.fl-ticket-previous__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-ticket-previous__title {
  overflow-wrap: anywhere;
}

.fl-ticket-previous__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 6px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-ticket-previous__chevron {
  display: flex;
  flex: none;
  color: var(--colorNeutralForeground3);
}

.fl-ticket-more {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 4px;
}

.fl-signin--top {
  justify-content: flex-start;
}

.fl-account-text {
  color: var(--colorNeutralForeground1);
  text-wrap: pretty;
}

.fl-account-optional {
  color: var(--colorNeutralForeground2);
}

.fl-account-errors {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.fl-account-match {
  min-height: 0;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}
.fl-account-match:empty {
  display: none;
}

.fl-account-match__text {
  display: flex;
  align-items: flex-start;
  gap: var(--spacingHorizontalXS);
}
.fl-account-match__text .fl-icon {
  margin-top: 2px;
  color: var(--colorPaletteGreenForeground1);
}

.fl-account-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  margin-top: 8px;
}

.fl-account-group__head {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.fl-account-group__title {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyBase);
}

.fl-account-group__text {
  color: var(--colorNeutralForeground2);
  text-wrap: pretty;
}

.fl-account-check {
  align-self: flex-start;
  margin-left: -2px;
}

.fl-account-captcha {
  max-width: 100%;
  overflow-x: auto;
}

.fl-account-submit {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}

.fl-account-terms {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  text-wrap: pretty;
}
.fl .fl-account-terms a:not([class]) {
  text-decoration: underline;
}

.fl-account-orgs:not(.select2-hidden-accessible) {
  width: 100%;
  min-height: 96px;
  padding: 4px;
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
}

.fl-account-orgs__option {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 8px;
  min-width: 0;
}

.fl-account-orgs__members {
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-account-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fl-account-list__item {
  display: flex;
  align-items: flex-start;
  gap: var(--spacingHorizontalS);
  min-width: 0;
  color: var(--colorNeutralForeground1);
  text-wrap: pretty;
}

.fl-account-list__icon {
  display: flex;
  flex-shrink: 0;
  color: var(--colorNeutralForeground2);
}

.fl-account-resend {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fl-account-resend__note {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
  text-align: center;
  text-wrap: balance;
}

.fl-account-resend__done {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacingHorizontalXS);
  color: var(--colorNeutralForeground2);
  text-align: center;
}
.fl-account-resend__done .fl-icon {
  color: var(--colorPaletteGreenForeground1);
}

.fl-account-link {
  display: inline-block;
  padding: 6px 0;
}

.fl-security-steps {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.fl-security-step {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.fl-security-step__title {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyBase);
  text-wrap: balance;
}
.fl-security-step__title label {
  cursor: pointer;
}

.fl-security-step__num {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: var(--borderRadiusCircular);
  background-color: var(--colorBrandBackground2);
  color: var(--colorBrandForeground2);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-security-step__text {
  color: var(--colorNeutralForeground2);
  text-wrap: pretty;
}

.fl-security-qr {
  display: block;
  align-self: center;
  width: 200px;
  max-width: 100%;
  height: auto;
  border-radius: var(--borderRadiusMedium);
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}

.fl-security-secret {
  margin: 0;
}

.fl .fl-security-key {
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyMonospace);
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-user-select: all;
          user-select: all;
}

.fl-security-key__row {
  display: inline-block;
  margin-right: 12px;
  white-space: nowrap;
}
.fl-security-key__row span + span {
  margin-left: 6px;
}

.fl .fl-security-scratch {
  font: var(--fontWeightRegular) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyMonospace);
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.fl-signin .fl-security-anycode {
  height: 40px;
  font: var(--fontWeightRegular) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyMonospace);
  letter-spacing: 0.12em;
  text-align: center;
  text-transform: uppercase;
}

.fl-settings__who {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
  overflow-wrap: anywhere;
}

.fl-settings {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.fl-settings__htabs {
  margin: 0 calc(clamp(16px, 3vw, 40px) * -1);
  padding: 2px max(0px, clamp(16px, 3vw, 40px) - 12px);
  overflow-x: auto;
  overflow-y: hidden;
}

.fl-settings__layout {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  min-width: 0;
}

.fl-settings__nav {
  flex: 0 0 240px;
  min-width: 0;
  padding: var(--spacingVerticalS);
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--colorNeutralBackground1);
  box-shadow: var(--shadow4);
}

.fl-settings__main,
.fl-settings__panel,
.fl-settings__form {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.fl-settings__main {
  width: 100%;
}

.fl-settings__section--rows {
  gap: 0;
}
.fl-settings__section--rows .fl-settings__head {
  padding-bottom: 16px;
}

.fl-settings__head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.fl-settings__title {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase400)/var(--lineHeightBase400) var(--fontFamilyBase);
}

.fl-settings__intro {
  color: var(--colorNeutralForeground2);
}

.fl-settings__subtitle {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}

.fl-settings__fields {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 720px;
  min-width: 0;
}

.fl-settings__group {
  display: flex;
  flex-direction: column;
  gap: var(--spacingVerticalXXS);
  min-width: 0;
}

.fl-settings__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 16px 20px;
  min-width: 0;
}

.fl-settings__checks {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.fl-settings-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.fl-settings-avatar {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.fl-settings-avatar__picture {
  width: 64px;
  height: 64px;
  font-size: var(--fontSizeBase500);
}

.fl-settings-avatar__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
}

.fl-settings-avatar__title {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-settings-avatar__desc {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-settings-readonly {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
}

.fl .fl-settings-readonly__input {
  padding-right: 40px;
  text-overflow: ellipsis;
  border-color: var(--colorTransparentStroke);
  background-color: var(--colorNeutralBackground3);
  background-image: none;
  cursor: default;
}
.fl .fl-settings-readonly__input:hover, .fl .fl-settings-readonly__input:focus {
  border-color: var(--colorTransparentStroke);
}
.fl .fl-settings-readonly__input:focus-visible {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 0;
}

.fl-settings-readonly__lock {
  position: absolute;
  top: 50%;
  right: var(--spacingHorizontalMNudge);
  display: flex;
  color: var(--colorNeutralForeground3);
  transform: translateY(-50%);
}

.fl-settings-md__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 12px;
}

.fl-settings-md__tabs {
  margin-right: calc(var(--spacingHorizontalSNudge) * -1);
  overflow: visible;
}

.fl-settings-textarea {
  position: relative;
  display: flex;
  padding: 0 0 var(--strokeWidthThick);
  border: var(--strokeWidthThin) solid var(--colorNeutralStroke1);
  border-bottom-color: var(--colorNeutralStrokeAccessible);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground1);
}
.fl-settings-textarea:hover {
  border-color: var(--colorNeutralStroke1Hover);
  border-bottom-color: var(--colorNeutralStrokeAccessibleHover);
}
.fl-settings-textarea:focus-within {
  border-color: var(--colorNeutralStroke1Pressed);
  border-bottom-color: var(--colorCompoundBrandStroke);
  box-shadow: inset 0 -1px 0 0 var(--colorCompoundBrandStroke);
  outline: 2px solid transparent;
}

.fl .fl-settings-textarea__input {
  flex-grow: 1;
  width: 100%;
  min-height: 112px;
  max-height: 260px;
  margin: 0;
  padding: var(--spacingVerticalSNudge) calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS));
  border: none;
  background-color: transparent;
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightRegular) var(--fontSizeBase300)/22px var(--fontFamilyBase);
  resize: vertical;
  outline: none;
}

.fl-settings-textarea--invalid:not(:focus-within) {
  border-color: var(--colorPaletteRedBorder2);
}

.fl-settings-md__preview {
  min-height: 116px;
  padding: var(--spacingVerticalSNudge) calc(var(--spacingHorizontalMNudge) + var(--spacingHorizontalXXS)) var(--spacingVerticalM);
  border-radius: var(--borderRadiusMedium);
  background-color: var(--colorNeutralBackground2);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
  overflow-wrap: anywhere;
}
.fl-settings-md__preview pre {
  overflow-x: auto;
}
.fl-settings-md__preview img {
  max-width: 100%;
}

.fl-settings-md__empty {
  color: var(--colorNeutralForeground3);
}

.fl-settings-themes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(176px, 100%), 1fr));
  gap: 12px;
  margin-top: 2px;
}

.fl-settings-theme {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacingVerticalS);
  min-width: 0;
  padding: var(--spacingVerticalS) var(--spacingHorizontalS) var(--spacingVerticalSNudge);
  border-radius: var(--borderRadiusLarge);
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  cursor: pointer;
  transition: background var(--durationFaster) var(--curveEasyEase);
}
.fl-settings-theme:hover {
  background-color: var(--colorNeutralBackground1Hover);
}
.fl-settings-theme:active {
  background-color: var(--colorNeutralBackground1Pressed);
}

.fl .fl-settings-theme__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.fl-settings-theme__ring {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--borderRadiusLarge);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke1);
  pointer-events: none;
}
.fl-settings-theme:hover .fl-settings-theme__ring {
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke1Hover);
}
.fl-settings-theme__input:checked ~ .fl-settings-theme__ring {
  box-shadow: inset 0 0 0 var(--strokeWidthThick) var(--colorCompoundBrandStroke);
}
.fl-settings-theme__input:focus-visible ~ .fl-settings-theme__ring {
  outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
  outline-offset: 2px;
}

.fl-settings-theme__preview {
  position: relative;
  display: block;
  height: 64px;
  overflow: hidden;
  border-radius: var(--borderRadiusMedium);
  box-shadow: inset 0 0 0 var(--strokeWidthThin) var(--colorNeutralStroke2);
}

.fl-settings-theme__page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  --fl-theme-ink: var(--colorNeutralForeground1Static);
  background-color: var(--colorNeutralForegroundStaticInverted);
}

.fl-settings-theme__page--dark {
  --fl-theme-ink: var(--colorNeutralForegroundStaticInverted);
  background-color: var(--colorNeutralForeground1Static);
}

.fl-settings-theme__preview--auto .fl-settings-theme__page--dark {
  clip-path: inset(0 0 0 50%);
}

.fl-settings-theme__bar,
.fl-settings-theme__logo,
.fl-settings-theme__heading,
.fl-settings-theme__card,
.fl-settings-theme__line,
.fl-settings-theme__button {
  position: absolute;
  display: block;
  border-radius: var(--borderRadiusSmall);
  background-color: var(--fl-theme-ink);
}

.fl-settings-theme__bar {
  top: 0;
  right: 0;
  left: 0;
  height: 12px;
  border-radius: 0;
  opacity: 0.08;
}

.fl-settings-theme__logo {
  top: 4px;
  left: 8px;
  width: 14px;
  height: 4px;
  background-color: var(--colorBrandBackgroundStatic);
}

.fl-settings-theme__heading {
  top: 20px;
  left: 10px;
  width: 38%;
  height: 6px;
  opacity: 0.65;
}

.fl-settings-theme__card {
  top: 32px;
  right: 10px;
  bottom: 8px;
  left: 10px;
  border-radius: var(--borderRadiusMedium);
  opacity: 0.08;
}

.fl-settings-theme__line {
  top: 40px;
  left: 18px;
  width: 42%;
  height: 4px;
  opacity: 0.32;
}

.fl-settings-theme__line--short {
  top: 48px;
  width: 26%;
}

.fl-settings-theme__button {
  top: 40px;
  right: 18px;
  width: 24px;
  height: 12px;
  background-color: var(--colorBrandBackgroundStatic);
}

.fl-settings-theme__label {
  display: flex;
  align-items: center;
  gap: var(--spacingHorizontalS);
  min-width: 0;
  padding: 0 var(--spacingHorizontalXXS);
}

.fl-settings-theme__dot {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border: var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);
  border-radius: var(--borderRadiusCircular);
}
.fl-settings-theme__input:checked ~ .fl-settings-theme__label .fl-settings-theme__dot {
  border-color: var(--colorCompoundBrandStroke);
  background-image: radial-gradient(circle, var(--colorCompoundBrandForeground1) 0 4.5px, transparent 5px);
}

.fl-settings-orgs {
  display: flex;
  flex-direction: column;
  border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-settings-org {
  display: flex;
  align-items: flex-start;
  gap: var(--spacingHorizontalM);
  min-width: 0;
  padding: 12px 0;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-settings-org__pos {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  border-radius: var(--borderRadiusCircular);
  background-color: var(--colorNeutralBackground3);
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightSemibold) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  font-variant-numeric: tabular-nums;
}

.fl-settings-org__body {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  min-width: 0;
}

.fl-settings-org__text {
  display: flex;
  flex: 1 1 240px;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-settings-org__name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
}

.fl-settings-org__link {
  font-weight: var(--fontWeightSemibold);
  overflow-wrap: anywhere;
}

.fl-settings-org__meta,
.fl-settings-org__leaving,
.fl-settings-orgs__count {
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-settings-org__meta {
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.fl-settings-org__leaving {
  display: flex;
  align-items: center;
  gap: 4px;
}
.fl-settings-org__leaving .fl-icon {
  color: var(--colorPaletteDarkOrangeForeground1);
}

.fl-settings-org__actions {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}

.fl-settings-org__leave {
  margin-left: 4px;
}

.fl-settings-orgs__empty {
  color: var(--colorNeutralForeground2);
}

.fl-settings-orgs__add {
  max-width: 400px;
}

.fl-settings-orgs__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
}

.fl-settings-row {
  display: flex;
  align-items: flex-start;
  gap: var(--spacingHorizontalM);
  min-width: 0;
  padding: 16px 0;
  border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
}

.fl-settings-row__icon {
  display: flex;
  flex-shrink: 0;
  color: var(--colorNeutralForeground2);
}

.fl-settings-row__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.fl-settings-row__main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  min-width: 0;
}

.fl-settings-row__text {
  display: flex;
  flex: 1 1 280px;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.fl-settings-row__heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
}

.fl-settings-row__title {
  color: var(--colorNeutralForeground1);
  font: var(--fontWeightSemibold) var(--fontSizeBase300)/var(--lineHeightBase300) var(--fontFamilyBase);
}

.fl-settings-row__desc,
.fl-settings-row__note {
  max-width: 640px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  overflow-wrap: anywhere;
}

.fl-settings-row__actions {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 8px;
}

.fl-settings-secret {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.fl-settings-secret:empty {
  display: none;
}

.fl-settings-secret__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}

.fl-settings-secret__title {
  color: var(--colorNeutralForeground1);
  font-weight: var(--fontWeightSemibold);
}

.fl-settings-secret__state {
  margin-left: 4px;
  color: var(--colorNeutralForeground3);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
}

.fl-settings-secret__output {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.fl-settings-secret__box {
  margin: 0;
}

.fl .fl-settings-secret__token {
  white-space: pre-wrap;
  word-break: break-all;
}

.fl-settings-keys {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.fl-settings-keys__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.fl-settings-keys__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.fl-settings-keys__name {
  min-width: 0;
  overflow-wrap: anywhere;
}

.fl-settings-keys__add {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.fl-settings-keys__add .fl-input {
  flex: 1 1 200px;
  width: auto;
}

.fl-settings__bar {
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px 16px;
  min-width: 0;
  padding: 12px clamp(12px, 3vw, 20px);
  border-radius: var(--borderRadiusXLarge);
  background-color: var(--colorNeutralBackground1);
  box-shadow: var(--shadow8);
}
.fl-settings__bar.is-dirty {
  position: sticky;
  bottom: var(--spacingVerticalM);
}

.fl-settings__status {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: 6px;
  min-width: 96px;
  color: var(--colorNeutralForeground2);
  font: var(--fontWeightRegular) var(--fontSizeBase200)/var(--lineHeightBase200) var(--fontFamilyBase);
  text-wrap: pretty;
}

.fl-settings__saved {
  display: flex;
  flex-shrink: 0;
  color: var(--colorStatusSuccessForeground1);
}

.fl-settings__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.fl-settings input,
.fl-settings select,
.fl-settings textarea,
.fl-settings button,
.fl-settings a {
  scroll-margin-bottom: 96px;
}

@media print {
  .fl-skip,
  .fl-shell,
  .fl-notices,
  .fl-footer,
  .fl-columns__aside,
  .fl-comments,
  .fl-btn,
  .fl-tabs,
  .fl-pager,
  .fl-breadcrumb,
  .fl-ranking-search,
  form[role=search] {
    display: none !important;
  }
  body.fl {
    display: block;
    min-height: 0;
    background-color: var(--colorNeutralBackground1);
  }
  .fl-main {
    max-width: none;
    padding: 0;
  }
  .fl-card {
    box-shadow: none;
    border: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
  }
  .fl-scroll,
  .fl-table-wrap,
  .fl-ranking-scroll,
  .fl-code,
  .fl-submission-pre,
  .fl-submission-log,
  .fl-prose table,
  .fl-prose mjx-container[display=true] {
    max-height: none !important;
    overflow: visible !important;
  }
  .fl pre {
    white-space: pre-wrap !important;
    overflow-wrap: anywhere;
  }
  .fl-ranking-scroll {
    border-bottom: 0;
  }
  .fl-ranking-table {
    min-width: 0 !important;
  }
  .fl-ranking-table th,
  .fl-ranking-table td {
    position: static !important;
  }
  thead {
    display: table-header-group;
  }
  tr {
    break-inside: avoid;
  }
  .fl-code {
    display: block;
    background-color: var(--colorNeutralBackground1);
  }
  .fl-code__gutter {
    display: none;
  }
}