:root {
  --application-subscription-end: hsl(
    var(--application-subscription-end-hsl)/1
  );
  --application-subscription-end-hsl: 196.564
    calc(var(--saturation-factor, 1) * 98.788%) 32.353%;
  --application-subscription-start: hsl(
    var(--application-subscription-start-hsl)/1
  );
  --application-subscription-start-hsl: 234.909
    calc(var(--saturation-factor, 1) * 68.465%) 52.745%;
  --bg-animated-gradient-background-indigo-1: hsl(
    var(--bg-animated-gradient-background-indigo-1-hsl)/1
  );
  --bg-animated-gradient-background-indigo-1-hsl: 241.5
    calc(var(--saturation-factor, 1) * 57.143%) 27.451%;
  --bg-animated-gradient-background-indigo-2: hsl(
    var(--bg-animated-gradient-background-indigo-2-hsl)/1
  );
  --bg-animated-gradient-background-indigo-2-hsl: 257.059
    calc(var(--saturation-factor, 1) * 100%) 20%;
  --bg-animated-gradient-background-not-black: hsl(
    var(--bg-animated-gradient-background-not-black-hsl)/1
  );
  --bg-animated-gradient-background-not-black-hsl: 240
    calc(var(--saturation-factor, 1) * 7.143%) 5.49%;
  --bg-animated-gradient-background-pink-1: hsl(
    var(--bg-animated-gradient-background-pink-1-hsl)/1
  );
  --bg-animated-gradient-background-pink-1-hsl: 327.831
    calc(var(--saturation-factor, 1) * 80.583%) 59.608%;
  --bg-gradient-aurora-1: hsl(var(--bg-gradient-aurora-1-hsl)/1);
  --bg-gradient-aurora-1-hsl: 219.74 calc(var(--saturation-factor, 1) * 86.517%)
    17.451%;
  --bg-gradient-aurora-2: hsl(var(--bg-gradient-aurora-2-hsl)/1);
  --bg-gradient-aurora-2-hsl: 237.778
    calc(var(--saturation-factor, 1) * 76.415%) 41.569%;
  --bg-gradient-aurora-3: hsl(var(--bg-gradient-aurora-3-hsl)/1);
  --bg-gradient-aurora-3-hsl: 183.556
    calc(var(--saturation-factor, 1) * 78.035%) 33.922%;
  --bg-gradient-aurora-4: hsl(var(--bg-gradient-aurora-4-hsl)/1);
  --bg-gradient-aurora-4-hsl: 169.2 calc(var(--saturation-factor, 1) * 60.241%)
    32.549%;
  --bg-gradient-aurora-5: hsl(var(--bg-gradient-aurora-5-hsl)/1);
  --bg-gradient-aurora-5-hsl: 229.839
    calc(var(--saturation-factor, 1) * 92.537%) 26.275%;
  --bg-gradient-blurple-twilight-1: hsl(
    var(--bg-gradient-blurple-twilight-1-hsl)/1
  );
  --bg-gradient-blurple-twilight-1-hsl: 233.904
    calc(var(--saturation-factor, 1) * 79.574%) 53.922%;
  --bg-gradient-blurple-twilight-2: hsl(
    var(--bg-gradient-blurple-twilight-2-hsl)/1
  );
  --bg-gradient-blurple-twilight-2-hsl: 245.294
    calc(var(--saturation-factor, 1) * 63.75%) 31.373%;
  --bg-gradient-chroma-glow-1: hsl(var(--bg-gradient-chroma-glow-1-hsl)/1);
  --bg-gradient-chroma-glow-1-hsl: 183.39
    calc(var(--saturation-factor, 1) * 86.341%) 40.196%;
  --bg-gradient-chroma-glow-2: hsl(var(--bg-gradient-chroma-glow-2-hsl)/1);
  --bg-gradient-chroma-glow-2-hsl: 258.113
    calc(var(--saturation-factor, 1) * 89.831%) 46.275%;
  --bg-gradient-chroma-glow-3: hsl(var(--bg-gradient-chroma-glow-3-hsl)/1);
  --bg-gradient-chroma-glow-3-hsl: 298.491
    calc(var(--saturation-factor, 1) * 90.857%) 34.314%;
  --bg-gradient-chroma-glow-4: hsl(var(--bg-gradient-chroma-glow-4-hsl)/1);
  --bg-gradient-chroma-glow-4-hsl: 264.767
    calc(var(--saturation-factor, 1) * 100%) 66.275%;
  --bg-gradient-chroma-glow-5: hsl(var(--bg-gradient-chroma-glow-5-hsl)/1);
  --bg-gradient-chroma-glow-5-hsl: 206.702
    calc(var(--saturation-factor, 1) * 75.494%) 50.392%;
  --bg-gradient-citrus-sherbert-1: hsl(
    var(--bg-gradient-citrus-sherbert-1-hsl)/1
  );
  --bg-gradient-citrus-sherbert-1-hsl: 39.683
    calc(var(--saturation-factor, 1) * 88.732%) 58.235%;
  --bg-gradient-citrus-sherbert-2: hsl(
    var(--bg-gradient-citrus-sherbert-2-hsl)/1
  );
  --bg-gradient-citrus-sherbert-2-hsl: 18
    calc(var(--saturation-factor, 1) * 81.522%) 63.922%;
  --bg-gradient-cotton-candy-1: hsl(var(--bg-gradient-cotton-candy-1-hsl)/1);
  --bg-gradient-cotton-candy-1-hsl: 349.315
    calc(var(--saturation-factor, 1) * 76.842%) 81.373%;
  --bg-gradient-cotton-candy-2: hsl(var(--bg-gradient-cotton-candy-2-hsl)/1);
  --bg-gradient-cotton-candy-2-hsl: 226.4
    calc(var(--saturation-factor, 1) * 92.593%) 84.118%;
  --bg-gradient-crimson-moon-1: hsl(var(--bg-gradient-crimson-moon-1-hsl)/1);
  --bg-gradient-crimson-moon-1-hsl: 0
    calc(var(--saturation-factor, 1) * 88.608%) 30.98%;
  --bg-gradient-crimson-moon-2: hsl(var(--bg-gradient-crimson-moon-2-hsl)/1);
  --bg-gradient-crimson-moon-2-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --bg-gradient-desert-khaki-1: hsl(var(--bg-gradient-desert-khaki-1-hsl)/1);
  --bg-gradient-desert-khaki-1-hsl: 28.696
    calc(var(--saturation-factor, 1) * 32.394%) 86.078%;
  --bg-gradient-desert-khaki-2: hsl(var(--bg-gradient-desert-khaki-2-hsl)/1);
  --bg-gradient-desert-khaki-2-hsl: 40
    calc(var(--saturation-factor, 1) * 41.284%) 78.627%;
  --bg-gradient-desert-khaki-3: hsl(var(--bg-gradient-desert-khaki-3-hsl)/1);
  --bg-gradient-desert-khaki-3-hsl: 50.164
    calc(var(--saturation-factor, 1) * 49.593%) 75.882%;
  --bg-gradient-dusk-1: hsl(var(--bg-gradient-dusk-1-hsl)/1);
  --bg-gradient-dusk-1-hsl: 292.8 calc(var(--saturation-factor, 1) * 13.514%)
    36.275%;
  --bg-gradient-dusk-2: hsl(var(--bg-gradient-dusk-2-hsl)/1);
  --bg-gradient-dusk-2-hsl: 223.125 calc(var(--saturation-factor, 1) * 41.026%)
    69.412%;
  --bg-gradient-easter-egg-1: hsl(var(--bg-gradient-easter-egg-1-hsl)/1);
  --bg-gradient-easter-egg-1-hsl: 226.731
    calc(var(--saturation-factor, 1) * 58.427%) 65.098%;
  --bg-gradient-easter-egg-2: hsl(var(--bg-gradient-easter-egg-2-hsl)/1);
  --bg-gradient-easter-egg-2-hsl: 227.143
    calc(var(--saturation-factor, 1) * 30.973%) 44.314%;
  --bg-gradient-forest-1: hsl(var(--bg-gradient-forest-1-hsl)/1);
  --bg-gradient-forest-1-hsl: 124.286
    calc(var(--saturation-factor, 1) * 25.926%) 10.588%;
  --bg-gradient-forest-2: hsl(var(--bg-gradient-forest-2-hsl)/1);
  --bg-gradient-forest-2-hsl: 142.5 calc(var(--saturation-factor, 1) * 26.23%)
    23.922%;
  --bg-gradient-forest-3: hsl(var(--bg-gradient-forest-3-hsl)/1);
  --bg-gradient-forest-3-hsl: 76.154 calc(var(--saturation-factor, 1) * 20.635%)
    24.706%;
  --bg-gradient-forest-4: hsl(var(--bg-gradient-forest-4-hsl)/1);
  --bg-gradient-forest-4-hsl: 116.667
    calc(var(--saturation-factor, 1) * 16.981%) 41.569%;
  --bg-gradient-forest-5: hsl(var(--bg-gradient-forest-5-hsl)/1);
  --bg-gradient-forest-5-hsl: 42.766 calc(var(--saturation-factor, 1) * 38.525%)
    47.843%;
  --bg-gradient-hanami-1: hsl(var(--bg-gradient-hanami-1-hsl)/1);
  --bg-gradient-hanami-1-hsl: 352.174
    calc(var(--saturation-factor, 1) * 68.317%) 80.196%;
  --bg-gradient-hanami-2: hsl(var(--bg-gradient-hanami-2-hsl)/1);
  --bg-gradient-hanami-2-hsl: 43.146 calc(var(--saturation-factor, 1) * 73.554%)
    76.275%;
  --bg-gradient-hanami-3: hsl(var(--bg-gradient-hanami-3-hsl)/1);
  --bg-gradient-hanami-3-hsl: 115.714
    calc(var(--saturation-factor, 1) * 43.077%) 74.51%;
  --bg-gradient-lofi-vibes-1: hsl(var(--bg-gradient-lofi-vibes-1-hsl)/1);
  --bg-gradient-lofi-vibes-1-hsl: 219.759
    calc(var(--saturation-factor, 1) * 83.838%) 80.588%;
  --bg-gradient-lofi-vibes-2: hsl(var(--bg-gradient-lofi-vibes-2-hsl)/1);
  --bg-gradient-lofi-vibes-2-hsl: 183.81
    calc(var(--saturation-factor, 1) * 57.798%) 78.627%;
  --bg-gradient-lofi-vibes-3: hsl(var(--bg-gradient-lofi-vibes-3-hsl)/1);
  --bg-gradient-lofi-vibes-3-hsl: 129.6
    calc(var(--saturation-factor, 1) * 46.296%) 78.824%;
  --bg-gradient-lofi-vibes-4: hsl(var(--bg-gradient-lofi-vibes-4-hsl)/1);
  --bg-gradient-lofi-vibes-4-hsl: 75.738
    calc(var(--saturation-factor, 1) * 48.8%) 75.49%;
  --bg-gradient-mars-1: hsl(var(--bg-gradient-mars-1-hsl)/1);
  --bg-gradient-mars-1-hsl: 14.795 calc(var(--saturation-factor, 1) * 36.318%)
    39.412%;
  --bg-gradient-mars-2: hsl(var(--bg-gradient-mars-2-hsl)/1);
  --bg-gradient-mars-2-hsl: 0 calc(var(--saturation-factor, 1) * 36.19%) 41.176%;
  --bg-gradient-midnight-blurple-1: hsl(
    var(--bg-gradient-midnight-blurple-1-hsl)/1
  );
  --bg-gradient-midnight-blurple-1-hsl: 245.077
    calc(var(--saturation-factor, 1) * 55.085%) 53.725%;
  --bg-gradient-midnight-blurple-2: hsl(
    var(--bg-gradient-midnight-blurple-2-hsl)/1
  );
  --bg-gradient-midnight-blurple-2-hsl: 259.024
    calc(var(--saturation-factor, 1) * 74.545%) 10.784%;
  --bg-gradient-mint-apple-1: hsl(var(--bg-gradient-mint-apple-1-hsl)/1);
  --bg-gradient-mint-apple-1-hsl: 165.625
    calc(var(--saturation-factor, 1) * 39.669%) 52.549%;
  --bg-gradient-mint-apple-2: hsl(var(--bg-gradient-mint-apple-2-hsl)/1);
  --bg-gradient-mint-apple-2-hsl: 118.681
    calc(var(--saturation-factor, 1) * 40.444%) 55.882%;
  --bg-gradient-mint-apple-3: hsl(var(--bg-gradient-mint-apple-3-hsl)/1);
  --bg-gradient-mint-apple-3-hsl: 86.667
    calc(var(--saturation-factor, 1) * 48.293%) 59.804%;
  --bg-gradient-neon-nights-1: hsl(var(--bg-gradient-neon-nights-1-hsl)/1);
  --bg-gradient-neon-nights-1-hsl: 176.407
    calc(var(--saturation-factor, 1) * 98.817%) 33.137%;
  --bg-gradient-neon-nights-2: hsl(var(--bg-gradient-neon-nights-2-hsl)/1);
  --bg-gradient-neon-nights-2-hsl: 259.333
    calc(var(--saturation-factor, 1) * 39.474%) 55.294%;
  --bg-gradient-neon-nights-3: hsl(var(--bg-gradient-neon-nights-3-hsl)/1);
  --bg-gradient-neon-nights-3-hsl: 313.548
    calc(var(--saturation-factor, 1) * 52.542%) 46.275%;
  --bg-gradient-retro-raincloud-1: hsl(
    var(--bg-gradient-retro-raincloud-1-hsl)/1
  );
  --bg-gradient-retro-raincloud-1-hsl: 201.553
    calc(var(--saturation-factor, 1) * 47.032%) 42.941%;
  --bg-gradient-retro-raincloud-2: hsl(
    var(--bg-gradient-retro-raincloud-2-hsl)/1
  );
  --bg-gradient-retro-raincloud-2-hsl: 241.017
    calc(var(--saturation-factor, 1) * 29.648%) 60.98%;
  --bg-gradient-retro-storm-1: hsl(var(--bg-gradient-retro-storm-1-hsl)/1);
  --bg-gradient-retro-storm-1-hsl: 201.553
    calc(var(--saturation-factor, 1) * 47.032%) 42.941%;
  --bg-gradient-retro-storm-2: hsl(var(--bg-gradient-retro-storm-2-hsl)/1);
  --bg-gradient-retro-storm-2-hsl: 240.896
    calc(var(--saturation-factor, 1) * 27.801%) 47.255%;
  --bg-gradient-sepia-1: hsl(var(--bg-gradient-sepia-1-hsl)/1);
  --bg-gradient-sepia-1-hsl: 32.727 calc(var(--saturation-factor, 1) * 14.163%)
    45.686%;
  --bg-gradient-sepia-2: hsl(var(--bg-gradient-sepia-2-hsl)/1);
  --bg-gradient-sepia-2-hsl: 36.207 calc(var(--saturation-factor, 1) * 46.774%)
    24.314%;
  --bg-gradient-strawberry-lemonade-1: hsl(
    var(--bg-gradient-strawberry-lemonade-1-hsl)/1
  );
  --bg-gradient-strawberry-lemonade-1-hsl: 326.98
    calc(var(--saturation-factor, 1) * 74.129%) 39.412%;
  --bg-gradient-strawberry-lemonade-2: hsl(
    var(--bg-gradient-strawberry-lemonade-2-hsl)/1
  );
  --bg-gradient-strawberry-lemonade-2-hsl: 27.778
    calc(var(--saturation-factor, 1) * 71.681%) 44.314%;
  --bg-gradient-strawberry-lemonade-3: hsl(
    var(--bg-gradient-strawberry-lemonade-3-hsl)/1
  );
  --bg-gradient-strawberry-lemonade-3-hsl: 39.588
    calc(var(--saturation-factor, 1) * 80.165%) 52.549%;
  --bg-gradient-sunrise-1: hsl(var(--bg-gradient-sunrise-1-hsl)/1);
  --bg-gradient-sunrise-1-hsl: 326.809
    calc(var(--saturation-factor, 1) * 41.964%) 43.922%;
  --bg-gradient-sunrise-2: hsl(var(--bg-gradient-sunrise-2-hsl)/1);
  --bg-gradient-sunrise-2-hsl: 27.5 calc(var(--saturation-factor, 1) * 44.86%)
    58.039%;
  --bg-gradient-sunrise-3: hsl(var(--bg-gradient-sunrise-3-hsl)/1);
  --bg-gradient-sunrise-3-hsl: 50.286
    calc(var(--saturation-factor, 1) * 46.256%) 44.51%;
  --bg-gradient-sunset-1: hsl(var(--bg-gradient-sunset-1-hsl)/1);
  --bg-gradient-sunset-1-hsl: 259.2 calc(var(--saturation-factor, 1) * 55.556%)
    35.294%;
  --bg-gradient-sunset-2: hsl(var(--bg-gradient-sunset-2-hsl)/1);
  --bg-gradient-sunset-2-hsl: 21.667 calc(var(--saturation-factor, 1) * 66.667%)
    57.647%;
  --bg-gradient-under-the-sea-1: hsl(var(--bg-gradient-under-the-sea-1-hsl)/1);
  --bg-gradient-under-the-sea-1-hsl: 114.783
    calc(var(--saturation-factor, 1) * 10.502%) 42.941%;
  --bg-gradient-under-the-sea-2: hsl(var(--bg-gradient-under-the-sea-2-hsl)/1);
  --bg-gradient-under-the-sea-2-hsl: 158.667
    calc(var(--saturation-factor, 1) * 20.362%) 43.333%;
  --bg-gradient-under-the-sea-3: hsl(var(--bg-gradient-under-the-sea-3-hsl)/1);
  --bg-gradient-under-the-sea-3-hsl: 175.385
    calc(var(--saturation-factor, 1) * 10.924%) 46.667%;
  --checkpoint-emojis-gradient-end: hsl(
    var(--checkpoint-emojis-gradient-end-hsl)/1
  );
  --checkpoint-emojis-gradient-end-hsl: 283.2
    calc(var(--saturation-factor, 1) * 53.191%) 9.216%;
  --checkpoint-emojis-gradient-start: hsl(
    var(--checkpoint-emojis-gradient-start-hsl)/1
  );
  --checkpoint-emojis-gradient-start-hsl: 260.114
    calc(var(--saturation-factor, 1) * 87.129%) 60.392%;
  --checkpoint-emojis-primary: hsl(var(--checkpoint-emojis-primary-hsl)/1);
  --checkpoint-emojis-primary-hsl: 269.011
    calc(var(--saturation-factor, 1) * 88.35%) 79.804%;
  --checkpoint-emojis-secondary: hsl(var(--checkpoint-emojis-secondary-hsl)/1);
  --checkpoint-emojis-secondary-hsl: 268.837
    calc(var(--saturation-factor, 1) * 72.067%) 64.902%;
  --checkpoint-end-gradient-end: hsl(var(--checkpoint-end-gradient-end-hsl)/1);
  --checkpoint-end-gradient-end-hsl: 149.333
    calc(var(--saturation-factor, 1) * 56.962%) 15.49%;
  --checkpoint-end-gradient-start: hsl(
    var(--checkpoint-end-gradient-start-hsl)/1
  );
  --checkpoint-end-gradient-start-hsl: 149.302
    calc(var(--saturation-factor, 1) * 50.588%) 50%;
  --checkpoint-end-primary: hsl(var(--checkpoint-end-primary-hsl)/1);
  --checkpoint-end-primary-hsl: 143.316
    calc(var(--saturation-factor, 1) * 83.55%) 54.706%;
  --checkpoint-end-secondary: hsl(var(--checkpoint-end-secondary-hsl)/1);
  --checkpoint-end-secondary-hsl: 143.673
    calc(var(--saturation-factor, 1) * 78.61%) 36.667%;
  --checkpoint-friends-gradient-end: hsl(
    var(--checkpoint-friends-gradient-end-hsl)/1
  );
  --checkpoint-friends-gradient-end-hsl: 259.481
    calc(var(--saturation-factor, 1) * 79.381%) 19.02%;
  --checkpoint-friends-gradient-start: hsl(
    var(--checkpoint-friends-gradient-start-hsl)/1
  );
  --checkpoint-friends-gradient-start-hsl: 256.018
    calc(var(--saturation-factor, 1) * 96.507%) 55.098%;
  --checkpoint-friends-primary: hsl(var(--checkpoint-friends-primary-hsl)/1);
  --checkpoint-friends-primary-hsl: 234 calc(var(--saturation-factor, 1) * 90%)
    80.392%;
  --checkpoint-friends-secondary: hsl(
    var(--checkpoint-friends-secondary-hsl)/1
  );
  --checkpoint-friends-secondary-hsl: 234
    calc(var(--saturation-factor, 1) * 39.823%) 55.686%;
  --checkpoint-gaming-gradient-end: hsl(
    var(--checkpoint-gaming-gradient-end-hsl)/1
  );
  --checkpoint-gaming-gradient-end-hsl: 28.8
    calc(var(--saturation-factor, 1) * 53.191%) 9.216%;
  --checkpoint-gaming-gradient-start: hsl(
    var(--checkpoint-gaming-gradient-start-hsl)/1
  );
  --checkpoint-gaming-gradient-start-hsl: 27.595
    calc(var(--saturation-factor, 1) * 100%) 53.529%;
  --checkpoint-gaming-primary: hsl(var(--checkpoint-gaming-primary-hsl)/1);
  --checkpoint-gaming-primary-hsl: 34.699
    calc(var(--saturation-factor, 1) * 100%) 51.176%;
  --checkpoint-gaming-secondary: hsl(var(--checkpoint-gaming-secondary-hsl)/1);
  --checkpoint-gaming-secondary-hsl: 26.809
    calc(var(--saturation-factor, 1) * 86.239%) 42.745%;
  --checkpoint-guilds-gradient-end: hsl(
    var(--checkpoint-guilds-gradient-end-hsl)/1
  );
  --checkpoint-guilds-gradient-end-hsl: 170.4
    calc(var(--saturation-factor, 1) * 53.191%) 9.216%;
  --checkpoint-guilds-gradient-start: hsl(
    var(--checkpoint-guilds-gradient-start-hsl)/1
  );
  --checkpoint-guilds-gradient-start-hsl: 169.589
    calc(var(--saturation-factor, 1) * 90.123%) 47.647%;
  --checkpoint-guilds-primary: hsl(var(--checkpoint-guilds-primary-hsl)/1);
  --checkpoint-guilds-primary-hsl: 169.811
    calc(var(--saturation-factor, 1) * 97.546%) 68.039%;
  --checkpoint-guilds-secondary: hsl(var(--checkpoint-guilds-secondary-hsl)/1);
  --checkpoint-guilds-secondary-hsl: 169.672
    calc(var(--saturation-factor, 1) * 68.539%) 34.902%;
  --checkpoint-messages-gradient-end: hsl(
    var(--checkpoint-messages-gradient-end-hsl)/1
  );
  --checkpoint-messages-gradient-end-hsl: 7.2
    calc(var(--saturation-factor, 1) * 53.191%) 9.216%;
  --checkpoint-messages-gradient-start: hsl(
    var(--checkpoint-messages-gradient-start-hsl)/1
  );
  --checkpoint-messages-gradient-start-hsl: 308.75
    calc(var(--saturation-factor, 1) * 98.969%) 61.961%;
  --checkpoint-messages-primary: hsl(var(--checkpoint-messages-primary-hsl)/1);
  --checkpoint-messages-primary-hsl: 315.084
    calc(var(--saturation-factor, 1) * 100%) 64.902%;
  --checkpoint-messages-secondary: hsl(
    var(--checkpoint-messages-secondary-hsl)/1
  );
  --checkpoint-messages-secondary-hsl: 315.319
    calc(var(--saturation-factor, 1) * 70.854%) 39.02%;
  --checkpoint-persona-eight-background-overlay: hsl(
    var(--checkpoint-persona-eight-background-overlay-hsl)/1
  );
  --checkpoint-persona-eight-background-overlay-hsl: 32
    calc(var(--saturation-factor, 1) * 60%) 9.804%;
  --checkpoint-persona-eight-gradient-end: hsl(
    var(--checkpoint-persona-eight-gradient-end-hsl)/1
  );
  --checkpoint-persona-eight-gradient-end-hsl: 31.154
    calc(var(--saturation-factor, 1) * 55.319%) 18.431%;
  --checkpoint-persona-eight-gradient-start: hsl(
    var(--checkpoint-persona-eight-gradient-start-hsl)/1
  );
  --checkpoint-persona-eight-gradient-start-hsl: 39.184
    calc(var(--saturation-factor, 1) * 56.322%) 65.882%;
  --checkpoint-persona-eight-primary: hsl(
    var(--checkpoint-persona-eight-primary-hsl)/1
  );
  --checkpoint-persona-eight-primary-hsl: 39.184
    calc(var(--saturation-factor, 1) * 56.322%) 65.882%;
  --checkpoint-persona-eight-secondary: hsl(
    var(--checkpoint-persona-eight-secondary-hsl)/1
  );
  --checkpoint-persona-eight-secondary-hsl: 39.612
    calc(var(--saturation-factor, 1) * 42.387%) 47.647%;
  --checkpoint-persona-five-background-overlay: hsl(
    var(--checkpoint-persona-five-background-overlay-hsl)/1
  );
  --checkpoint-persona-five-background-overlay-hsl: 339.545
    calc(var(--saturation-factor, 1) * 66.667%) 12.941%;
  --checkpoint-persona-five-gradient-end: hsl(
    var(--checkpoint-persona-five-gradient-end-hsl)/1
  );
  --checkpoint-persona-five-gradient-end-hsl: 339.231
    calc(var(--saturation-factor, 1) * 67.241%) 22.745%;
  --checkpoint-persona-five-gradient-start: hsl(
    var(--checkpoint-persona-five-gradient-start-hsl)/1
  );
  --checkpoint-persona-five-gradient-start-hsl: 339.114
    calc(var(--saturation-factor, 1) * 90.805%) 65.882%;
  --checkpoint-persona-five-primary: hsl(
    var(--checkpoint-persona-five-primary-hsl)/1
  );
  --checkpoint-persona-five-primary-hsl: 339.114
    calc(var(--saturation-factor, 1) * 90.805%) 65.882%;
  --checkpoint-persona-five-secondary: hsl(
    var(--checkpoint-persona-five-secondary-hsl)/1
  );
  --checkpoint-persona-five-secondary-hsl: 338.983
    calc(var(--saturation-factor, 1) * 71.66%) 48.431%;
  --checkpoint-persona-four-background-overlay: hsl(
    var(--checkpoint-persona-four-background-overlay-hsl)/1
  );
  --checkpoint-persona-four-background-overlay-hsl: 312.222
    calc(var(--saturation-factor, 1) * 93.103%) 11.373%;
  --checkpoint-persona-four-gradient-end: hsl(
    var(--checkpoint-persona-four-gradient-end-hsl)/1
  );
  --checkpoint-persona-four-gradient-end-hsl: 7.2
    calc(var(--saturation-factor, 1) * 53.191%) 9.216%;
  --checkpoint-persona-four-gradient-start: hsl(
    var(--checkpoint-persona-four-gradient-start-hsl)/1
  );
  --checkpoint-persona-four-gradient-start-hsl: 308.75
    calc(var(--saturation-factor, 1) * 98.969%) 61.961%;
  --checkpoint-persona-four-primary: hsl(
    var(--checkpoint-persona-four-primary-hsl)/1
  );
  --checkpoint-persona-four-primary-hsl: 312.083
    calc(var(--saturation-factor, 1) * 84.706%) 66.667%;
  --checkpoint-persona-four-secondary: hsl(
    var(--checkpoint-persona-four-secondary-hsl)/1
  );
  --checkpoint-persona-four-secondary-hsl: 315.319
    calc(var(--saturation-factor, 1) * 70.854%) 39.02%;
  --checkpoint-persona-nine-background-overlay: hsl(
    var(--checkpoint-persona-nine-background-overlay-hsl)/1
  );
  --checkpoint-persona-nine-background-overlay-hsl: 0
    calc(var(--saturation-factor, 1) * 0%) 14.902%;
  --checkpoint-persona-nine-gradient-end: hsl(
    var(--checkpoint-persona-nine-gradient-end-hsl)/1
  );
  --checkpoint-persona-nine-gradient-end-hsl: 0
    calc(var(--saturation-factor, 1) * 0%) 24.706%;
  --checkpoint-persona-nine-gradient-start: hsl(
    var(--checkpoint-persona-nine-gradient-start-hsl)/1
  );
  --checkpoint-persona-nine-gradient-start-hsl: 0
    calc(var(--saturation-factor, 1) * 0%) 93.333%;
  --checkpoint-persona-nine-primary: hsl(
    var(--checkpoint-persona-nine-primary-hsl)/1
  );
  --checkpoint-persona-nine-primary-hsl: 0
    calc(var(--saturation-factor, 1) * 0%) 93.333%;
  --checkpoint-persona-nine-secondary: hsl(
    var(--checkpoint-persona-nine-secondary-hsl)/1
  );
  --checkpoint-persona-nine-secondary-hsl: 0
    calc(var(--saturation-factor, 1) * 0%) 66.275%;
  --checkpoint-persona-one-background-overlay: hsl(
    var(--checkpoint-persona-one-background-overlay-hsl)/1
  );
  --checkpoint-persona-one-background-overlay-hsl: 169.5
    calc(var(--saturation-factor, 1) * 76.923%) 10.196%;
  --checkpoint-persona-one-gradient-end: hsl(
    var(--checkpoint-persona-one-gradient-end-hsl)/1
  );
  --checkpoint-persona-one-gradient-end-hsl: 168.98
    calc(var(--saturation-factor, 1) * 59.036%) 16.275%;
  --checkpoint-persona-one-gradient-start: hsl(
    var(--checkpoint-persona-one-gradient-start-hsl)/1
  );
  --checkpoint-persona-one-gradient-start-hsl: 169.811
    calc(var(--saturation-factor, 1) * 97.546%) 68.039%;
  --checkpoint-persona-one-primary: hsl(
    var(--checkpoint-persona-one-primary-hsl)/1
  );
  --checkpoint-persona-one-primary-hsl: 169.811
    calc(var(--saturation-factor, 1) * 97.546%) 68.039%;
  --checkpoint-persona-one-secondary: hsl(
    var(--checkpoint-persona-one-secondary-hsl)/1
  );
  --checkpoint-persona-one-secondary-hsl: 169.672
    calc(var(--saturation-factor, 1) * 68.539%) 34.902%;
  --checkpoint-persona-seven-background-overlay: hsl(
    var(--checkpoint-persona-seven-background-overlay-hsl)/1
  );
  --checkpoint-persona-seven-background-overlay-hsl: 44.516
    calc(var(--saturation-factor, 1) * 100%) 6.078%;
  --checkpoint-persona-seven-gradient-end: hsl(
    var(--checkpoint-persona-seven-gradient-end-hsl)/1
  );
  --checkpoint-persona-seven-gradient-end-hsl: 30.361
    calc(var(--saturation-factor, 1) * 85.567%) 19.02%;
  --checkpoint-persona-seven-gradient-start: hsl(
    var(--checkpoint-persona-seven-gradient-start-hsl)/1
  );
  --checkpoint-persona-seven-gradient-start-hsl: 49.891
    calc(var(--saturation-factor, 1) * 100%) 63.922%;
  --checkpoint-persona-seven-primary: hsl(
    var(--checkpoint-persona-seven-primary-hsl)/1
  );
  --checkpoint-persona-seven-primary-hsl: 49.891
    calc(var(--saturation-factor, 1) * 100%) 63.922%;
  --checkpoint-persona-seven-secondary: hsl(
    var(--checkpoint-persona-seven-secondary-hsl)/1
  );
  --checkpoint-persona-seven-secondary-hsl: 49.935
    calc(var(--saturation-factor, 1) * 74.163%) 40.98%;
  --checkpoint-persona-six-background-overlay: hsl(
    var(--checkpoint-persona-six-background-overlay-hsl)/1
  );
  --checkpoint-persona-six-background-overlay-hsl: 27
    calc(var(--saturation-factor, 1) * 80%) 9.804%;
  --checkpoint-persona-six-gradient-end: hsl(
    var(--checkpoint-persona-six-gradient-end-hsl)/1
  );
  --checkpoint-persona-six-gradient-end-hsl: 28.8
    calc(var(--saturation-factor, 1) * 53.191%) 9.216%;
  --checkpoint-persona-six-gradient-start: hsl(
    var(--checkpoint-persona-six-gradient-start-hsl)/1
  );
  --checkpoint-persona-six-gradient-start-hsl: 27.595
    calc(var(--saturation-factor, 1) * 100%) 53.529%;
  --checkpoint-persona-six-primary: hsl(
    var(--checkpoint-persona-six-primary-hsl)/1
  );
  --checkpoint-persona-six-primary-hsl: 26.834
    calc(var(--saturation-factor, 1) * 100%) 60.98%;
  --checkpoint-persona-six-secondary: hsl(
    var(--checkpoint-persona-six-secondary-hsl)/1
  );
  --checkpoint-persona-six-secondary-hsl: 26.809
    calc(var(--saturation-factor, 1) * 86.239%) 42.745%;
  --checkpoint-persona-three-background-overlay: hsl(
    var(--checkpoint-persona-three-background-overlay-hsl)/1
  );
  --checkpoint-persona-three-background-overlay-hsl: 262.105
    calc(var(--saturation-factor, 1) * 80.282%) 13.922%;
  --checkpoint-persona-three-gradient-end: hsl(
    var(--checkpoint-persona-three-gradient-end-hsl)/1
  );
  --checkpoint-persona-three-gradient-end-hsl: 283.2
    calc(var(--saturation-factor, 1) * 53.191%) 9.216%;
  --checkpoint-persona-three-gradient-start: hsl(
    var(--checkpoint-persona-three-gradient-start-hsl)/1
  );
  --checkpoint-persona-three-gradient-start-hsl: 260.114
    calc(var(--saturation-factor, 1) * 87.129%) 60.392%;
  --checkpoint-persona-three-primary: hsl(
    var(--checkpoint-persona-three-primary-hsl)/1
  );
  --checkpoint-persona-three-primary-hsl: 269.011
    calc(var(--saturation-factor, 1) * 88.35%) 79.804%;
  --checkpoint-persona-three-secondary: hsl(
    var(--checkpoint-persona-three-secondary-hsl)/1
  );
  --checkpoint-persona-three-secondary-hsl: 268.837
    calc(var(--saturation-factor, 1) * 72.067%) 64.902%;
  --checkpoint-persona-two-background-overlay: hsl(
    var(--checkpoint-persona-two-background-overlay-hsl)/1
  );
  --checkpoint-persona-two-background-overlay-hsl: 260.426
    calc(var(--saturation-factor, 1) * 70.149%) 13.137%;
  --checkpoint-persona-two-gradient-end: hsl(
    var(--checkpoint-persona-two-gradient-end-hsl)/1
  );
  --checkpoint-persona-two-gradient-end-hsl: 259.481
    calc(var(--saturation-factor, 1) * 79.381%) 19.02%;
  --checkpoint-persona-two-gradient-start: hsl(
    var(--checkpoint-persona-two-gradient-start-hsl)/1
  );
  --checkpoint-persona-two-gradient-start-hsl: 256.018
    calc(var(--saturation-factor, 1) * 96.507%) 55.098%;
  --checkpoint-persona-two-primary: hsl(
    var(--checkpoint-persona-two-primary-hsl)/1
  );
  --checkpoint-persona-two-primary-hsl: 217.982
    calc(var(--saturation-factor, 1) * 93.162%) 77.059%;
  --checkpoint-persona-two-secondary: hsl(
    var(--checkpoint-persona-two-secondary-hsl)/1
  );
  --checkpoint-persona-two-secondary-hsl: 234
    calc(var(--saturation-factor, 1) * 39.823%) 55.686%;
  --checkpoint-persona-zero-background-overlay: hsl(
    var(--checkpoint-persona-zero-background-overlay-hsl)/1
  );
  --checkpoint-persona-zero-background-overlay-hsl: 148.8
    calc(var(--saturation-factor, 1) * 60.976%) 8.039%;
  --checkpoint-persona-zero-gradient-end: hsl(
    var(--checkpoint-persona-zero-gradient-end-hsl)/1
  );
  --checkpoint-persona-zero-gradient-end-hsl: 149.333
    calc(var(--saturation-factor, 1) * 56.962%) 15.49%;
  --checkpoint-persona-zero-gradient-start: hsl(
    var(--checkpoint-persona-zero-gradient-start-hsl)/1
  );
  --checkpoint-persona-zero-gradient-start-hsl: 149.302
    calc(var(--saturation-factor, 1) * 50.588%) 50%;
  --checkpoint-persona-zero-primary: hsl(
    var(--checkpoint-persona-zero-primary-hsl)/1
  );
  --checkpoint-persona-zero-primary-hsl: 143.804
    calc(var(--saturation-factor, 1) * 83.636%) 56.863%;
  --checkpoint-persona-zero-secondary: hsl(
    var(--checkpoint-persona-zero-secondary-hsl)/1
  );
  --checkpoint-persona-zero-secondary-hsl: 143.673
    calc(var(--saturation-factor, 1) * 78.61%) 36.667%;
  --checkpoint-quests-gradient-end: hsl(
    var(--checkpoint-quests-gradient-end-hsl)/1
  );
  --checkpoint-quests-gradient-end-hsl: 283.2
    calc(var(--saturation-factor, 1) * 53.191%) 9.216%;
  --checkpoint-quests-gradient-start: hsl(
    var(--checkpoint-quests-gradient-start-hsl)/1
  );
  --checkpoint-quests-gradient-start-hsl: 260.114
    calc(var(--saturation-factor, 1) * 87.129%) 60.392%;
  --checkpoint-quests-primary: hsl(var(--checkpoint-quests-primary-hsl)/1);
  --checkpoint-quests-primary-hsl: 269.011
    calc(var(--saturation-factor, 1) * 88.35%) 79.804%;
  --checkpoint-quests-secondary: hsl(var(--checkpoint-quests-secondary-hsl)/1);
  --checkpoint-quests-secondary-hsl: 268.837
    calc(var(--saturation-factor, 1) * 72.067%) 64.902%;
  --checkpoint-voice-gradient-end: hsl(
    var(--checkpoint-voice-gradient-end-hsl)/1
  );
  --checkpoint-voice-gradient-end-hsl: 30.361
    calc(var(--saturation-factor, 1) * 85.567%) 19.02%;
  --checkpoint-voice-gradient-start: hsl(
    var(--checkpoint-voice-gradient-start-hsl)/1
  );
  --checkpoint-voice-gradient-start-hsl: 49.891
    calc(var(--saturation-factor, 1) * 100%) 63.922%;
  --checkpoint-voice-primary: hsl(var(--checkpoint-voice-primary-hsl)/1);
  --checkpoint-voice-primary-hsl: 49.891
    calc(var(--saturation-factor, 1) * 100%) 63.922%;
  --checkpoint-voice-secondary: hsl(var(--checkpoint-voice-secondary-hsl)/1);
  --checkpoint-voice-secondary-hsl: 49.935
    calc(var(--saturation-factor, 1) * 74.163%) 40.98%;
  --checkpoint-welcome-gradient-end: hsl(
    var(--checkpoint-welcome-gradient-end-hsl)/1
  );
  --checkpoint-welcome-gradient-end-hsl: 149.333
    calc(var(--saturation-factor, 1) * 56.962%) 15.49%;
  --checkpoint-welcome-gradient-start: hsl(
    var(--checkpoint-welcome-gradient-start-hsl)/1
  );
  --checkpoint-welcome-gradient-start-hsl: 149.302
    calc(var(--saturation-factor, 1) * 50.588%) 50%;
  --checkpoint-welcome-primary: hsl(var(--checkpoint-welcome-primary-hsl)/1);
  --checkpoint-welcome-primary-hsl: 143.316
    calc(var(--saturation-factor, 1) * 83.55%) 54.706%;
  --checkpoint-welcome-secondary: hsl(
    var(--checkpoint-welcome-secondary-hsl)/1
  );
  --checkpoint-welcome-secondary-hsl: 143.673
    calc(var(--saturation-factor, 1) * 78.61%) 36.667%;
  --guild-boosting-blue: hsl(var(--guild-boosting-blue-hsl)/1);
  --guild-boosting-blue-hsl: 221.132 calc(var(--saturation-factor, 1) * 70.044%)
    55.49%;
  --guild-boosting-blue-for-gradients: hsl(
    var(--guild-boosting-blue-for-gradients-hsl)/1
  );
  --guild-boosting-blue-for-gradients-hsl: 234.909
    calc(var(--saturation-factor, 1) * 68.465%) 52.745%;
  --guild-boosting-pink: hsl(var(--guild-boosting-pink-hsl)/1);
  --guild-boosting-pink-hsl: 302.143 calc(var(--saturation-factor, 1) * 100%)
    72.549%;
  --guild-boosting-pink-refresh: hsl(var(--guild-boosting-pink-refresh-hsl)/1);
  --guild-boosting-pink-refresh-hsl: 315.084
    calc(var(--saturation-factor, 1) * 100%) 64.902%;
  --guild-boosting-purple: hsl(var(--guild-boosting-purple-hsl)/1);
  --guild-boosting-purple-hsl: 269.032
    calc(var(--saturation-factor, 1) * 83.784%) 70.98%;
  --guild-boosting-purple-for-gradients: hsl(
    var(--guild-boosting-purple-for-gradients-hsl)/1
  );
  --guild-boosting-purple-for-gradients-hsl: 269.162
    calc(var(--saturation-factor, 1) * 91.795%) 61.765%;
  --hypesquad-house-1: hsl(var(--hypesquad-house-1-hsl)/1);
  --hypesquad-house-1-hsl: 253.458 calc(var(--saturation-factor, 1) * 76.978%)
    72.745%;
  --hypesquad-house-2: hsl(var(--hypesquad-house-2-hsl)/1);
  --hypesquad-house-2-hsl: 8.511 calc(var(--saturation-factor, 1) * 86.503%)
    68.039%;
  --hypesquad-house-3: hsl(var(--hypesquad-house-3-hsl)/1);
  --hypesquad-house-3-hsl: 168.553 calc(var(--saturation-factor, 1) * 69.091%)
    56.863%;
  --illo-blue-10: hsl(var(--illo-blue-10-hsl)/1);
  --illo-blue-10-hsl: 235.2 calc(var(--saturation-factor, 1) * 100%) 95.098%;
  --illo-blue-20: hsl(var(--illo-blue-20-hsl)/1);
  --illo-blue-20-hsl: 234.737 calc(var(--saturation-factor, 1) * 90.476%)
    87.647%;
  --illo-blue-30: hsl(var(--illo-blue-30-hsl)/1);
  --illo-blue-30-hsl: 234 calc(var(--saturation-factor, 1) * 90%) 80.392%;
  --illo-blue-40: hsl(var(--illo-blue-40-hsl)/1);
  --illo-blue-40-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --illo-blue-50: hsl(var(--illo-blue-50-hsl)/1);
  --illo-blue-50-hsl: 236.25 calc(var(--saturation-factor, 1) * 58.716%) 42.745%;
  --illo-blue-60: hsl(var(--illo-blue-60-hsl)/1);
  --illo-blue-60-hsl: 237.931 calc(var(--saturation-factor, 1) * 72.5%) 31.373%;
  --illo-blue-70: hsl(var(--illo-blue-70-hsl)/1);
  --illo-blue-70-hsl: 240 calc(var(--saturation-factor, 1) * 100%) 20%;
  --illo-green-10: hsl(var(--illo-green-10-hsl)/1);
  --illo-green-10-hsl: 145.385 calc(var(--saturation-factor, 1) * 100%) 94.902%;
  --illo-green-20: hsl(var(--illo-green-20-hsl)/1);
  --illo-green-20-hsl: 144.407 calc(var(--saturation-factor, 1) * 88.06%)
    86.863%;
  --illo-green-30: hsl(var(--illo-green-30-hsl)/1);
  --illo-green-30-hsl: 143.67 calc(var(--saturation-factor, 1) * 87.2%) 75.49%;
  --illo-green-40: hsl(var(--illo-green-40-hsl)/1);
  --illo-green-40-hsl: 143.804 calc(var(--saturation-factor, 1) * 83.636%)
    56.863%;
  --illo-green-50: hsl(var(--illo-green-50-hsl)/1);
  --illo-green-50-hsl: 145.714 calc(var(--saturation-factor, 1) * 70%) 43.137%;
  --illo-green-60: hsl(var(--illo-green-60-hsl)/1);
  --illo-green-60-hsl: 149.048 calc(var(--saturation-factor, 1) * 79.747%)
    30.98%;
  --illo-green-70: hsl(var(--illo-green-70-hsl)/1);
  --illo-green-70-hsl: 152.941 calc(var(--saturation-factor, 1) * 100%) 20%;
  --illo-nitro-blue: hsl(var(--illo-nitro-blue-hsl)/1);
  --illo-nitro-blue-hsl: 240 calc(var(--saturation-factor, 1) * 82.063%) 43.725%;
  --illo-orange-10: hsl(var(--illo-orange-10-hsl)/1);
  --illo-orange-10-hsl: 33.571 calc(var(--saturation-factor, 1) * 100%) 83.529%;
  --illo-orange-20: hsl(var(--illo-orange-20-hsl)/1);
  --illo-orange-20-hsl: 28.029 calc(var(--saturation-factor, 1) * 100%) 73.137%;
  --illo-orange-30: hsl(var(--illo-orange-30-hsl)/1);
  --illo-orange-30-hsl: 25.532 calc(var(--saturation-factor, 1) * 98.947%)
    62.745%;
  --illo-orange-40: hsl(var(--illo-orange-40-hsl)/1);
  --illo-orange-40-hsl: 24.149 calc(var(--saturation-factor, 1) * 99.177%)
    52.353%;
  --illo-orange-50: hsl(var(--illo-orange-50-hsl)/1);
  --illo-orange-50-hsl: 21.391 calc(var(--saturation-factor, 1) * 90.551%)
    49.804%;
  --illo-orange-60: hsl(var(--illo-orange-60-hsl)/1);
  --illo-orange-60-hsl: 18.356 calc(var(--saturation-factor, 1) * 91.632%)
    46.863%;
  --illo-orange-70: hsl(var(--illo-orange-70-hsl)/1);
  --illo-orange-70-hsl: 15 calc(var(--saturation-factor, 1) * 92.035%) 44.314%;
  --illo-pink-10: hsl(var(--illo-pink-10-hsl)/1);
  --illo-pink-10-hsl: 290.4 calc(var(--saturation-factor, 1) * 100%) 95.098%;
  --illo-pink-20: hsl(var(--illo-pink-20-hsl)/1);
  --illo-pink-20-hsl: 308 calc(var(--saturation-factor, 1) * 90.909%) 87.059%;
  --illo-pink-30: hsl(var(--illo-pink-30-hsl)/1);
  --illo-pink-30-hsl: 312 calc(var(--saturation-factor, 1) * 96.154%) 79.608%;
  --illo-pink-40: hsl(var(--illo-pink-40-hsl)/1);
  --illo-pink-40-hsl: 315.084 calc(var(--saturation-factor, 1) * 100%) 64.902%;
  --illo-pink-50: hsl(var(--illo-pink-50-hsl)/1);
  --illo-pink-50-hsl: 309.787 calc(var(--saturation-factor, 1) * 64.977%)
    42.549%;
  --illo-pink-60: hsl(var(--illo-pink-60-hsl)/1);
  --illo-pink-60-hsl: 305.455 calc(var(--saturation-factor, 1) * 76.101%)
    31.176%;
  --illo-pink-70: hsl(var(--illo-pink-70-hsl)/1);
  --illo-pink-70-hsl: 300 calc(var(--saturation-factor, 1) * 100%) 20%;
  --illo-purple-10: hsl(var(--illo-purple-10-hsl)/1);
  --illo-purple-10-hsl: 271.2 calc(var(--saturation-factor, 1) * 100%) 95.098%;
  --illo-purple-20: hsl(var(--illo-purple-20-hsl)/1);
  --illo-purple-20-hsl: 268.966 calc(var(--saturation-factor, 1) * 90.625%)
    87.451%;
  --illo-purple-30: hsl(var(--illo-purple-30-hsl)/1);
  --illo-purple-30-hsl: 269.011 calc(var(--saturation-factor, 1) * 88.35%)
    79.804%;
  --illo-purple-40: hsl(var(--illo-purple-40-hsl)/1);
  --illo-purple-40-hsl: 268.462 calc(var(--saturation-factor, 1) * 85.714%)
    64.314%;
  --illo-purple-50: hsl(var(--illo-purple-50-hsl)/1);
  --illo-purple-50-hsl: 264.275 calc(var(--saturation-factor, 1) * 59.817%)
    42.941%;
  --illo-purple-60: hsl(var(--illo-purple-60-hsl)/1);
  --illo-purple-60-hsl: 260.87 calc(var(--saturation-factor, 1) * 72.327%)
    31.176%;
  --illo-purple-70: hsl(var(--illo-purple-70-hsl)/1);
  --illo-purple-70-hsl: 257.059 calc(var(--saturation-factor, 1) * 100%) 20%;
  --illo-yellow-10: hsl(var(--illo-yellow-10-hsl)/1);
  --illo-yellow-10-hsl: 50 calc(var(--saturation-factor, 1) * 100%) 87.059%;
  --illo-yellow-20: hsl(var(--illo-yellow-20-hsl)/1);
  --illo-yellow-20-hsl: 49.714 calc(var(--saturation-factor, 1) * 100%) 79.412%;
  --illo-yellow-30: hsl(var(--illo-yellow-30-hsl)/1);
  --illo-yellow-30-hsl: 50.069 calc(var(--saturation-factor, 1) * 100%) 71.569%;
  --illo-yellow-40: hsl(var(--illo-yellow-40-hsl)/1);
  --illo-yellow-40-hsl: 49.891 calc(var(--saturation-factor, 1) * 100%) 63.922%;
  --illo-yellow-50: hsl(var(--illo-yellow-50-hsl)/1);
  --illo-yellow-50-hsl: 42.551 calc(var(--saturation-factor, 1) * 89.091%)
    56.863%;
  --illo-yellow-60: hsl(var(--illo-yellow-60-hsl)/1);
  --illo-yellow-60-hsl: 35.942 calc(var(--saturation-factor, 1) * 81.176%) 50%;
  --illo-yellow-70: hsl(var(--illo-yellow-70-hsl)/1);
  --illo-yellow-70-hsl: 30.137 calc(var(--saturation-factor, 1) * 100%) 42.941%;
  --lol-text-dark: hsl(var(--lol-text-dark-hsl)/1);
  --lol-text-dark-hsl: 37.444 calc(var(--saturation-factor, 1) * 81.595%)
    31.961%;
  --lol-text-light: hsl(var(--lol-text-light-hsl)/1);
  --lol-text-light-hsl: 41.143 calc(var(--saturation-factor, 1) * 50.239%)
    59.02%;
  --platform-battlenet: hsl(var(--platform-battlenet-hsl)/1);
  --platform-battlenet-hsl: 199.651 calc(var(--saturation-factor, 1) * 100%)
    44.902%;
  --platform-bungie: hsl(var(--platform-bungie-hsl)/1);
  --platform-bungie-hsl: 196.916 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --platform-crunchyroll: hsl(var(--platform-crunchyroll-hsl)/1);
  --platform-crunchyroll-hsl: 29.289 calc(var(--saturation-factor, 1) * 92.952%)
    55.49%;
  --platform-ebay: hsl(var(--platform-ebay-hsl)/1);
  --platform-ebay-hsl: 211.429 calc(var(--saturation-factor, 1) * 100%) 41.176%;
  --platform-epic-games: hsl(var(--platform-epic-games-hsl)/1);
  --platform-epic-games-hsl: 34.286 calc(var(--saturation-factor, 1) * 6.195%)
    22.157%;
  --platform-facebook: hsl(var(--platform-facebook-hsl)/1);
  --platform-facebook-hsl: 220.714 calc(var(--saturation-factor, 1) * 44.211%)
    37.255%;
  --platform-github: hsl(var(--platform-github-hsl)/1);
  --platform-github-hsl: 0 calc(var(--saturation-factor, 1) * 4.167%) 9.412%;
  --platform-gold: hsl(var(--platform-gold-hsl)/1);
  --platform-gold-hsl: 45.652 calc(var(--saturation-factor, 1) * 100%) 54.902%;
  --platform-lol: hsl(var(--platform-lol-hsl)/1);
  --platform-lol-hsl: 190.286 calc(var(--saturation-factor, 1) * 89.744%) 7.647%;
  --platform-partner: hsl(var(--platform-partner-hsl)/1);
  --platform-partner-hsl: 215.376 calc(var(--saturation-factor, 1) * 82.775%)
    59.02%;
  --platform-paypal: hsl(var(--platform-paypal-hsl)/1);
  --platform-paypal-hsl: 230.455 calc(var(--saturation-factor, 1) * 69.841%)
    24.706%;
  --platform-playstation: hsl(var(--platform-playstation-hsl)/1);
  --platform-playstation-hsl: 220 calc(var(--saturation-factor, 1) * 95.652%)
    27.059%;
  --platform-reddit: hsl(var(--platform-reddit-hsl)/1);
  --platform-reddit-hsl: 16.235 calc(var(--saturation-factor, 1) * 100%) 50%;
  --platform-riot-games: hsl(var(--platform-riot-games-hsl)/1);
  --platform-riot-games-hsl: 349.487 calc(var(--saturation-factor, 1) * 100%)
    45.882%;
  --platform-samsung: hsl(var(--platform-samsung-hsl)/1);
  --platform-samsung-hsl: 231 calc(var(--saturation-factor, 1) * 77.778%)
    35.294%;
  --platform-skype: hsl(var(--platform-skype-hsl)/1);
  --platform-skype-hsl: 196.186 calc(var(--saturation-factor, 1) * 100%) 42.157%;
  --platform-spotify: hsl(var(--platform-spotify-hsl)/1);
  --platform-spotify-hsl: 141.154 calc(var(--saturation-factor, 1) * 72.897%)
    41.961%;
  --platform-steam: hsl(var(--platform-steam-hsl)/1);
  --platform-steam-hsl: 214.615 calc(var(--saturation-factor, 1) * 35.135%)
    14.51%;
  --platform-twitch: hsl(var(--platform-twitch-hsl)/1);
  --platform-twitch-hsl: 264.13 calc(var(--saturation-factor, 1) * 100%) 63.922%;
  --platform-twitch-secondary: hsl(var(--platform-twitch-secondary-hsl)/1);
  --platform-twitch-secondary-hsl: 263.936
    calc(var(--saturation-factor, 1) * 80.342%) 54.118%;
  --platform-twitter: hsl(var(--platform-twitter-hsl)/1);
  --platform-twitter-hsl: 202.817 calc(var(--saturation-factor, 1) * 89.121%)
    53.137%;
  --platform-xbox: hsl(var(--platform-xbox-hsl)/1);
  --platform-xbox-hsl: 120 calc(var(--saturation-factor, 1) * 77.143%) 27.451%;
  --platform-youtube: hsl(var(--platform-youtube-hsl)/1);
  --platform-youtube-hsl: 0.351 calc(var(--saturation-factor, 1) * 72.766%)
    46.078%;
  --premium-nitro-pink-dark: hsl(var(--premium-nitro-pink-dark-hsl)/1);
  --premium-nitro-pink-dark-hsl: 299.45
    calc(var(--saturation-factor, 1) * 43.083%) 50.392%;
  --premium-nitro-pink-light: hsl(var(--premium-nitro-pink-light-hsl)/1);
  --premium-nitro-pink-light-hsl: 299.333
    calc(var(--saturation-factor, 1) * 42.857%) 58.824%;
  --premium-perk-blue: hsl(var(--premium-perk-blue-hsl)/1);
  --premium-perk-blue-hsl: 222.047 calc(var(--saturation-factor, 1) * 100%)
    75.098%;
  --premium-perk-blue-alt: hsl(var(--premium-perk-blue-alt-hsl)/1);
  --premium-perk-blue-alt-hsl: 223.03 calc(var(--saturation-factor, 1) * 100%)
    80.588%;
  --premium-perk-dark-blue: hsl(var(--premium-perk-dark-blue-hsl)/1);
  --premium-perk-dark-blue-hsl: 220.392
    calc(var(--saturation-factor, 1) * 67.401%) 55.49%;
  --premium-perk-gold: hsl(var(--premium-perk-gold-hsl)/1);
  --premium-perk-gold-hsl: 37.5 calc(var(--saturation-factor, 1) * 95.726%)
    54.118%;
  --premium-perk-green: hsl(var(--premium-perk-green-hsl)/1);
  --premium-perk-green-hsl: 163.953 calc(var(--saturation-factor, 1) * 55.128%)
    69.412%;
  --premium-perk-light-blue: hsl(var(--premium-perk-light-blue-hsl)/1);
  --premium-perk-light-blue-hsl: 221.481
    calc(var(--saturation-factor, 1) * 100%) 84.118%;
  --premium-perk-orange: hsl(var(--premium-perk-orange-hsl)/1);
  --premium-perk-orange-hsl: 25.424 calc(var(--saturation-factor, 1) * 96.721%)
    64.118%;
  --premium-perk-pink: hsl(var(--premium-perk-pink-hsl)/1);
  --premium-perk-pink-hsl: 305.197 calc(var(--saturation-factor, 1) * 100%)
    75.098%;
  --premium-perk-purple: hsl(var(--premium-perk-purple-hsl)/1);
  --premium-perk-purple-hsl: 272.079 calc(var(--saturation-factor, 1) * 100%)
    80.196%;
  --premium-perk-yellow: hsl(var(--premium-perk-yellow-hsl)/1);
  --premium-perk-yellow-hsl: 46.813 calc(var(--saturation-factor, 1) * 98.913%)
    63.922%;
  --premium-tier-0-blue: hsl(var(--premium-tier-0-blue-hsl)/1);
  --premium-tier-0-blue-hsl: 201.649 calc(var(--saturation-factor, 1) * 100%)
    38.039%;
  --premium-tier-0-blue-for-gradients: hsl(
    var(--premium-tier-0-blue-for-gradients-hsl)/1
  );
  --premium-tier-0-blue-for-gradients-hsl: 201.649
    calc(var(--saturation-factor, 1) * 100%) 38.039%;
  --premium-tier-0-blue-for-gradients-2: hsl(
    var(--premium-tier-0-blue-for-gradients-2-hsl)/1
  );
  --premium-tier-0-blue-for-gradients-2-hsl: 209.022
    calc(var(--saturation-factor, 1) * 80%) 45.098%;
  --premium-tier-0-header-gradient-1: hsl(
    var(--premium-tier-0-header-gradient-1-hsl)/1
  );
  --premium-tier-0-header-gradient-1-hsl: 240.451
    calc(var(--saturation-factor, 1) * 55.187%) 47.255%;
  --premium-tier-0-header-gradient-2: hsl(
    var(--premium-tier-0-header-gradient-2-hsl)/1
  );
  --premium-tier-0-header-gradient-2-hsl: 224.444
    calc(var(--saturation-factor, 1) * 77.885%) 59.216%;
  --premium-tier-0-header-gradient-3: hsl(
    var(--premium-tier-0-header-gradient-3-hsl)/1
  );
  --premium-tier-0-header-gradient-3-hsl: 246.207
    calc(var(--saturation-factor, 1) * 74.359%) 69.412%;
  --premium-tier-0-header-gradient-4: hsl(
    var(--premium-tier-0-header-gradient-4-hsl)/1
  );
  --premium-tier-0-header-gradient-4-hsl: 294.595
    calc(var(--saturation-factor, 1) * 79.856%) 72.745%;
  --premium-tier-0-header-gradient-5: hsl(
    var(--premium-tier-0-header-gradient-5-hsl)/1
  );
  --premium-tier-0-header-gradient-5-hsl: 336.456
    calc(var(--saturation-factor, 1) * 55.245%) 71.961%;
  --premium-tier-0-purple: hsl(var(--premium-tier-0-purple-hsl)/1);
  --premium-tier-0-purple-hsl: 234.935
    calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --premium-tier-0-purple-for-gradients: hsl(
    var(--premium-tier-0-purple-for-gradients-hsl)/1
  );
  --premium-tier-0-purple-for-gradients-hsl: 234.935
    calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --premium-tier-1-blue: hsl(var(--premium-tier-1-blue-hsl)/1);
  --premium-tier-1-blue-hsl: 227.538 calc(var(--saturation-factor, 1) * 86.667%)
    70.588%;
  --premium-tier-1-blue-for-gradients: hsl(
    var(--premium-tier-1-blue-for-gradients-hsl)/1
  );
  --premium-tier-1-blue-for-gradients-hsl: 234.935
    calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --premium-tier-1-dark-blue-for-gradients: hsl(
    var(--premium-tier-1-dark-blue-for-gradients-hsl)/1
  );
  --premium-tier-1-dark-blue-for-gradients-hsl: 234.909
    calc(var(--saturation-factor, 1) * 68.465%) 52.745%;
  --premium-tier-1-purple: hsl(var(--premium-tier-1-purple-hsl)/1);
  --premium-tier-1-purple-hsl: 243.704 calc(var(--saturation-factor, 1) * 100%)
    84.118%;
  --premium-tier-2-pink: hsl(var(--premium-tier-2-pink-hsl)/1);
  --premium-tier-2-pink-hsl: 342 calc(var(--saturation-factor, 1) * 57.971%)
    72.941%;
  --premium-tier-2-pink-for-gradients: hsl(
    var(--premium-tier-2-pink-for-gradients-hsl)/1
  );
  --premium-tier-2-pink-for-gradients-hsl: 325.385
    calc(var(--saturation-factor, 1) * 31.707%) 51.765%;
  --premium-tier-2-pink-for-gradients-2: hsl(
    var(--premium-tier-2-pink-for-gradients-2-hsl)/1
  );
  --premium-tier-2-pink-for-gradients-2-hsl: 295.42
    calc(var(--saturation-factor, 1) * 51.373%) 50%;
  --premium-tier-2-purple: hsl(var(--premium-tier-2-purple-hsl)/1);
  --premium-tier-2-purple-hsl: 270 calc(var(--saturation-factor, 1) * 86.667%)
    70.588%;
  --premium-tier-2-purple-for-gradients: hsl(
    var(--premium-tier-2-purple-for-gradients-hsl)/1
  );
  --premium-tier-2-purple-for-gradients-hsl: 269.291
    calc(var(--saturation-factor, 1) * 52.697%) 52.745%;
  --premium-tier-2-purple-for-gradients-2: hsl(
    var(--premium-tier-2-purple-for-gradients-2-hsl)/1
  );
  --premium-tier-2-purple-for-gradients-2-hsl: 295.645
    calc(var(--saturation-factor, 1) * 50%) 51.373%;
  --role-blue: hsl(var(--role-blue-hsl)/1);
  --role-blue-hsl: 203.793 calc(var(--saturation-factor, 1) * 64.444%) 35.294%;
  --role-brown: hsl(var(--role-brown-hsl)/1);
  --role-brown-hsl: 23.929 calc(var(--saturation-factor, 1) * 100%) 32.941%;
  --role-burgundy: hsl(var(--role-burgundy-hsl)/1);
  --role-burgundy-hsl: 333.725 calc(var(--saturation-factor, 1) * 79.275%)
    37.843%;
  --role-dark-blue: hsl(var(--role-dark-blue-hsl)/1);
  --role-dark-blue-hsl: 198.947 calc(var(--saturation-factor, 1) * 18.447%)
    40.392%;
  --role-dark-grey: hsl(var(--role-dark-grey-hsl)/1);
  --role-dark-grey-hsl: 199.535 calc(var(--saturation-factor, 1) * 18.298%)
    46.078%;
  --role-dark-purple: hsl(var(--role-dark-purple-hsl)/1);
  --role-dark-purple-hsl: 282.143 calc(var(--saturation-factor, 1) * 43.75%)
    37.647%;
  --role-dark-teal: hsl(var(--role-dark-teal-hsl)/1);
  --role-dark-teal-hsl: 168.108 calc(var(--saturation-factor, 1) * 76.552%)
    28.431%;
  --role-default: hsl(var(--role-default-hsl)/1);
  --role-default-hsl: 203.571 calc(var(--saturation-factor, 1) * 15.909%) 65.49%;
  --role-green: hsl(var(--role-green-hsl)/1);
  --role-green-hsl: 145 calc(var(--saturation-factor, 1) * 63.529%) 33.333%;
  --role-grey: hsl(var(--role-grey-hsl)/1);
  --role-grey-hsl: 202.5 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --role-light-blue: hsl(var(--role-light-blue-hsl)/1);
  --role-light-blue-hsl: 203.571 calc(var(--saturation-factor, 1) * 15.909%)
    65.49%;
  --role-light-green: hsl(var(--role-light-green-hsl)/1);
  --role-light-green-hsl: 145.443 calc(var(--saturation-factor, 1) * 63.2%)
    49.02%;
  --role-light-grey: hsl(var(--role-light-grey-hsl)/1);
  --role-light-grey-hsl: 183.529 calc(var(--saturation-factor, 1) * 8.718%)
    61.765%;
  --role-magenta: hsl(var(--role-magenta-hsl)/1);
  --role-magenta-hsl: 339.606 calc(var(--saturation-factor, 1) * 82.186%)
    51.569%;
  --role-orange: hsl(var(--role-orange-hsl)/1);
  --role-orange-hsl: 28.163 calc(var(--saturation-factor, 1) * 79.675%) 51.765%;
  --role-purple: hsl(var(--role-purple-hsl)/1);
  --role-purple-hsl: 282.581 calc(var(--saturation-factor, 1) * 38.912%) 53.137%;
  --role-salmon: hsl(var(--role-salmon-hsl)/1);
  --role-salmon-hsl: 5.614 calc(var(--saturation-factor, 1) * 78.082%) 57.059%;
  --role-sky-blue: hsl(var(--role-sky-blue-hsl)/1);
  --role-sky-blue-hsl: 204.072 calc(var(--saturation-factor, 1) * 69.874%)
    53.137%;
  --role-tan: hsl(var(--role-tan-hsl)/1);
  --role-tan-hsl: 36.667 calc(var(--saturation-factor, 1) * 86.538%) 40.784%;
  --role-teal: hsl(var(--role-teal-hsl)/1);
  --role-teal-hsl: 168.148 calc(var(--saturation-factor, 1) * 75.701%) 41.961%;
  --role-terracotta: hsl(var(--role-terracotta-hsl)/1);
  --role-terracotta-hsl: 5.546 calc(var(--saturation-factor, 1) * 63.636%)
    36.667%;
  --role-yellow: hsl(var(--role-yellow-hsl)/1);
  --role-yellow-hsl: 48.053 calc(var(--saturation-factor, 1) * 88.976%) 50.196%;
}
.theme-dark {
  --ansi-black: var(--black);
  --ansi-blue: var(--blue-new-39);
  --ansi-bright-black: var(--neutral-40);
  --ansi-bright-blue: var(--illo-blue-30);
  --ansi-bright-cyan: var(--teal-new-26);
  --ansi-bright-green: var(--illo-green-50);
  --ansi-bright-magenta: var(--illo-pink-30);
  --ansi-bright-red: var(--red-new-22);
  --ansi-bright-white: var(--white);
  --ansi-bright-yellow: var(--illo-yellow-60);
  --ansi-cyan: var(--teal-new-39);
  --ansi-green: var(--green-new-38);
  --ansi-magenta: var(--pink-52);
  --ansi-red: var(--red-new-36);
  --ansi-white: var(--neutral-20);
  --ansi-yellow: var(--yellow-new-59);
  --app-frame-background: var(--neutral-78);
  --app-frame-border: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --app-message-embed-secondary-text: hsl(var(--white-hsl)/0.7);
  --background-accent: var(--primary-530);
  --background-base-low: var(--neutral-66);
  --background-base-lower: var(--neutral-69);
  --background-base-lowest: var(--neutral-73);
  --background-brand: var(--blurple-50);
  --background-code: hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196);
  --background-code-addition: hsl(
    var(--opacity-green-12-hsl)/0.12156862745098039
  );
  --background-code-deletion: hsl(
    var(--opacity-red-12-hsl)/0.12156862745098039
  );
  --background-feedback-critical: hsl(
    var(--opacity-red-8-hsl)/0.0784313725490196
  );
  --background-feedback-info: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
  --background-feedback-notification: var(--red-new-46);
  --background-feedback-positive: hsl(
    var(--opacity-green-8-hsl)/0.0784313725490196
  );
  --background-feedback-warning: hsl(
    var(--opacity-yellow-8-hsl)/0.0784313725490196
  );
  --background-mod-muted: hsl(var(--opacity-8-hsl)/0.0784313725490196);
  --background-mod-normal: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --background-mod-strong: hsl(var(--opacity-20-hsl)/0.2);
  --background-mod-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --background-scrim: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
  --background-scrim-lightbox: hsl(
    var(--opacity-black-92-hsl)/0.9215686274509803
  );
  --background-secondary-alt: var(--primary-660);
  --background-surface-high: var(--neutral-64);
  --background-surface-higher: var(--neutral-62);
  --background-surface-highest: var(--neutral-60);
  --background-tile-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.3);
  --background-tile-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.3);
  --background-voice-muted: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
  --badge-background-brand: var(--blurple-50);
  --badge-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --badge-common-background: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --badge-common-border: var(--neutral-35);
  --badge-common-text: var(--neutral-15);
  --badge-epic-background: hsl(var(--illo-purple-40-hsl)/0.24);
  --badge-epic-border-gradient-end: var(--illo-purple-40);
  --badge-epic-border-gradient-start: var(--illo-pink-40);
  --badge-epic-text: var(--illo-purple-30);
  --badge-expressive-background-default: var(--neutral-1);
  --badge-expressive-text-default: var(--neutral-71);
  --badge-mythic-background: hsl(var(--illo-orange-40-hsl)/0.24);
  --badge-mythic-border-gradient-end: var(--illo-orange-40);
  --badge-mythic-border-gradient-start: var(--illo-yellow-40);
  --badge-mythic-text: var(--illo-orange-30);
  --badge-notification-background: var(--red-new-46);
  --badge-rare-background: hsl(var(--illo-blue-40-hsl)/0.24);
  --badge-rare-border-gradient-end: var(--illo-blue-50);
  --badge-rare-border-gradient-start: var(--illo-blue-40);
  --badge-rare-text: var(--illo-blue-30);
  --badge-text-brand: var(--neutral-1);
  --badge-text-default: var(--neutral-1);
  --bg-surface-raised: var(--primary-560);
  --border-feedback-critical: var(--red-new-18);
  --border-feedback-info: var(--blue-new-21);
  --border-feedback-positive: var(--green-new-22);
  --border-feedback-warning: var(--yellow-new-38);
  --border-focus: var(--blue-new-30);
  --border-muted: hsl(var(--opacity-4-hsl)/0.0392156862745098);
  --border-normal: hsl(var(--opacity-20-hsl)/0.2);
  --border-strong: hsl(var(--opacity-44-hsl)/0.4392156862745098);
  --border-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --border-voice-muted: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
  --button-danger-background-disabled: var(--red-new-50);
  --button-outline-brand-background-hover: var(--brand-500);
  --button-outline-brand-border-active: var(--brand-560);
  --button-outline-primary-text: var(--white);
  --card-background-default: var(--neutral-64);
  --card-border-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --card-primary-pressed-bg: var(--primary-645);
  --card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --card-secondary-pressed-bg: var(--primary-645);
  --channel-background-default: var(--neutral-69);
  --channel-icon: var(--neutral-28);
  --channel-text-area-placeholder: var(--primary-430);
  --channels-default: var(--neutral-28);
  --channeltextarea-background: var(--primary-560);
  --chart-brand: var(--blurple-45);
  --chart-categorical-1: var(--blurple-45);
  --chart-categorical-10: var(--yellow-new-70);
  --chart-categorical-2: var(--illo-orange-30);
  --chart-categorical-3: var(--illo-purple-40);
  --chart-categorical-4: var(--teal-new-31);
  --chart-categorical-5: var(--green-new-30);
  --chart-categorical-6: var(--pink-58);
  --chart-categorical-7: var(--yellow-new-32);
  --chart-categorical-8: var(--red-new-45);
  --chart-categorical-9: var(--blue-new-70);
  --chart-mono-1: var(--blurple-15);
  --chart-mono-2: var(--blurple-30);
  --chart-mono-3: var(--blurple-50);
  --chart-mono-4: var(--blurple-63);
  --chart-mono-5: var(--blurple-75);
  --chart-mono-6: var(--blurple-85);
  --chart-mono-7: var(--blurple-95);
  --chart-mono-text-1: var(--neutral-85);
  --chart-mono-text-2: var(--neutral-100);
  --chart-mono-text-3: var(--neutral-1);
  --chart-mono-text-4: var(--neutral-1);
  --chart-mono-text-5: var(--neutral-4);
  --chart-mono-text-6: var(--neutral-13);
  --chart-mono-text-7: var(--neutral-18);
  --chart-negative: var(--red-new-40);
  --chart-neutral: var(--neutral-29);
  --chart-positive: var(--green-new-30);
  --chat-background: var(--primary-600);
  --chat-background-default: var(--neutral-64);
  --chat-border: var(--primary-700);
  --chat-text-muted: var(--neutral-27);
  --checkbox-background-active: var(--blurple-65);
  --checkbox-background-default: hsl(
    var(--opacity-black-8-hsl)/0.0784313725490196
  );
  --checkbox-background-hover: hsl(
    var(--opacity-black-8-hsl)/0.0784313725490196
  );
  --checkbox-background-selected-default: var(--blurple-50);
  --checkbox-background-selected-hover: var(--blurple-60);
  --checkbox-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --checkbox-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098);
  --checkbox-border-hover: hsl(var(--opacity-80-hsl)/0.8);
  --checkbox-border-selected-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --checkbox-border-selected-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --checkbox-icon-active: var(--neutral-1);
  --chip-blurple-dark-background: var(--blurple-70);
  --chip-blurple-dark-text: var(--blurple-1);
  --chip-blurple-light-background: var(--blurple-20);
  --chip-blurple-light-text: var(--blurple-91);
  --chip-blurple-medium-background: var(--blurple-40);
  --chip-blurple-medium-text: var(--blurple-100);
  --chip-gray-dark-background: var(--neutral-75);
  --chip-gray-dark-text: var(--neutral-6);
  --chip-gray-light-background: var(--neutral-10);
  --chip-gray-light-text: var(--neutral-68);
  --chip-gray-medium-background: var(--neutral-40);
  --chip-gray-medium-text: var(--neutral-1);
  --chip-green-dark-background: var(--green-new-70);
  --chip-green-dark-text: var(--green-new-1);
  --chip-green-light-background: var(--green-new-20);
  --chip-green-light-text: var(--green-new-91);
  --chip-green-medium-background: var(--green-new-45);
  --chip-green-medium-text: var(--green-new-96);
  --chip-orange-dark-background: var(--orange-new-70);
  --chip-orange-dark-text: var(--orange-new-1);
  --chip-orange-light-background: var(--orange-new-20);
  --chip-orange-light-text: var(--orange-new-93);
  --chip-orange-medium-background: var(--orange-new-40);
  --chip-orange-medium-text: var(--orange-new-100);
  --chip-pink-dark-background: var(--illo-pink-60);
  --chip-pink-dark-text: var(--neutral-1);
  --chip-pink-light-background: var(--illo-pink-20);
  --chip-pink-light-text: var(--neutral-73);
  --chip-pink-medium-background: var(--illo-pink-40);
  --chip-pink-medium-text: var(--neutral-100);
  --chip-purple-dark-background: var(--illo-purple-60);
  --chip-purple-dark-text: var(--neutral-10);
  --chip-purple-light-background: var(--illo-purple-20);
  --chip-purple-light-text: var(--neutral-75);
  --chip-purple-medium-background: var(--illo-purple-40);
  --chip-purple-medium-text: var(--neutral-100);
  --chip-red-dark-background: var(--red-new-70);
  --chip-red-dark-text: var(--red-new-1);
  --chip-red-light-background: var(--red-new-20);
  --chip-red-light-text: var(--red-new-95);
  --chip-red-medium-background: var(--red-new-45);
  --chip-red-medium-text: var(--red-new-100);
  --chip-yellow-dark-background: var(--yellow-new-70);
  --chip-yellow-dark-text: var(--yellow-new-1);
  --chip-yellow-light-background: var(--yellow-new-20);
  --chip-yellow-light-text: var(--yellow-new-87);
  --chip-yellow-medium-background: var(--yellow-new-45);
  --chip-yellow-medium-text: var(--yellow-new-80);
  --collectibles-tab-gradient-center: var(--illo-pink-40);
  --collectibles-tab-gradient-inner: hsl(var(--illo-pink-30-hsl)/0.5);
  --collectibles-tab-gradient-outer: hsl(var(--illo-pink-30-hsl)/0);
  --content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl)/0.24);
  --content-inventory-overlay-text-primary: hsl(var(--white-hsl)/0.85);
  --content-inventory-overlay-text-secondary: hsl(var(--white-hsl)/0.7);
  --context-menu-backdrop-background: hsl(
    var(--opacity-black-72-hsl)/0.7215686274509804
  );
  --control-brand-foreground: var(--brand-360);
  --control-brand-foreground-new: var(--brand-360);
  --control-connected-background-active: var(--green-new-65);
  --control-connected-background-default: var(--green-new-50);
  --control-connected-background-hover: var(--green-new-60);
  --control-connected-border-active: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-connected-border-default: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-connected-border-hover: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-connected-icon-active: var(--neutral-1);
  --control-connected-icon-default: var(--neutral-1);
  --control-connected-icon-hover: var(--neutral-1);
  --control-connected-text-active: var(--neutral-1);
  --control-connected-text-default: var(--neutral-1);
  --control-connected-text-hover: var(--neutral-1);
  --control-critical-primary-background-active: var(--red-new-65);
  --control-critical-primary-background-default: var(--red-new-50);
  --control-critical-primary-background-hover: var(--red-new-60);
  --control-critical-primary-border-active: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-critical-primary-border-default: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-critical-primary-border-hover: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-critical-primary-icon-active: var(--neutral-1);
  --control-critical-primary-icon-default: var(--neutral-1);
  --control-critical-primary-icon-hover: var(--neutral-1);
  --control-critical-primary-text-active: var(--neutral-1);
  --control-critical-primary-text-default: var(--neutral-1);
  --control-critical-primary-text-hover: var(--neutral-1);
  --control-critical-secondary-background-active: hsl(
    var(--opacity-20-hsl)/0.2
  );
  --control-critical-secondary-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-critical-secondary-background-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-critical-secondary-border-active: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-critical-secondary-border-default: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-critical-secondary-border-hover: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-critical-secondary-icon-active: var(--red-new-18);
  --control-critical-secondary-icon-default: var(--red-new-18);
  --control-critical-secondary-icon-hover: var(--red-new-18);
  --control-critical-secondary-text-active: var(--red-new-18);
  --control-critical-secondary-text-default: var(--red-new-18);
  --control-critical-secondary-text-hover: var(--red-new-18);
  --control-expressive-background-active: var(--neutral-5);
  --control-expressive-background-default: var(--neutral-1);
  --control-expressive-background-hover: var(--neutral-1);
  --control-expressive-border-active: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-expressive-border-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-expressive-border-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-expressive-icon-active: var(--neutral-100);
  --control-expressive-icon-default: var(--neutral-100);
  --control-expressive-icon-hover: var(--neutral-100);
  --control-expressive-text-active: var(--neutral-100);
  --control-expressive-text-default: var(--neutral-100);
  --control-expressive-text-hover: var(--neutral-100);
  --control-icon-only-background-active: hsl(var(--opacity-20-hsl)/0.2);
  --control-icon-only-background-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-icon-only-border-active: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-icon-only-border-hover: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-icon-only-icon-active: var(--neutral-1);
  --control-icon-only-icon-default: var(--neutral-16);
  --control-icon-only-icon-hover: var(--neutral-1);
  --control-overlay-primary-background-active: var(--neutral-17);
  --control-overlay-primary-background-default: var(--neutral-1);
  --control-overlay-primary-background-hover: var(--neutral-9);
  --control-overlay-primary-border-active: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-overlay-primary-border-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-overlay-primary-border-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-overlay-primary-icon-active: var(--neutral-100);
  --control-overlay-primary-icon-default: var(--neutral-100);
  --control-overlay-primary-icon-hover: var(--neutral-100);
  --control-overlay-primary-text-active: var(--neutral-100);
  --control-overlay-primary-text-default: var(--neutral-100);
  --control-overlay-primary-text-hover: var(--neutral-100);
  --control-overlay-secondary-background-active: hsl(
    var(--opacity-black-48-hsl)/0.47843137254901963
  );
  --control-overlay-secondary-background-default: hsl(
    var(--opacity-black-52-hsl)/0.5215686274509804
  );
  --control-overlay-secondary-background-hover: hsl(
    var(--opacity-black-64-hsl)/0.6392156862745098
  );
  --control-overlay-secondary-border-active: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-overlay-secondary-border-default: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-overlay-secondary-border-hover: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-overlay-secondary-icon-active: var(--neutral-1);
  --control-overlay-secondary-icon-default: var(--neutral-1);
  --control-overlay-secondary-icon-hover: var(--neutral-1);
  --control-overlay-secondary-text-active: var(--neutral-1);
  --control-overlay-secondary-text-default: var(--neutral-1);
  --control-overlay-secondary-text-hover: var(--neutral-1);
  --control-primary-background-active: var(--blurple-65);
  --control-primary-background-default: var(--blurple-50);
  --control-primary-background-hover: var(--blurple-60);
  --control-primary-border-active: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-primary-border-default: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-primary-border-hover: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-primary-icon-active: var(--neutral-1);
  --control-primary-icon-default: var(--neutral-1);
  --control-primary-icon-hover: var(--neutral-1);
  --control-primary-text-active: var(--neutral-1);
  --control-primary-text-default: var(--neutral-1);
  --control-primary-text-hover: var(--neutral-1);
  --control-secondary-background-active: hsl(var(--opacity-20-hsl)/0.2);
  --control-secondary-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-secondary-background-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-secondary-border-active: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-secondary-border-default: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-secondary-border-hover: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-secondary-icon-active: var(--neutral-1);
  --control-secondary-icon-default: var(--neutral-1);
  --control-secondary-icon-hover: var(--neutral-1);
  --control-secondary-text-active: var(--neutral-1);
  --control-secondary-text-default: var(--neutral-1);
  --control-secondary-text-hover: var(--neutral-1);
  --creator-revenue-icon-gradient-end: var(--teal-430);
  --creator-revenue-icon-gradient-start: var(--teal-360);
  --creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
  --creator-revenue-info-box-border: var(--teal-400);
  --creator-revenue-locked-channel-icon: var(--teal-345);
  --creator-revenue-progress-bar: var(--teal-400);
  --datepicker-range-background-default: hsl(var(--opacity-blurple-40-hsl)/0.4);
  --datepicker-range-background-hover: hsl(var(--opacity-blurple-60-hsl)/0.6);
  --embed-background: var(--primary-630);
  --embed-background-alternate: var(--primary-600);
  --experimental-avatar-embed-bg: hsl(
    var(--opacity-black-52-hsl)/0.5215686274509804
  );
  --expressive-gradient-blue-end: hsl(var(--illo-blue-60-hsl)/0.45);
  --expressive-gradient-blue-start: hsl(var(--illo-blue-40-hsl)/0.45);
  --expressive-gradient-green-end: hsl(var(--illo-green-70-hsl)/0.45);
  --expressive-gradient-green-start: hsl(var(--illo-green-50-hsl)/0.45);
  --expressive-gradient-nitro-green-end: hsl(var(--illo-nitro-blue-hsl)/0.5);
  --expressive-gradient-nitro-green-start: hsl(var(--illo-green-50-hsl)/0.5);
  --expressive-gradient-nitro-pink-end: hsl(var(--illo-nitro-blue-hsl)/0.5);
  --expressive-gradient-nitro-pink-start: hsl(var(--illo-pink-60-hsl)/0.5);
  --expressive-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.45);
  --expressive-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.45);
  --expressive-gradient-purple-end: hsl(var(--illo-purple-60-hsl)/0.45);
  --expressive-gradient-purple-start: hsl(var(--illo-purple-40-hsl)/0.45);
  --expressive-gradient-tenure-badge-bronze-end: hsl(
    var(--illo-orange-70-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-bronze-start: hsl(
    var(--illo-orange-30-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-diamond-end: hsl(
    var(--illo-purple-50-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-diamond-start: hsl(
    var(--illo-purple-40-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-emerald-end: hsl(
    var(--illo-green-60-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-emerald-start: hsl(
    var(--illo-green-40-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-gold-end: hsl(
    var(--yellow-new-41-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-gold-start: hsl(
    var(--illo-yellow-50-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-opal-end: hsl(var(--blue-new-50-hsl)/0.3);
  --expressive-gradient-tenure-badge-opal-start: hsl(
    var(--teal-new-30-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-platinum-end: hsl(
    var(--teal-new-60-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-platinum-start: hsl(
    var(--teal-new-20-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-ruby-end: hsl(var(--red-new-80-hsl)/0.3);
  --expressive-gradient-tenure-badge-ruby-start: hsl(var(--red-new-44-hsl)/0.3);
  --expressive-gradient-tenure-badge-silver-end: hsl(var(--neutral-58-hsl)/0.3);
  --expressive-gradient-tenure-badge-silver-start: hsl(
    var(--neutral-12-hsl)/0.3
  );
  --gradient-progress-pill-background: var(--neutral-46);
  --guild-profile-banner-background-default: var(--neutral-73);
  --home-background: var(--primary-645);
  --icon-default: var(--neutral-4);
  --icon-feedback-critical: var(--red-new-18);
  --icon-feedback-info: var(--blue-new-21);
  --icon-feedback-notification: var(--red-new-46);
  --icon-feedback-positive: var(--green-new-22);
  --icon-feedback-warning: var(--yellow-new-38);
  --icon-invert: var(--neutral-71);
  --icon-link: var(--blue-new-27);
  --icon-muted: var(--neutral-23);
  --icon-overlay-dark: var(--neutral-71);
  --icon-overlay-light: var(--neutral-1);
  --icon-status-dnd: var(--red-new-45);
  --icon-status-idle: var(--yellow-new-22);
  --icon-status-offline: var(--neutral-27);
  --icon-status-online: var(--green-new-40);
  --icon-strong: var(--neutral-1);
  --icon-subtle: var(--neutral-16);
  --icon-transparent: hsl(var(--transparent-hsl)/0);
  --icon-voice-connected: var(--green-new-25);
  --icon-voice-disconnected: var(--red-new-18);
  --icon-voice-muted: var(--red-new-46);
  --icon-voice-speaking: var(--green-new-40);
  --inlinenotice-border-critical: hsl(
    var(--opacity-red-52-hsl)/0.5215686274509804
  );
  --inlinenotice-border-info: hsl(
    var(--opacity-blue-52-hsl)/0.5215686274509804
  );
  --inlinenotice-border-positive: hsl(
    var(--opacity-green-52-hsl)/0.5215686274509804
  );
  --inlinenotice-border-warning: hsl(
    var(--opacity-yellow-32-hsl)/0.3215686274509804
  );
  --input-background-default: hsl(
    var(--opacity-black-8-hsl)/0.0784313725490196
  );
  --input-background-error-default: hsl(
    var(--opacity-red-4-hsl)/0.0392156862745098
  );
  --input-border-active: var(--blurple-50);
  --input-border-default: hsl(var(--opacity-20-hsl)/0.2);
  --input-border-error-default: var(--red-new-18);
  --input-border-hover: hsl(var(--opacity-20-hsl)/0.2);
  --input-border-readonly: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
  --input-icon-default: var(--neutral-16);
  --input-placeholder-text-default: var(--neutral-25);
  --input-text-default: var(--neutral-4);
  --input-text-error-default: var(--neutral-4);
  --interactive-accent-background-active: var(--blurple-65);
  --interactive-accent-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --interactive-accent-background-hover: var(--blurple-50);
  --interactive-accent-background-selected: var(--blurple-50);
  --interactive-background-active: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --interactive-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --interactive-background-selected: hsl(var(--opacity-20-hsl)/0.2);
  --interactive-icon-active: var(--neutral-1);
  --interactive-icon-default: var(--neutral-16);
  --interactive-icon-hover: var(--neutral-1);
  --interactive-muted: var(--primary-500);
  --interactive-text-active: var(--neutral-1);
  --interactive-text-default: var(--neutral-16);
  --interactive-text-hover: var(--neutral-1);
  --logo-primary: var(--white);
  --mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
  --mention-foreground: var(--blurple-8);
  --message-automod-background-default: hsl(var(--red-400-hsl)/0.05);
  --message-automod-background-hover: hsl(var(--red-400-hsl)/0.1);
  --message-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --message-highlight-background-default: hsl(
    var(--opacity-blurple-16-hsl)/0.1607843137254902
  );
  --message-highlight-background-hover: hsl(
    var(--opacity-blurple-12-hsl)/0.12156862745098039
  );
  --message-mentioned-background-default: hsl(
    var(--opacity-yellow-8-hsl)/0.0784313725490196
  );
  --message-mentioned-background-hover: hsl(
    var(--opacity-yellow-4-hsl)/0.0392156862745098
  );
  --mobile-background-scrim-opaque: var(--black);
  --mobile-expression-picker-background-default: var(--neutral-69);
  --mobile-guildbar-icon-default: var(--neutral-16);
  --mobile-searchbar-gradient-background: var(--neutral-73);
  --mobile-text-heading-primary: var(--neutral-1);
  --modal-background: var(--neutral-64);
  --modal-footer-background: var(--neutral-64);
  --navigator-header-tint: var(--white);
  --nitro-tab-gradient-center: var(--illo-pink-40);
  --nitro-tab-gradient-inner-ring: hsl(var(--illo-blue-40-hsl)/0.5);
  --nitro-tab-gradient-outer-ring: hsl(var(--illo-blue-40-hsl)/0);
  --notice-background-critical: var(--red-new-75);
  --notice-background-info: var(--blue-new-76);
  --notice-background-positive: var(--green-new-77);
  --notice-background-warning: var(--yellow-new-84);
  --notice-text-critical: var(--red-new-1);
  --notice-text-info: var(--blue-new-1);
  --notice-text-positive: var(--green-new-3);
  --notice-text-warning: var(--yellow-new-1);
  --overlay-backdrop-lightbox: hsl(
    var(--opacity-black-92-hsl)/0.9215686274509803
  );
  --panel-bg: var(--neutral-69);
  --polls-normal-image-background: var(--primary-660);
  --polls-victor-fill: hsl(var(--green-360-hsl)/0.2);
  --polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
  --premium-nitro-pink-text: var(--pink-34);
  --profile-gradient-note-background: hsl(var(--black-hsl)/0.3);
  --profile-gradient-overlay: hsl(var(--black-hsl)/0.6);
  --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-hsl)/0.8);
  --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5);
  --profile-gradient-role-pill-border: hsl(var(--white-hsl)/0.2);
  --profile-gradient-section-box: hsl(var(--black-hsl)/0.45);
  --progressbar-indicator-background: var(--blurple-50);
  --progressbar-track-background: hsl(var(--opacity-20-hsl)/0.2);
  --quest-home-tab-gradient-blurple-center: var(--blurple-50);
  --quest-home-tab-gradient-blurple-inner: hsl(var(--blurple-50-hsl)/0.5);
  --quest-home-tab-gradient-blurple-outer: hsl(var(--blurple-50-hsl)/0);
  --radio-background-active: var(--blurple-65);
  --radio-background-default: hsl(
    var(--opacity-black-8-hsl)/0.0784313725490196
  );
  --radio-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
  --radio-background-selected-default: var(--blurple-50);
  --radio-background-selected-hover: var(--blurple-60);
  --radio-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --radio-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098);
  --radio-border-hover: hsl(var(--opacity-80-hsl)/0.8);
  --radio-border-selected-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --radio-border-selected-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --radio-foreground-active: var(--blurple-50);
  --radio-foreground-default: hsl(
    var(--opacity-black-8-hsl)/0.0784313725490196
  );
  --radio-foreground-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
  --radio-thumb-background-active: var(--neutral-1);
  --reaction-background-active: hsl(var(--opacity-20-hsl)/0.2);
  --reaction-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --reaction-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --reaction-background-reacted-default: hsl(
    var(--opacity-blurple-24-hsl)/0.23921568627450981
  );
  --reaction-background-reacted-hover: hsl(
    var(--opacity-blurple-24-hsl)/0.23921568627450981
  );
  --reaction-border-active: hsl(var(--opacity-44-hsl)/0.4392156862745098);
  --reaction-border-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --reaction-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
  --reaction-border-reacted-default: var(--blurple-50);
  --reaction-text-active: var(--neutral-1);
  --reaction-text-default: var(--neutral-16);
  --reaction-text-hover: var(--neutral-1);
  --reaction-text-reacted-default: var(--blurple-3);
  --redesign-button-premium-primary-pink-for-gradient: var(
    --premium-tier-2-pink-for-gradients
  );
  --redesign-button-premium-primary-pressed-background: hsl(
    var(--black-hsl)/0.1
  );
  --redesign-button-premium-primary-purple-for-gradient: var(
    --premium-tier-2-purple-for-gradients
  );
  --redesign-button-premium-primary-purple-for-gradient-2: var(
    --premium-tier-2-purple-for-gradients-2
  );
  --redesign-button-tertiary-background: var(--primary-660);
  --redesign-button-tertiary-pressed-background: var(--primary-560);
  --redesign-button-tertiary-pressed-text: var(--primary-330);
  --redesign-button-tertiary-text: var(--neutral-4);
  --scrollbar-auto-scrollbar-color-thumb: var(--neutral-39);
  --scrollbar-auto-scrollbar-color-track: var(--neutral-74);
  --scrollbar-auto-thumb: var(--neutral-36);
  --scrollbar-auto-track: hsl(var(--transparent-hsl)/0);
  --scrollbar-thin-thumb: var(--neutral-38);
  --scrollbar-thin-track: hsl(var(--black-hsl)/0);
  --slider-track-background: var(--neutral-47);
  --spine-default: var(--neutral-47);
  --spoiler-hidden-background: var(--neutral-36);
  --spoiler-hidden-background-hover: var(--neutral-27);
  --spoiler-revealed-background: var(--primary-660);
  --standard-tab-gradient-center: var(--illo-blue-40);
  --standard-tab-gradient-inner-ring: hsl(var(--illo-blue-40-hsl)/0.5);
  --standard-tab-gradient-outer-ring: hsl(var(--illo-blue-40-hsl)/0);
  --status-danger: var(--red-400);
  --status-online: var(--green-360);
  --status-positive: var(--green-360);
  --status-positive-background: var(--green-430);
  --status-positive-text: var(--white);
  --status-speaking: var(--green-360);
  --status-warning: var(--yellow-300);
  --status-warning-background: var(--yellow-300);
  --status-warning-text: var(--black);
  --steam-review-text-mixed: var(--yellow-new-29);
  --steam-review-text-negative: var(--red-new-24);
  --steam-review-text-positive: var(--blue-new-26);
  --switch-background-active: var(--blurple-65);
  --switch-background-default: hsl(
    var(--opacity-black-12-hsl)/0.12156862745098039
  );
  --switch-background-hover: hsl(
    var(--opacity-black-12-hsl)/0.12156862745098039
  );
  --switch-background-selected-default: var(--blurple-50);
  --switch-background-selected-hover: var(--blurple-60);
  --switch-border-default: hsl(var(--opacity-20-hsl)/0.2);
  --switch-border-hover: hsl(var(--opacity-40-hsl)/0.4);
  --switch-border-selected-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --switch-border-selected-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --switch-thumb-background-default: var(--neutral-1);
  --switch-thumb-background-selected-default: var(--neutral-1);
  --switch-thumb-icon-active: var(--blurple-50);
  --switch-thumb-icon-default: var(--neutral-71);
  --text-brand: var(--blurple-26);
  --text-code: var(--neutral-1);
  --text-code-addition: var(--green-new-14);
  --text-code-attribute: var(--blue-new-14);
  --text-code-builtin: var(--yellow-new-29);
  --text-code-bullet: var(--blue-new-14);
  --text-code-comment: var(--neutral-21);
  --text-code-decorator: var(--yellow-new-29);
  --text-code-deletion: var(--red-new-10);
  --text-code-error: var(--red-new-10);
  --text-code-escape: var(--pink-13);
  --text-code-keyword: var(--red-new-10);
  --text-code-link: var(--blue-new-14);
  --text-code-namespace: var(--blue-new-14);
  --text-code-number: var(--orange-new-12);
  --text-code-operator: var(--red-new-5);
  --text-code-property: var(--teal-new-15);
  --text-code-regexp: var(--green-new-15);
  --text-code-section: var(--red-new-10);
  --text-code-string: var(--green-new-15);
  --text-code-tag: var(--pink-13);
  --text-code-title: var(--blurple-13);
  --text-code-type: var(--pink-13);
  --text-code-variable: var(--neutral-1);
  --text-default: var(--neutral-4);
  --text-feedback-critical: var(--red-new-18);
  --text-feedback-info: var(--blue-new-21);
  --text-feedback-positive: var(--green-new-22);
  --text-feedback-warning: var(--yellow-new-38);
  --text-invert: var(--neutral-71);
  --text-link: var(--blue-new-27);
  --text-muted: var(--neutral-23);
  --text-overlay-dark: var(--neutral-71);
  --text-overlay-light: var(--neutral-1);
  --text-status-dnd: var(--red-new-45);
  --text-status-idle: var(--yellow-new-22);
  --text-status-offline: var(--neutral-27);
  --text-status-online: var(--green-new-40);
  --text-strong: var(--neutral-1);
  --text-subtle: var(--neutral-16);
  --text-voice-connected: var(--green-new-25);
  --text-voice-disconnected: var(--red-new-18);
  --text-voice-speaking: var(--green-new-40);
  --textbox-markdown-syntax: var(--primary-360);
  --thread-channel-spine: var(--primary-500);
  --user-profile-activity-toolbar-background: var(--neutral-60);
  --user-profile-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --user-profile-border: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --user-profile-note-background-focus: var(--neutral-73);
  --user-profile-overlay-background: var(--neutral-60);
  --user-profile-overlay-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --user-profile-toolbar-background: var(--neutral-60);
  --user-profile-toolbar-border: hsl(var(--opacity-4-hsl)/0.0392156862745098);
}
@supports (color: color-mix(in lch, red, blue)) {
  .theme-dark {
    --ansi-black: color-mix(
      in oklab,
      var(--black) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-blue: color-mix(
      in oklab,
      var(--blue-new-39) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-black: color-mix(
      in oklab,
      var(--neutral-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-bright-blue: color-mix(
      in oklab,
      var(--illo-blue-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-cyan: color-mix(
      in oklab,
      var(--teal-new-26) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-green: color-mix(
      in oklab,
      var(--illo-green-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-magenta: color-mix(
      in oklab,
      var(--illo-pink-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-red: color-mix(
      in oklab,
      var(--red-new-22) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-white: color-mix(
      in oklab,
      var(--white) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-bright-yellow: color-mix(
      in oklab,
      var(--illo-yellow-60) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-cyan: color-mix(
      in oklab,
      var(--teal-new-39) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-green: color-mix(
      in oklab,
      var(--green-new-38) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-magenta: color-mix(
      in oklab,
      var(--pink-52) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-red: color-mix(
      in oklab,
      var(--red-new-36) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-white: color-mix(
      in oklab,
      var(--neutral-20) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-yellow: color-mix(
      in oklab,
      var(--yellow-new-59) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --app-frame-background: color-mix(
      in oklab,
      var(--neutral-78) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --app-frame-border: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --app-message-embed-secondary-text: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.7) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.7)
        var(--custom-theme-text-color-amount, 0%)
    );
    --background-accent: color-mix(
      in oklab,
      var(--primary-530) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-base-low: color-mix(
      in oklab,
      var(--neutral-66) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-base-lower: color-mix(
      in oklab,
      var(--neutral-69) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-base-lowest: color-mix(
      in oklab,
      var(--neutral-73) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-code: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-code-addition: color-mix(
      in oklab,
      hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-code-deletion: color-mix(
      in oklab,
      hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-critical: color-mix(
      in oklab,
      hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-info: color-mix(
      in oklab,
      hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-positive: color-mix(
      in oklab,
      hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-warning: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-scrim: color-mix(
      in oklab,
      hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.7215686274509804)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-scrim-lightbox: color-mix(
      in oklab,
      hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.9215686274509803)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-secondary-alt: color-mix(
      in oklab,
      var(--primary-660) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-surface-high: color-mix(
      in oklab,
      var(--neutral-64) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-surface-higher: color-mix(
      in oklab,
      var(--neutral-62) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-surface-highest: color-mix(
      in oklab,
      var(--neutral-60) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-tile-gradient-pink-end: color-mix(
      in oklab,
      hsl(var(--illo-pink-70-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-tile-gradient-pink-start: color-mix(
      in oklab,
      hsl(var(--illo-pink-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --bg-surface-raised: color-mix(
      in oklab,
      var(--primary-560) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --border-feedback-critical: color-mix(
      in oklab,
      var(--red-new-18) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-info: color-mix(
      in oklab,
      var(--blue-new-21) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-positive: color-mix(
      in oklab,
      var(--green-new-22) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-38) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-focus: color-mix(
      in oklab,
      var(--blue-new-30) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-muted: color-mix(
      in oklab,
      hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-normal: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-strong: color-mix(
      in oklab,
      hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.4392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-subtle: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-background-default: color-mix(
      in oklab,
      var(--neutral-64) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --card-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-primary-pressed-bg: color-mix(
      in oklab,
      var(--primary-645) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --card-secondary-bg: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --card-secondary-pressed-bg: color-mix(
      in oklab,
      var(--primary-645) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --channel-background-default: color-mix(
      in oklab,
      var(--neutral-69) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --channel-icon: color-mix(
      in oklab,
      var(--neutral-28) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channel-text-area-placeholder: color-mix(
      in oklab,
      var(--primary-430) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channels-default: color-mix(
      in oklab,
      var(--neutral-28) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channeltextarea-background: color-mix(
      in oklab,
      var(--primary-560) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-brand: color-mix(
      in oklab,
      var(--blurple-45) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-1: color-mix(
      in oklab,
      var(--blurple-45) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-10: color-mix(
      in oklab,
      var(--yellow-new-70) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-2: color-mix(
      in oklab,
      var(--illo-orange-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-3: color-mix(
      in oklab,
      var(--illo-purple-40) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-4: color-mix(
      in oklab,
      var(--teal-new-31) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-5: color-mix(
      in oklab,
      var(--green-new-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-6: color-mix(
      in oklab,
      var(--pink-58) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-7: color-mix(
      in oklab,
      var(--yellow-new-32) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-8: color-mix(
      in oklab,
      var(--red-new-45) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-9: color-mix(
      in oklab,
      var(--blue-new-70) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-1: color-mix(
      in oklab,
      var(--blurple-15) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-2: color-mix(
      in oklab,
      var(--blurple-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-3: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-4: color-mix(
      in oklab,
      var(--blurple-63) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-5: color-mix(
      in oklab,
      var(--blurple-75) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-6: color-mix(
      in oklab,
      var(--blurple-85) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-7: color-mix(
      in oklab,
      var(--blurple-95) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-text-1: color-mix(
      in oklab,
      var(--neutral-85) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-2: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-3: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-4: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-5: color-mix(
      in oklab,
      var(--neutral-4) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-6: color-mix(
      in oklab,
      var(--neutral-13) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-7: color-mix(
      in oklab,
      var(--neutral-18) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-negative: color-mix(
      in oklab,
      var(--red-new-40) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-neutral: color-mix(
      in oklab,
      var(--neutral-29) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-positive: color-mix(
      in oklab,
      var(--green-new-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chat-background: color-mix(
      in oklab,
      var(--primary-600) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chat-background-default: color-mix(
      in oklab,
      var(--neutral-64) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chat-border: color-mix(
      in oklab,
      var(--primary-700) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --chat-text-muted: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --content-inventory-media-seekbar-container: color-mix(
      in oklab,
      hsl(var(--plum-6-hsl)/0.24) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.24)
        var(--custom-theme-base-color-amount, 0%)
    );
    --content-inventory-overlay-text-primary: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.85) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.85)
        var(--custom-theme-text-color-amount, 0%)
    );
    --content-inventory-overlay-text-secondary: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.7) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.7)
        var(--custom-theme-text-color-amount, 0%)
    );
    --context-menu-backdrop-background: color-mix(
      in oklab,
      hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.7215686274509804)
        var(--custom-theme-base-color-amount, 0%)
    );
    --control-brand-foreground: color-mix(
      in oklab,
      var(--brand-360) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --control-brand-foreground-new: color-mix(
      in oklab,
      var(--brand-360) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --control-secondary-border-active: color-mix(
      in oklab,
      hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --control-secondary-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --creator-revenue-icon-gradient-end: color-mix(
      in oklab,
      var(--teal-430) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --creator-revenue-icon-gradient-start: color-mix(
      in oklab,
      var(--teal-360) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --creator-revenue-info-box-background: color-mix(
      in oklab,
      hsl(var(--teal-430-hsl)/0.1) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1)
        var(--custom-theme-base-color-amount, 0%)
    );
    --creator-revenue-info-box-border: color-mix(
      in oklab,
      var(--teal-400) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --creator-revenue-locked-channel-icon: color-mix(
      in oklab,
      var(--teal-345) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --creator-revenue-progress-bar: color-mix(
      in oklab,
      var(--teal-400) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --datepicker-range-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-40-hsl)/0.4) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.4)
        var(--custom-theme-base-color-amount, 0%)
    );
    --datepicker-range-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-60-hsl)/0.6) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.6)
        var(--custom-theme-base-color-amount, 0%)
    );
    --embed-background: color-mix(
      in oklab,
      var(--primary-630) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --embed-background-alternate: color-mix(
      in oklab,
      var(--primary-600) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --experimental-avatar-embed-bg: color-mix(
      in oklab,
      hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5215686274509804)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-blue-end: color-mix(
      in oklab,
      hsl(var(--illo-blue-60-hsl)/0.45) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.45)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-blue-start: color-mix(
      in oklab,
      hsl(var(--illo-blue-40-hsl)/0.45) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.45)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-green-end: color-mix(
      in oklab,
      hsl(var(--illo-green-70-hsl)/0.45) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.45)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-green-start: color-mix(
      in oklab,
      hsl(var(--illo-green-50-hsl)/0.45) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.45)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-green-end: color-mix(
      in oklab,
      hsl(var(--illo-nitro-blue-hsl)/0.5) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-green-start: color-mix(
      in oklab,
      hsl(var(--illo-green-50-hsl)/0.5) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-pink-end: color-mix(
      in oklab,
      hsl(var(--illo-nitro-blue-hsl)/0.5) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-pink-start: color-mix(
      in oklab,
      hsl(var(--illo-pink-60-hsl)/0.5) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-pink-end: color-mix(
      in oklab,
      hsl(var(--illo-pink-70-hsl)/0.45) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.45)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-pink-start: color-mix(
      in oklab,
      hsl(var(--illo-pink-50-hsl)/0.45) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.45)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-purple-end: color-mix(
      in oklab,
      hsl(var(--illo-purple-60-hsl)/0.45) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.45)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-purple-start: color-mix(
      in oklab,
      hsl(var(--illo-purple-40-hsl)/0.45) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.45)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-bronze-end: color-mix(
      in oklab,
      hsl(var(--illo-orange-70-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-bronze-start: color-mix(
      in oklab,
      hsl(var(--illo-orange-30-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-diamond-end: color-mix(
      in oklab,
      hsl(var(--illo-purple-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-diamond-start: color-mix(
      in oklab,
      hsl(var(--illo-purple-40-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-emerald-end: color-mix(
      in oklab,
      hsl(var(--illo-green-60-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-emerald-start: color-mix(
      in oklab,
      hsl(var(--illo-green-40-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-gold-end: color-mix(
      in oklab,
      hsl(var(--yellow-new-41-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-gold-start: color-mix(
      in oklab,
      hsl(var(--illo-yellow-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-opal-end: color-mix(
      in oklab,
      hsl(var(--blue-new-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-opal-start: color-mix(
      in oklab,
      hsl(var(--teal-new-30-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-platinum-end: color-mix(
      in oklab,
      hsl(var(--teal-new-60-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-platinum-start: color-mix(
      in oklab,
      hsl(var(--teal-new-20-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-ruby-end: color-mix(
      in oklab,
      hsl(var(--red-new-80-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-ruby-start: color-mix(
      in oklab,
      hsl(var(--red-new-44-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-silver-end: color-mix(
      in oklab,
      hsl(var(--neutral-58-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-silver-start: color-mix(
      in oklab,
      hsl(var(--neutral-12-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --gradient-progress-pill-background: color-mix(
      in oklab,
      var(--neutral-46) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --guild-profile-banner-background-default: color-mix(
      in oklab,
      var(--neutral-73) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --home-background: color-mix(
      in oklab,
      var(--primary-645) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --icon-default: color-mix(
      in oklab,
      var(--neutral-4) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-critical: color-mix(
      in oklab,
      var(--red-new-18) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-info: color-mix(
      in oklab,
      var(--blue-new-21) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-positive: color-mix(
      in oklab,
      var(--green-new-22) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-38) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-invert: color-mix(
      in oklab,
      var(--neutral-71) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-link: color-mix(
      in oklab,
      var(--blue-new-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-muted: color-mix(
      in oklab,
      var(--neutral-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-overlay-dark: color-mix(
      in oklab,
      var(--neutral-71) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-overlay-light: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-dnd: color-mix(
      in oklab,
      var(--red-new-45) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-idle: color-mix(
      in oklab,
      var(--yellow-new-22) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-offline: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-online: color-mix(
      in oklab,
      var(--green-new-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-strong: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-subtle: color-mix(
      in oklab,
      var(--neutral-16) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-transparent: color-mix(
      in oklab,
      hsl(var(--transparent-hsl)/0) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-connected: color-mix(
      in oklab,
      var(--green-new-25) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-18) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-speaking: color-mix(
      in oklab,
      var(--green-new-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --inlinenotice-border-critical: color-mix(
      in oklab,
      hsl(var(--opacity-red-52-hsl)/0.5215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5215686274509804)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --inlinenotice-border-info: color-mix(
      in oklab,
      hsl(var(--opacity-blue-52-hsl)/0.5215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5215686274509804)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --inlinenotice-border-positive: color-mix(
      in oklab,
      hsl(var(--opacity-green-52-hsl)/0.5215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5215686274509804)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --inlinenotice-border-warning: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-32-hsl)/0.3215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3215686274509804)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-black-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --input-background-error-default: color-mix(
      in oklab,
      hsl(var(--opacity-red-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(--custom-theme-base-color-amount, 0%)
    );
    --input-border-active: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-error-default: color-mix(
      in oklab,
      var(--red-new-18) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-hover: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-readonly: color-mix(
      in oklab,
      hsl(var(--opacity-white-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-icon-default: color-mix(
      in oklab,
      var(--neutral-16) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-placeholder-text-default: color-mix(
      in oklab,
      var(--neutral-25) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-default: color-mix(
      in oklab,
      var(--neutral-4) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-error-default: color-mix(
      in oklab,
      var(--neutral-4) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-accent-background-active: color-mix(
      in oklab,
      var(--blurple-65) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-accent-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-accent-background-hover: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-accent-background-selected: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-selected: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-icon-active: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-default: color-mix(
      in oklab,
      var(--neutral-16) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-hover: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-muted: color-mix(
      in oklab,
      var(--primary-500) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-active: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-default: color-mix(
      in oklab,
      var(--neutral-16) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-hover: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --logo-primary: color-mix(
      in oklab,
      var(--white) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mention-background: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mention-foreground: color-mix(
      in oklab,
      var(--blurple-8) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --message-automod-background-default: color-mix(
      in oklab,
      hsl(var(--red-400-hsl)/0.05) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.05)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-automod-background-hover: color-mix(
      in oklab,
      hsl(var(--red-400-hsl)/0.1) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-background-scrim-opaque: color-mix(
      in oklab,
      var(--black) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-expression-picker-background-default: color-mix(
      in oklab,
      var(--neutral-69) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-guildbar-icon-default: color-mix(
      in oklab,
      var(--neutral-16) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mobile-searchbar-gradient-background: color-mix(
      in oklab,
      var(--neutral-73) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-text-heading-primary: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --modal-background: color-mix(
      in oklab,
      var(--neutral-64) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --modal-footer-background: color-mix(
      in oklab,
      var(--neutral-64) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --navigator-header-tint: color-mix(
      in oklab,
      var(--white) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --overlay-backdrop-lightbox: color-mix(
      in oklab,
      hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.9215686274509803)
        var(--custom-theme-base-color-amount, 0%)
    );
    --panel-bg: color-mix(
      in oklab,
      var(--neutral-69) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --polls-normal-image-background: color-mix(
      in oklab,
      var(--primary-660) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --polls-victor-fill: color-mix(
      in oklab,
      hsl(var(--green-360-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --polls-voted-fill: color-mix(
      in oklab,
      hsl(var(--brand-500-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --premium-nitro-pink-text: color-mix(
      in oklab,
      var(--pink-34) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --profile-gradient-note-background: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-overlay: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.6) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.6)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-overlay-synced-with-user-theme: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.8) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.8)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-role-pill-background: color-mix(
      in oklab,
      hsl(var(--primary-660-hsl)/0.5) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-role-pill-border: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --profile-gradient-section-box: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.45) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.45)
        var(--custom-theme-base-color-amount, 0%)
    );
    --progressbar-indicator-background: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --progressbar-track-background: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-reacted-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-reacted-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-border-active: color-mix(
      in oklab,
      hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.4392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-hover: color-mix(
      in oklab,
      hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-reacted-default: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-text-active: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-default: color-mix(
      in oklab,
      var(--neutral-16) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-hover: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-reacted-default: color-mix(
      in oklab,
      var(--blurple-3) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --redesign-button-premium-primary-pink-for-gradient: color-mix(
      in oklab,
      var(--premium-tier-2-pink-for-gradients) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-premium-primary-pressed-background: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.1) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-premium-primary-purple-for-gradient: color-mix(
      in oklab,
      var(--premium-tier-2-purple-for-gradients) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-premium-primary-purple-for-gradient-2: color-mix(
      in oklab,
      var(--premium-tier-2-purple-for-gradients-2) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-tertiary-background: color-mix(
      in oklab,
      var(--primary-660) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-tertiary-pressed-background: color-mix(
      in oklab,
      var(--primary-560) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-tertiary-pressed-text: color-mix(
      in oklab,
      var(--primary-330) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --redesign-button-tertiary-text: color-mix(
      in oklab,
      var(--neutral-4) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --scrollbar-auto-scrollbar-color-thumb: color-mix(
      in oklab,
      var(--neutral-39) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-auto-scrollbar-color-track: color-mix(
      in oklab,
      var(--neutral-74) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-auto-thumb: color-mix(
      in oklab,
      var(--neutral-36) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-auto-track: color-mix(
      in oklab,
      hsl(var(--transparent-hsl)/0) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-thin-thumb: color-mix(
      in oklab,
      var(--neutral-38) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-thin-track: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0)
        var(--custom-theme-base-color-amount, 0%)
    );
    --slider-track-background: color-mix(
      in oklab,
      var(--neutral-47) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --spine-default: color-mix(
      in oklab,
      var(--neutral-47) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --spoiler-hidden-background: color-mix(
      in oklab,
      var(--neutral-36) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --spoiler-hidden-background-hover: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --spoiler-revealed-background: color-mix(
      in oklab,
      var(--primary-660) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --steam-review-text-mixed: color-mix(
      in oklab,
      var(--yellow-new-29) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --steam-review-text-negative: color-mix(
      in oklab,
      var(--red-new-24) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --steam-review-text-positive: color-mix(
      in oklab,
      var(--blue-new-26) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-brand: color-mix(
      in oklab,
      var(--blurple-26) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-addition: color-mix(
      in oklab,
      var(--green-new-14) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-attribute: color-mix(
      in oklab,
      var(--blue-new-14) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-builtin: color-mix(
      in oklab,
      var(--yellow-new-29) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-bullet: color-mix(
      in oklab,
      var(--blue-new-14) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-comment: color-mix(
      in oklab,
      var(--neutral-21) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-decorator: color-mix(
      in oklab,
      var(--yellow-new-29) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-deletion: color-mix(
      in oklab,
      var(--red-new-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-error: color-mix(
      in oklab,
      var(--red-new-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-escape: color-mix(
      in oklab,
      var(--pink-13) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-keyword: color-mix(
      in oklab,
      var(--red-new-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-link: color-mix(
      in oklab,
      var(--blue-new-14) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-namespace: color-mix(
      in oklab,
      var(--blue-new-14) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-number: color-mix(
      in oklab,
      var(--orange-new-12) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-operator: color-mix(
      in oklab,
      var(--red-new-5) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-property: color-mix(
      in oklab,
      var(--teal-new-15) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-regexp: color-mix(
      in oklab,
      var(--green-new-15) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-section: color-mix(
      in oklab,
      var(--red-new-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-string: color-mix(
      in oklab,
      var(--green-new-15) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-tag: color-mix(
      in oklab,
      var(--pink-13) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-title: color-mix(
      in oklab,
      var(--blurple-13) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-type: color-mix(
      in oklab,
      var(--pink-13) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-variable: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-default: color-mix(
      in oklab,
      var(--neutral-4) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-critical: color-mix(
      in oklab,
      var(--red-new-18) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-info: color-mix(
      in oklab,
      var(--blue-new-21) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-positive: color-mix(
      in oklab,
      var(--green-new-22) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-38) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-invert: color-mix(
      in oklab,
      var(--neutral-71) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-link: color-mix(
      in oklab,
      var(--blue-new-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-muted: color-mix(
      in oklab,
      var(--neutral-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-dnd: color-mix(
      in oklab,
      var(--red-new-45) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-idle: color-mix(
      in oklab,
      var(--yellow-new-22) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-offline: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-online: color-mix(
      in oklab,
      var(--green-new-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-strong: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-subtle: color-mix(
      in oklab,
      var(--neutral-16) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-connected: color-mix(
      in oklab,
      var(--green-new-25) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-18) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-speaking: color-mix(
      in oklab,
      var(--green-new-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --textbox-markdown-syntax: color-mix(
      in oklab,
      var(--primary-360) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --thread-channel-spine: color-mix(
      in oklab,
      var(--primary-500) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-activity-toolbar-background: color-mix(
      in oklab,
      var(--neutral-60) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-border: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-note-background-focus: color-mix(
      in oklab,
      var(--neutral-73) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-overlay-background: color-mix(
      in oklab,
      var(--neutral-60) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-overlay-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-toolbar-background: color-mix(
      in oklab,
      var(--neutral-60) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-toolbar-border: color-mix(
      in oklab,
      hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
  }
}
.theme-light {
  --ansi-black: var(--black);
  --ansi-blue: var(--blue-new-42);
  --ansi-bright-black: var(--neutral-40);
  --ansi-bright-blue: var(--illo-blue-40);
  --ansi-bright-cyan: var(--teal-new-55);
  --ansi-bright-green: var(--illo-green-60);
  --ansi-bright-magenta: var(--illo-pink-50);
  --ansi-bright-red: var(--red-new-52);
  --ansi-bright-white: var(--white);
  --ansi-bright-yellow: var(--illo-yellow-70);
  --ansi-cyan: var(--teal-new-42);
  --ansi-green: var(--green-new-41);
  --ansi-magenta: var(--pink-55);
  --ansi-red: var(--red-new-39);
  --ansi-white: var(--neutral-20);
  --ansi-yellow: var(--yellow-new-62);
  --app-frame-background: var(--neutral-7);
  --app-frame-border: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --app-message-embed-secondary-text: hsl(var(--white-hsl)/0.7);
  --background-accent: var(--primary-430);
  --background-base-low: var(--neutral-2);
  --background-base-lower: var(--neutral-2);
  --background-base-lowest: var(--neutral-4);
  --background-brand: var(--blurple-50);
  --background-code: hsl(var(--opacity-blurple-4-hsl)/0.0392156862745098);
  --background-code-addition: hsl(
    var(--opacity-green-12-hsl)/0.12156862745098039
  );
  --background-code-deletion: hsl(
    var(--opacity-red-12-hsl)/0.12156862745098039
  );
  --background-feedback-critical: hsl(
    var(--opacity-red-8-hsl)/0.0784313725490196
  );
  --background-feedback-info: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
  --background-feedback-notification: var(--red-new-50);
  --background-feedback-positive: hsl(
    var(--opacity-green-8-hsl)/0.0784313725490196
  );
  --background-feedback-warning: hsl(
    var(--opacity-yellow-8-hsl)/0.0784313725490196
  );
  --background-mod-muted: hsl(var(--opacity-8-hsl)/0.0784313725490196);
  --background-mod-normal: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --background-mod-strong: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --background-mod-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --background-scrim: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
  --background-scrim-lightbox: hsl(
    var(--opacity-black-92-hsl)/0.9215686274509803
  );
  --background-secondary-alt: var(--primary-160);
  --background-surface-high: var(--neutral-1);
  --background-surface-higher: var(--neutral-1);
  --background-surface-highest: var(--neutral-1);
  --background-tile-gradient-pink-end: hsl(var(--illo-pink-30-hsl)/0.3);
  --background-tile-gradient-pink-start: hsl(var(--illo-pink-10-hsl)/0.3);
  --background-voice-muted: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
  --badge-background-brand: var(--blurple-50);
  --badge-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --badge-common-background: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --badge-common-border: var(--neutral-35);
  --badge-common-text: var(--neutral-45);
  --badge-epic-background: hsl(var(--illo-purple-40-hsl)/0.24);
  --badge-epic-border-gradient-end: var(--illo-purple-40);
  --badge-epic-border-gradient-start: var(--illo-pink-40);
  --badge-epic-text: var(--illo-purple-50);
  --badge-expressive-background-default: var(--blurple-50);
  --badge-expressive-text-default: var(--neutral-1);
  --badge-mythic-background: hsl(var(--illo-orange-40-hsl)/0.24);
  --badge-mythic-border-gradient-end: var(--illo-orange-40);
  --badge-mythic-border-gradient-start: var(--illo-yellow-40);
  --badge-mythic-text: var(--illo-orange-50);
  --badge-notification-background: var(--red-new-50);
  --badge-rare-background: hsl(var(--illo-blue-40-hsl)/0.24);
  --badge-rare-border-gradient-end: var(--illo-blue-50);
  --badge-rare-border-gradient-start: var(--illo-blue-40);
  --badge-rare-text: var(--illo-blue-50);
  --badge-text-brand: var(--neutral-1);
  --badge-text-default: var(--neutral-76);
  --bg-surface-raised: var(--white);
  --border-feedback-critical: var(--red-new-56);
  --border-feedback-info: var(--blue-new-58);
  --border-feedback-positive: var(--green-new-58);
  --border-feedback-warning: var(--yellow-new-72);
  --border-focus: var(--blue-new-40);
  --border-muted: hsl(var(--opacity-20-hsl)/0.2);
  --border-normal: hsl(var(--opacity-36-hsl)/0.3607843137254902);
  --border-strong: hsl(var(--opacity-48-hsl)/0.47843137254901963);
  --border-subtle: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --border-voice-muted: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
  --button-danger-background-disabled: var(--red-new-50);
  --button-outline-brand-background-hover: var(--brand-500);
  --button-outline-brand-border-active: var(--brand-560);
  --button-outline-primary-text: var(--black);
  --card-background-default: var(--neutral-1);
  --card-border-default: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --card-primary-pressed-bg: var(--primary-160);
  --card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --card-secondary-pressed-bg: var(--primary-160);
  --channel-background-default: var(--neutral-2);
  --channel-icon: var(--neutral-43);
  --channel-text-area-placeholder: var(--primary-400);
  --channels-default: var(--neutral-43);
  --channeltextarea-background: var(--primary-160);
  --chart-brand: var(--blurple-50);
  --chart-categorical-1: var(--blurple-50);
  --chart-categorical-10: var(--yellow-new-70);
  --chart-categorical-2: var(--illo-orange-30);
  --chart-categorical-3: var(--illo-purple-40);
  --chart-categorical-4: var(--teal-new-31);
  --chart-categorical-5: var(--green-new-30);
  --chart-categorical-6: var(--pink-58);
  --chart-categorical-7: var(--yellow-new-32);
  --chart-categorical-8: var(--red-new-45);
  --chart-categorical-9: var(--blue-new-70);
  --chart-mono-1: var(--blurple-1);
  --chart-mono-2: var(--blurple-15);
  --chart-mono-3: var(--blurple-30);
  --chart-mono-4: var(--blurple-50);
  --chart-mono-5: var(--blurple-60);
  --chart-mono-6: var(--blurple-71);
  --chart-mono-7: var(--blurple-83);
  --chart-mono-text-1: var(--neutral-67);
  --chart-mono-text-2: var(--neutral-85);
  --chart-mono-text-3: var(--neutral-100);
  --chart-mono-text-4: var(--neutral-1);
  --chart-mono-text-5: var(--neutral-1);
  --chart-mono-text-6: var(--neutral-1);
  --chart-mono-text-7: var(--neutral-12);
  --chart-negative: var(--red-new-50);
  --chart-neutral: var(--neutral-29);
  --chart-positive: var(--green-new-30);
  --chat-background: var(--white);
  --chat-background-default: var(--neutral-1);
  --chat-border: var(--primary-200);
  --chat-text-muted: var(--neutral-40);
  --checkbox-background-active: var(--blurple-65);
  --checkbox-background-default: hsl(
    var(--opacity-black-4-hsl)/0.0392156862745098
  );
  --checkbox-background-hover: hsl(
    var(--opacity-black-4-hsl)/0.0392156862745098
  );
  --checkbox-background-selected-default: var(--blurple-50);
  --checkbox-background-selected-hover: var(--blurple-60);
  --checkbox-border-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --checkbox-border-default: var(--neutral-34);
  --checkbox-border-hover: var(--neutral-46);
  --checkbox-border-selected-default: hsl(
    var(--opacity-28-hsl)/0.2784313725490196
  );
  --checkbox-border-selected-hover: hsl(
    var(--opacity-28-hsl)/0.2784313725490196
  );
  --checkbox-icon-active: var(--neutral-1);
  --chip-blurple-dark-background: var(--blurple-70);
  --chip-blurple-dark-text: var(--blurple-1);
  --chip-blurple-light-background: var(--blurple-20);
  --chip-blurple-light-text: var(--blurple-91);
  --chip-blurple-medium-background: var(--blurple-40);
  --chip-blurple-medium-text: var(--blurple-100);
  --chip-gray-dark-background: var(--neutral-75);
  --chip-gray-dark-text: var(--neutral-6);
  --chip-gray-light-background: var(--neutral-10);
  --chip-gray-light-text: var(--neutral-68);
  --chip-gray-medium-background: var(--neutral-40);
  --chip-gray-medium-text: var(--neutral-1);
  --chip-green-dark-background: var(--green-new-70);
  --chip-green-dark-text: var(--green-new-1);
  --chip-green-light-background: var(--green-new-20);
  --chip-green-light-text: var(--green-new-91);
  --chip-green-medium-background: var(--green-new-45);
  --chip-green-medium-text: var(--green-new-96);
  --chip-orange-dark-background: var(--orange-new-70);
  --chip-orange-dark-text: var(--orange-new-1);
  --chip-orange-light-background: var(--orange-new-20);
  --chip-orange-light-text: var(--orange-new-93);
  --chip-orange-medium-background: var(--orange-new-40);
  --chip-orange-medium-text: var(--orange-new-100);
  --chip-pink-dark-background: var(--illo-pink-60);
  --chip-pink-dark-text: var(--neutral-1);
  --chip-pink-light-background: var(--illo-pink-20);
  --chip-pink-light-text: var(--neutral-73);
  --chip-pink-medium-background: var(--illo-pink-40);
  --chip-pink-medium-text: var(--neutral-100);
  --chip-purple-dark-background: var(--illo-purple-60);
  --chip-purple-dark-text: var(--neutral-10);
  --chip-purple-light-background: var(--illo-purple-20);
  --chip-purple-light-text: var(--neutral-75);
  --chip-purple-medium-background: var(--illo-purple-40);
  --chip-purple-medium-text: var(--neutral-100);
  --chip-red-dark-background: var(--red-new-70);
  --chip-red-dark-text: var(--red-new-1);
  --chip-red-light-background: var(--red-new-20);
  --chip-red-light-text: var(--red-new-95);
  --chip-red-medium-background: var(--red-new-45);
  --chip-red-medium-text: var(--red-new-100);
  --chip-yellow-dark-background: var(--yellow-new-70);
  --chip-yellow-dark-text: var(--yellow-new-1);
  --chip-yellow-light-background: var(--yellow-new-20);
  --chip-yellow-light-text: var(--yellow-new-87);
  --chip-yellow-medium-background: var(--yellow-new-45);
  --chip-yellow-medium-text: var(--yellow-new-80);
  --collectibles-tab-gradient-center: var(--illo-pink-40);
  --collectibles-tab-gradient-inner: hsl(var(--illo-pink-30-hsl)/0.5);
  --collectibles-tab-gradient-outer: hsl(var(--illo-pink-30-hsl)/0);
  --content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl)/0.24);
  --content-inventory-overlay-text-primary: hsl(var(--white-hsl)/0.85);
  --content-inventory-overlay-text-secondary: hsl(var(--white-hsl)/0.7);
  --context-menu-backdrop-background: hsl(
    var(--opacity-black-52-hsl)/0.5215686274509804
  );
  --control-brand-foreground: var(--brand-500);
  --control-brand-foreground-new: var(--brand-500);
  --control-connected-background-active: var(--green-new-65);
  --control-connected-background-default: var(--green-new-50);
  --control-connected-background-hover: var(--green-new-60);
  --control-connected-border-active: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-connected-border-default: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-connected-border-hover: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-connected-icon-active: var(--neutral-1);
  --control-connected-icon-default: var(--neutral-1);
  --control-connected-icon-hover: var(--neutral-1);
  --control-connected-text-active: var(--neutral-1);
  --control-connected-text-default: var(--neutral-1);
  --control-connected-text-hover: var(--neutral-1);
  --control-critical-primary-background-active: var(--red-new-65);
  --control-critical-primary-background-default: var(--red-new-50);
  --control-critical-primary-background-hover: var(--red-new-60);
  --control-critical-primary-border-active: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-critical-primary-border-default: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-critical-primary-border-hover: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-critical-primary-icon-active: var(--neutral-1);
  --control-critical-primary-icon-default: var(--neutral-1);
  --control-critical-primary-icon-hover: var(--neutral-1);
  --control-critical-primary-text-active: var(--neutral-1);
  --control-critical-primary-text-default: var(--neutral-1);
  --control-critical-primary-text-hover: var(--neutral-1);
  --control-critical-secondary-background-active: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --control-critical-secondary-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-critical-secondary-background-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-critical-secondary-border-active: hsl(var(--opacity-20-hsl)/0.2);
  --control-critical-secondary-border-default: hsl(var(--opacity-20-hsl)/0.2);
  --control-critical-secondary-border-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-critical-secondary-icon-active: var(--red-new-56);
  --control-critical-secondary-icon-default: var(--red-new-56);
  --control-critical-secondary-icon-hover: var(--red-new-56);
  --control-critical-secondary-text-active: var(--red-new-56);
  --control-critical-secondary-text-default: var(--red-new-56);
  --control-critical-secondary-text-hover: var(--red-new-56);
  --control-expressive-background-active: var(--blurple-65);
  --control-expressive-background-default: var(--blurple-50);
  --control-expressive-background-hover: var(--blurple-60);
  --control-expressive-border-active: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-expressive-border-default: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-expressive-border-hover: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-expressive-icon-active: var(--neutral-1);
  --control-expressive-icon-default: var(--neutral-1);
  --control-expressive-icon-hover: var(--neutral-1);
  --control-expressive-text-active: var(--neutral-1);
  --control-expressive-text-default: var(--neutral-1);
  --control-expressive-text-hover: var(--neutral-1);
  --control-icon-only-background-active: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --control-icon-only-background-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-icon-only-border-active: hsl(var(--opacity-20-hsl)/0.2);
  --control-icon-only-border-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-icon-only-icon-active: var(--neutral-76);
  --control-icon-only-icon-default: var(--neutral-47);
  --control-icon-only-icon-hover: var(--neutral-76);
  --control-overlay-primary-background-active: var(--neutral-17);
  --control-overlay-primary-background-default: var(--neutral-1);
  --control-overlay-primary-background-hover: var(--neutral-9);
  --control-overlay-primary-border-active: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-overlay-primary-border-default: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-overlay-primary-border-hover: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-overlay-primary-icon-active: var(--neutral-100);
  --control-overlay-primary-icon-default: var(--neutral-100);
  --control-overlay-primary-icon-hover: var(--neutral-100);
  --control-overlay-primary-text-active: var(--neutral-100);
  --control-overlay-primary-text-default: var(--neutral-100);
  --control-overlay-primary-text-hover: var(--neutral-100);
  --control-overlay-secondary-background-active: hsl(
    var(--opacity-black-48-hsl)/0.47843137254901963
  );
  --control-overlay-secondary-background-default: hsl(
    var(--opacity-black-52-hsl)/0.5215686274509804
  );
  --control-overlay-secondary-background-hover: hsl(
    var(--opacity-black-64-hsl)/0.6392156862745098
  );
  --control-overlay-secondary-border-active: hsl(var(--opacity-20-hsl)/0.2);
  --control-overlay-secondary-border-default: hsl(var(--opacity-20-hsl)/0.2);
  --control-overlay-secondary-border-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-overlay-secondary-icon-active: var(--neutral-1);
  --control-overlay-secondary-icon-default: var(--neutral-1);
  --control-overlay-secondary-icon-hover: var(--neutral-1);
  --control-overlay-secondary-text-active: var(--neutral-1);
  --control-overlay-secondary-text-default: var(--neutral-1);
  --control-overlay-secondary-text-hover: var(--neutral-1);
  --control-primary-background-active: var(--blurple-65);
  --control-primary-background-default: var(--blurple-50);
  --control-primary-background-hover: var(--blurple-60);
  --control-primary-border-active: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-primary-border-default: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-primary-border-hover: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-primary-icon-active: var(--neutral-1);
  --control-primary-icon-default: var(--neutral-1);
  --control-primary-icon-hover: var(--neutral-1);
  --control-primary-text-active: var(--neutral-1);
  --control-primary-text-default: var(--neutral-1);
  --control-primary-text-hover: var(--neutral-1);
  --control-secondary-background-active: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --control-secondary-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-secondary-background-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-secondary-border-active: hsl(var(--opacity-20-hsl)/0.2);
  --control-secondary-border-default: hsl(var(--opacity-20-hsl)/0.2);
  --control-secondary-border-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-secondary-icon-active: var(--neutral-76);
  --control-secondary-icon-default: var(--neutral-76);
  --control-secondary-icon-hover: var(--neutral-76);
  --control-secondary-text-active: var(--neutral-76);
  --control-secondary-text-default: var(--neutral-76);
  --control-secondary-text-hover: var(--neutral-76);
  --creator-revenue-icon-gradient-end: var(--teal-400);
  --creator-revenue-icon-gradient-start: var(--teal-345);
  --creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
  --creator-revenue-info-box-border: var(--teal-400);
  --creator-revenue-locked-channel-icon: var(--teal-400);
  --creator-revenue-progress-bar: var(--teal-345);
  --datepicker-range-background-default: hsl(var(--opacity-blurple-40-hsl)/0.4);
  --datepicker-range-background-hover: hsl(var(--opacity-blurple-60-hsl)/0.6);
  --embed-background: var(--primary-130);
  --embed-background-alternate: var(--primary-200);
  --experimental-avatar-embed-bg: hsl(
    var(--opacity-black-52-hsl)/0.5215686274509804
  );
  --expressive-gradient-blue-end: hsl(var(--illo-blue-30-hsl)/0.8);
  --expressive-gradient-blue-start: hsl(var(--illo-blue-10-hsl)/0.8);
  --expressive-gradient-green-end: hsl(var(--illo-green-30-hsl)/0.8);
  --expressive-gradient-green-start: hsl(var(--illo-green-10-hsl)/0.8);
  --expressive-gradient-nitro-green-end: hsl(var(--illo-blue-40-hsl)/0.9);
  --expressive-gradient-nitro-green-start: hsl(var(--illo-green-10-hsl)/0.9);
  --expressive-gradient-nitro-pink-end: hsl(var(--illo-blue-40-hsl)/0.9);
  --expressive-gradient-nitro-pink-start: hsl(var(--illo-pink-30-hsl)/0.9);
  --expressive-gradient-pink-end: hsl(var(--illo-pink-30-hsl)/0.8);
  --expressive-gradient-pink-start: hsl(var(--illo-pink-10-hsl)/0.8);
  --expressive-gradient-purple-end: hsl(var(--illo-purple-30-hsl)/0.8);
  --expressive-gradient-purple-start: hsl(var(--illo-purple-10-hsl)/0.8);
  --expressive-gradient-tenure-badge-bronze-end: hsl(
    var(--illo-orange-70-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-bronze-start: hsl(
    var(--illo-orange-30-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-diamond-end: hsl(
    var(--illo-purple-50-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-diamond-start: hsl(
    var(--illo-purple-40-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-emerald-end: hsl(
    var(--illo-green-60-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-emerald-start: hsl(
    var(--illo-green-40-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-gold-end: hsl(
    var(--yellow-new-41-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-gold-start: hsl(
    var(--illo-yellow-50-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-opal-end: hsl(var(--blue-new-50-hsl)/0.3);
  --expressive-gradient-tenure-badge-opal-start: hsl(
    var(--teal-new-30-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-platinum-end: hsl(
    var(--teal-new-60-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-platinum-start: hsl(
    var(--teal-new-20-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-ruby-end: hsl(var(--red-new-80-hsl)/0.3);
  --expressive-gradient-tenure-badge-ruby-start: hsl(var(--red-new-44-hsl)/0.3);
  --expressive-gradient-tenure-badge-silver-end: hsl(var(--neutral-58-hsl)/0.3);
  --expressive-gradient-tenure-badge-silver-start: hsl(
    var(--neutral-12-hsl)/0.3
  );
  --gradient-progress-pill-background: var(--neutral-18);
  --guild-profile-banner-background-default: var(--neutral-40);
  --home-background: var(--primary-100);
  --icon-default: var(--neutral-72);
  --icon-feedback-critical: var(--red-new-56);
  --icon-feedback-info: var(--blue-new-58);
  --icon-feedback-notification: var(--red-new-50);
  --icon-feedback-positive: var(--green-new-58);
  --icon-feedback-warning: var(--yellow-new-72);
  --icon-invert: var(--neutral-1);
  --icon-link: var(--blue-new-53);
  --icon-muted: var(--neutral-41);
  --icon-overlay-dark: var(--neutral-71);
  --icon-overlay-light: var(--neutral-2);
  --icon-status-dnd: var(--red-new-50);
  --icon-status-idle: var(--yellow-new-45);
  --icon-status-offline: var(--neutral-45);
  --icon-status-online: var(--green-new-55);
  --icon-strong: var(--neutral-76);
  --icon-subtle: var(--neutral-47);
  --icon-transparent: hsl(var(--transparent-hsl)/0);
  --icon-voice-connected: var(--green-new-55);
  --icon-voice-disconnected: var(--red-new-56);
  --icon-voice-muted: var(--red-new-50);
  --icon-voice-speaking: var(--green-new-45);
  --inlinenotice-border-critical: hsl(var(--opacity-red-60-hsl)/0.6);
  --inlinenotice-border-info: hsl(var(--opacity-blue-60-hsl)/0.6);
  --inlinenotice-border-positive: hsl(var(--opacity-green-60-hsl)/0.6);
  --inlinenotice-border-warning: hsl(
    var(--opacity-yellow-36-hsl)/0.3607843137254902
  );
  --input-background-default: hsl(
    var(--opacity-black-1-hsl)/0.0196078431372549
  );
  --input-background-error-default: hsl(
    var(--opacity-red-4-hsl)/0.0392156862745098
  );
  --input-border-active: var(--blurple-50);
  --input-border-default: hsl(var(--opacity-36-hsl)/0.3607843137254902);
  --input-border-error-default: var(--red-new-56);
  --input-border-hover: hsl(var(--opacity-36-hsl)/0.3607843137254902);
  --input-border-readonly: hsl(var(--opacity-black-4-hsl)/0.0392156862745098);
  --input-icon-default: var(--neutral-47);
  --input-placeholder-text-default: var(--neutral-42);
  --input-text-default: var(--neutral-72);
  --input-text-error-default: var(--neutral-72);
  --interactive-accent-background-active: var(--blurple-65);
  --interactive-accent-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --interactive-accent-background-hover: var(--blurple-50);
  --interactive-accent-background-selected: var(--blurple-50);
  --interactive-background-active: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --interactive-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --interactive-background-selected: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --interactive-icon-active: var(--neutral-76);
  --interactive-icon-default: var(--neutral-47);
  --interactive-icon-hover: var(--neutral-76);
  --interactive-muted: var(--primary-300);
  --interactive-text-active: var(--neutral-76);
  --interactive-text-default: var(--neutral-47);
  --interactive-text-hover: var(--neutral-76);
  --logo-primary: var(--brand-500);
  --mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
  --mention-foreground: var(--blurple-71);
  --message-automod-background-default: hsl(var(--red-400-hsl)/0.05);
  --message-automod-background-hover: hsl(var(--red-400-hsl)/0.1);
  --message-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --message-highlight-background-default: hsl(
    var(--opacity-blurple-16-hsl)/0.1607843137254902
  );
  --message-highlight-background-hover: hsl(var(--opacity-blurple-20-hsl)/0.2);
  --message-mentioned-background-default: hsl(
    var(--opacity-yellow-8-hsl)/0.0784313725490196
  );
  --message-mentioned-background-hover: hsl(
    var(--opacity-yellow-12-hsl)/0.12156862745098039
  );
  --mobile-background-scrim-opaque: var(--black);
  --mobile-expression-picker-background-default: var(--neutral-2);
  --mobile-guildbar-icon-default: var(--neutral-47);
  --mobile-searchbar-gradient-background: var(--neutral-4);
  --mobile-text-heading-primary: var(--neutral-76);
  --modal-background: var(--neutral-1);
  --modal-footer-background: var(--neutral-1);
  --navigator-header-tint: var(--primary-500);
  --nitro-tab-gradient-center: var(--illo-pink-30);
  --nitro-tab-gradient-inner-ring: hsl(var(--illo-blue-30-hsl)/0.25);
  --nitro-tab-gradient-outer-ring: hsl(var(--white-hsl)/0);
  --notice-background-critical: var(--red-new-1);
  --notice-background-info: var(--blue-new-1);
  --notice-background-positive: var(--green-new-1);
  --notice-background-warning: var(--yellow-new-1);
  --notice-text-critical: var(--red-new-78);
  --notice-text-info: var(--blue-new-76);
  --notice-text-positive: var(--green-new-76);
  --notice-text-warning: var(--yellow-new-85);
  --overlay-backdrop-lightbox: hsl(
    var(--opacity-black-92-hsl)/0.9215686274509803
  );
  --panel-bg: var(--neutral-2);
  --polls-normal-image-background: var(--white);
  --polls-victor-fill: hsl(var(--green-400-hsl)/0.2);
  --polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
  --premium-nitro-pink-text: var(--pink-61);
  --profile-gradient-note-background: hsl(var(--white-hsl)/0.3);
  --profile-gradient-overlay: hsl(var(--white-hsl)/0.6);
  --profile-gradient-overlay-synced-with-user-theme: hsl(var(--white-hsl)/0.8);
  --profile-gradient-role-pill-background: hsl(var(--white-hsl)/0.5);
  --profile-gradient-role-pill-border: hsl(var(--primary-660-hsl)/0.2);
  --profile-gradient-section-box: hsl(var(--white-hsl)/0.45);
  --progressbar-indicator-background: var(--blurple-50);
  --progressbar-track-background: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --quest-home-tab-gradient-blurple-center: var(--blurple-50);
  --quest-home-tab-gradient-blurple-inner: hsl(var(--blurple-50-hsl)/0.5);
  --quest-home-tab-gradient-blurple-outer: hsl(var(--blurple-50-hsl)/0);
  --radio-background-active: var(--blurple-65);
  --radio-background-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
  --radio-background-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
  --radio-background-selected-default: var(--blurple-50);
  --radio-background-selected-hover: var(--blurple-60);
  --radio-border-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --radio-border-default: var(--neutral-34);
  --radio-border-hover: var(--neutral-46);
  --radio-border-selected-default: hsl(
    var(--opacity-28-hsl)/0.2784313725490196
  );
  --radio-border-selected-hover: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --radio-foreground-active: var(--blurple-50);
  --radio-foreground-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
  --radio-foreground-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
  --radio-thumb-background-active: var(--neutral-1);
  --reaction-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --reaction-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --reaction-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --reaction-background-reacted-default: hsl(
    var(--opacity-blurple-24-hsl)/0.23921568627450981
  );
  --reaction-background-reacted-hover: hsl(
    var(--opacity-blurple-24-hsl)/0.23921568627450981
  );
  --reaction-border-active: hsl(var(--opacity-48-hsl)/0.47843137254901963);
  --reaction-border-default: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --reaction-border-hover: hsl(var(--opacity-20-hsl)/0.2);
  --reaction-border-reacted-default: var(--blurple-50);
  --reaction-text-active: var(--neutral-76);
  --reaction-text-default: var(--neutral-47);
  --reaction-text-hover: var(--neutral-76);
  --reaction-text-reacted-default: var(--blurple-75);
  --redesign-button-premium-primary-pink-for-gradient: var(
    --premium-tier-2-pink-for-gradients
  );
  --redesign-button-premium-primary-pressed-background: hsl(
    var(--black-hsl)/0.1
  );
  --redesign-button-premium-primary-purple-for-gradient: var(
    --premium-tier-2-purple-for-gradients
  );
  --redesign-button-premium-primary-purple-for-gradient-2: var(
    --premium-tier-2-purple-for-gradients-2
  );
  --redesign-button-tertiary-background: hsl(var(--black-hsl)/0.08);
  --redesign-button-tertiary-pressed-background: hsl(var(--black-hsl)/0.16);
  --redesign-button-tertiary-pressed-text: var(--primary-500);
  --redesign-button-tertiary-text: var(--neutral-72);
  --scrollbar-auto-scrollbar-color-thumb: var(--neutral-33);
  --scrollbar-auto-scrollbar-color-track: var(--neutral-5);
  --scrollbar-auto-thumb: var(--neutral-31);
  --scrollbar-auto-track: hsl(var(--transparent-hsl)/0);
  --scrollbar-thin-thumb: var(--neutral-32);
  --scrollbar-thin-track: hsl(var(--black-hsl)/0);
  --slider-track-background: var(--neutral-16);
  --spine-default: var(--neutral-16);
  --spoiler-hidden-background: var(--neutral-31);
  --spoiler-hidden-background-hover: var(--neutral-40);
  --spoiler-revealed-background: var(--primary-160);
  --standard-tab-gradient-center: var(--illo-blue-30);
  --standard-tab-gradient-inner-ring: hsl(var(--illo-blue-20-hsl)/0.25);
  --standard-tab-gradient-outer-ring: hsl(var(--illo-blue-20-hsl)/0);
  --status-danger: var(--red-430);
  --status-online: var(--green-400);
  --status-positive: var(--green-400);
  --status-positive-background: var(--green-430);
  --status-positive-text: var(--white);
  --status-speaking: var(--green-360);
  --status-warning: var(--yellow-400);
  --status-warning-background: var(--yellow-400);
  --status-warning-text: var(--white);
  --steam-review-text-mixed: var(--yellow-new-75);
  --steam-review-text-negative: var(--red-new-50);
  --steam-review-text-positive: var(--blue-new-53);
  --switch-background-active: var(--blurple-65);
  --switch-background-default: hsl(
    var(--opacity-black-1-hsl)/0.0196078431372549
  );
  --switch-background-hover: hsl(var(--opacity-black-1-hsl)/0.0196078431372549);
  --switch-background-selected-default: var(--blurple-50);
  --switch-background-selected-hover: var(--blurple-60);
  --switch-border-default: hsl(var(--opacity-black-16-hsl)/0.1607843137254902);
  --switch-border-hover: hsl(var(--opacity-black-44-hsl)/0.4392156862745098);
  --switch-border-selected-default: hsl(
    var(--opacity-28-hsl)/0.2784313725490196
  );
  --switch-border-selected-hover: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --switch-thumb-background-default: var(--neutral-44);
  --switch-thumb-background-selected-default: var(--neutral-1);
  --switch-thumb-icon-active: var(--blurple-50);
  --switch-thumb-icon-default: var(--neutral-1);
  --text-brand: var(--blurple-53);
  --text-code: var(--neutral-66);
  --text-code-addition: var(--green-new-65);
  --text-code-attribute: var(--blue-new-62);
  --text-code-builtin: var(--yellow-new-75);
  --text-code-bullet: var(--blue-new-62);
  --text-code-comment: var(--neutral-42);
  --text-code-decorator: var(--yellow-new-75);
  --text-code-deletion: var(--red-new-63);
  --text-code-error: var(--red-new-60);
  --text-code-escape: var(--pink-70);
  --text-code-keyword: var(--red-new-60);
  --text-code-link: var(--blue-new-62);
  --text-code-namespace: var(--blue-new-62);
  --text-code-number: var(--orange-new-61);
  --text-code-operator: var(--red-new-65);
  --text-code-property: var(--teal-new-63);
  --text-code-regexp: var(--green-new-62);
  --text-code-section: var(--red-new-60);
  --text-code-string: var(--green-new-62);
  --text-code-tag: var(--pink-70);
  --text-code-title: var(--blurple-62);
  --text-code-type: var(--pink-70);
  --text-code-variable: var(--neutral-66);
  --text-default: var(--neutral-72);
  --text-feedback-critical: var(--red-new-56);
  --text-feedback-info: var(--blue-new-58);
  --text-feedback-positive: var(--green-new-58);
  --text-feedback-warning: var(--yellow-new-72);
  --text-invert: var(--neutral-1);
  --text-link: var(--blue-new-53);
  --text-muted: var(--neutral-41);
  --text-overlay-dark: var(--neutral-71);
  --text-overlay-light: var(--neutral-2);
  --text-status-dnd: var(--red-new-50);
  --text-status-idle: var(--yellow-new-45);
  --text-status-offline: var(--neutral-45);
  --text-status-online: var(--green-new-55);
  --text-strong: var(--neutral-76);
  --text-subtle: var(--neutral-47);
  --text-voice-connected: var(--green-new-55);
  --text-voice-disconnected: var(--red-new-56);
  --text-voice-speaking: var(--green-new-45);
  --textbox-markdown-syntax: var(--primary-530);
  --thread-channel-spine: var(--primary-300);
  --user-profile-activity-toolbar-background: var(--neutral-1);
  --user-profile-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --user-profile-border: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --user-profile-note-background-focus: var(--neutral-4);
  --user-profile-overlay-background: var(--neutral-1);
  --user-profile-overlay-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --user-profile-toolbar-background: var(--neutral-1);
  --user-profile-toolbar-border: hsl(var(--opacity-20-hsl)/0.2);
}
@supports (color: color-mix(in lch, red, blue)) {
  .theme-light {
    --ansi-black: color-mix(
      in oklab,
      var(--black) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-blue: color-mix(
      in oklab,
      var(--blue-new-42) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-black: color-mix(
      in oklab,
      var(--neutral-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-bright-blue: color-mix(
      in oklab,
      var(--illo-blue-40) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-cyan: color-mix(
      in oklab,
      var(--teal-new-55) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-green: color-mix(
      in oklab,
      var(--illo-green-60) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-magenta: color-mix(
      in oklab,
      var(--illo-pink-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-red: color-mix(
      in oklab,
      var(--red-new-52) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-white: color-mix(
      in oklab,
      var(--white) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-bright-yellow: color-mix(
      in oklab,
      var(--illo-yellow-70) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-cyan: color-mix(
      in oklab,
      var(--teal-new-42) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-green: color-mix(
      in oklab,
      var(--green-new-41) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-magenta: color-mix(
      in oklab,
      var(--pink-55) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-red: color-mix(
      in oklab,
      var(--red-new-39) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-white: color-mix(
      in oklab,
      var(--neutral-20) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-yellow: color-mix(
      in oklab,
      var(--yellow-new-62) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --app-frame-background: color-mix(
      in oklab,
      var(--neutral-7) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --app-frame-border: color-mix(
      in oklab,
      hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2784313725490196)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --app-message-embed-secondary-text: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.7) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.7)
        var(--custom-theme-text-color-amount, 0%)
    );
    --background-accent: color-mix(
      in oklab,
      var(--primary-430) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-base-low: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-base-lower: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-base-lowest: color-mix(
      in oklab,
      var(--neutral-4) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-code: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-code-addition: color-mix(
      in oklab,
      hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-code-deletion: color-mix(
      in oklab,
      hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-critical: color-mix(
      in oklab,
      hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-info: color-mix(
      in oklab,
      hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-positive: color-mix(
      in oklab,
      hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-warning: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-scrim: color-mix(
      in oklab,
      hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5215686274509804)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-scrim-lightbox: color-mix(
      in oklab,
      hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.9215686274509803)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-secondary-alt: color-mix(
      in oklab,
      var(--primary-160) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-surface-high: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-surface-higher: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-surface-highest: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-tile-gradient-pink-end: color-mix(
      in oklab,
      hsl(var(--illo-pink-30-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-tile-gradient-pink-start: color-mix(
      in oklab,
      hsl(var(--illo-pink-10-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --bg-surface-raised: color-mix(
      in oklab,
      var(--white) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --border-feedback-critical: color-mix(
      in oklab,
      var(--red-new-56) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-info: color-mix(
      in oklab,
      var(--blue-new-58) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-positive: color-mix(
      in oklab,
      var(--green-new-58) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-72) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-focus: color-mix(
      in oklab,
      var(--blue-new-40) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-muted: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-normal: color-mix(
      in oklab,
      hsl(var(--opacity-36-hsl)/0.3607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3607843137254902)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-strong: color-mix(
      in oklab,
      hsl(var(--opacity-48-hsl)/0.47843137254901963) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.47843137254901963)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-subtle: color-mix(
      in oklab,
      hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2784313725490196)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-background-default: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --card-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2784313725490196)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-primary-pressed-bg: color-mix(
      in oklab,
      var(--primary-160) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --card-secondary-bg: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --card-secondary-pressed-bg: color-mix(
      in oklab,
      var(--primary-160) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --channel-background-default: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --channel-icon: color-mix(
      in oklab,
      var(--neutral-43) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channel-text-area-placeholder: color-mix(
      in oklab,
      var(--primary-400) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channels-default: color-mix(
      in oklab,
      var(--neutral-43) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channeltextarea-background: color-mix(
      in oklab,
      var(--primary-160) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-brand: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-1: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-10: color-mix(
      in oklab,
      var(--yellow-new-70) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-2: color-mix(
      in oklab,
      var(--illo-orange-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-3: color-mix(
      in oklab,
      var(--illo-purple-40) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-4: color-mix(
      in oklab,
      var(--teal-new-31) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-5: color-mix(
      in oklab,
      var(--green-new-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-6: color-mix(
      in oklab,
      var(--pink-58) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-7: color-mix(
      in oklab,
      var(--yellow-new-32) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-8: color-mix(
      in oklab,
      var(--red-new-45) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-9: color-mix(
      in oklab,
      var(--blue-new-70) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-1: color-mix(
      in oklab,
      var(--blurple-1) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-2: color-mix(
      in oklab,
      var(--blurple-15) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-3: color-mix(
      in oklab,
      var(--blurple-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-4: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-5: color-mix(
      in oklab,
      var(--blurple-60) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-6: color-mix(
      in oklab,
      var(--blurple-71) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-7: color-mix(
      in oklab,
      var(--blurple-83) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-text-1: color-mix(
      in oklab,
      var(--neutral-67) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-2: color-mix(
      in oklab,
      var(--neutral-85) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-3: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-4: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-5: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-6: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-7: color-mix(
      in oklab,
      var(--neutral-12) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-negative: color-mix(
      in oklab,
      var(--red-new-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-neutral: color-mix(
      in oklab,
      var(--neutral-29) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-positive: color-mix(
      in oklab,
      var(--green-new-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chat-background: color-mix(
      in oklab,
      var(--white) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chat-background-default: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chat-border: color-mix(
      in oklab,
      var(--primary-200) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --chat-text-muted: color-mix(
      in oklab,
      var(--neutral-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --content-inventory-media-seekbar-container: color-mix(
      in oklab,
      hsl(var(--plum-6-hsl)/0.24) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.24)
        var(--custom-theme-base-color-amount, 0%)
    );
    --content-inventory-overlay-text-primary: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.85) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.85)
        var(--custom-theme-text-color-amount, 0%)
    );
    --content-inventory-overlay-text-secondary: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.7) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.7)
        var(--custom-theme-text-color-amount, 0%)
    );
    --context-menu-backdrop-background: color-mix(
      in oklab,
      hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5215686274509804)
        var(--custom-theme-base-color-amount, 0%)
    );
    --control-brand-foreground: color-mix(
      in oklab,
      var(--brand-500) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --control-brand-foreground-new: color-mix(
      in oklab,
      var(--brand-500) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --control-secondary-border-active: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --control-secondary-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --creator-revenue-icon-gradient-end: color-mix(
      in oklab,
      var(--teal-400) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --creator-revenue-icon-gradient-start: color-mix(
      in oklab,
      var(--teal-345) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --creator-revenue-info-box-background: color-mix(
      in oklab,
      hsl(var(--teal-430-hsl)/0.1) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1)
        var(--custom-theme-base-color-amount, 0%)
    );
    --creator-revenue-info-box-border: color-mix(
      in oklab,
      var(--teal-400) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --creator-revenue-locked-channel-icon: color-mix(
      in oklab,
      var(--teal-400) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --creator-revenue-progress-bar: color-mix(
      in oklab,
      var(--teal-345) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --datepicker-range-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-40-hsl)/0.4) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.4)
        var(--custom-theme-base-color-amount, 0%)
    );
    --datepicker-range-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-60-hsl)/0.6) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.6)
        var(--custom-theme-base-color-amount, 0%)
    );
    --embed-background: color-mix(
      in oklab,
      var(--primary-130) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --embed-background-alternate: color-mix(
      in oklab,
      var(--primary-200) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --experimental-avatar-embed-bg: color-mix(
      in oklab,
      hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5215686274509804)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-blue-end: color-mix(
      in oklab,
      hsl(var(--illo-blue-30-hsl)/0.8) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.8)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-blue-start: color-mix(
      in oklab,
      hsl(var(--illo-blue-10-hsl)/0.8) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.8)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-green-end: color-mix(
      in oklab,
      hsl(var(--illo-green-30-hsl)/0.8) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.8)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-green-start: color-mix(
      in oklab,
      hsl(var(--illo-green-10-hsl)/0.8) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.8)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-green-end: color-mix(
      in oklab,
      hsl(var(--illo-blue-40-hsl)/0.9) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.9)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-green-start: color-mix(
      in oklab,
      hsl(var(--illo-green-10-hsl)/0.9) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.9)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-pink-end: color-mix(
      in oklab,
      hsl(var(--illo-blue-40-hsl)/0.9) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.9)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-pink-start: color-mix(
      in oklab,
      hsl(var(--illo-pink-30-hsl)/0.9) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.9)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-pink-end: color-mix(
      in oklab,
      hsl(var(--illo-pink-30-hsl)/0.8) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.8)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-pink-start: color-mix(
      in oklab,
      hsl(var(--illo-pink-10-hsl)/0.8) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.8)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-purple-end: color-mix(
      in oklab,
      hsl(var(--illo-purple-30-hsl)/0.8) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.8)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-purple-start: color-mix(
      in oklab,
      hsl(var(--illo-purple-10-hsl)/0.8) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.8)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-bronze-end: color-mix(
      in oklab,
      hsl(var(--illo-orange-70-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-bronze-start: color-mix(
      in oklab,
      hsl(var(--illo-orange-30-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-diamond-end: color-mix(
      in oklab,
      hsl(var(--illo-purple-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-diamond-start: color-mix(
      in oklab,
      hsl(var(--illo-purple-40-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-emerald-end: color-mix(
      in oklab,
      hsl(var(--illo-green-60-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-emerald-start: color-mix(
      in oklab,
      hsl(var(--illo-green-40-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-gold-end: color-mix(
      in oklab,
      hsl(var(--yellow-new-41-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-gold-start: color-mix(
      in oklab,
      hsl(var(--illo-yellow-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-opal-end: color-mix(
      in oklab,
      hsl(var(--blue-new-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-opal-start: color-mix(
      in oklab,
      hsl(var(--teal-new-30-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-platinum-end: color-mix(
      in oklab,
      hsl(var(--teal-new-60-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-platinum-start: color-mix(
      in oklab,
      hsl(var(--teal-new-20-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-ruby-end: color-mix(
      in oklab,
      hsl(var(--red-new-80-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-ruby-start: color-mix(
      in oklab,
      hsl(var(--red-new-44-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-silver-end: color-mix(
      in oklab,
      hsl(var(--neutral-58-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-silver-start: color-mix(
      in oklab,
      hsl(var(--neutral-12-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --gradient-progress-pill-background: color-mix(
      in oklab,
      var(--neutral-18) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --guild-profile-banner-background-default: color-mix(
      in oklab,
      var(--neutral-40) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --home-background: color-mix(
      in oklab,
      var(--primary-100) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --icon-default: color-mix(
      in oklab,
      var(--neutral-72) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-critical: color-mix(
      in oklab,
      var(--red-new-56) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-info: color-mix(
      in oklab,
      var(--blue-new-58) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-positive: color-mix(
      in oklab,
      var(--green-new-58) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-72) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-invert: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-link: color-mix(
      in oklab,
      var(--blue-new-53) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-muted: color-mix(
      in oklab,
      var(--neutral-41) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-overlay-dark: color-mix(
      in oklab,
      var(--neutral-71) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-overlay-light: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-dnd: color-mix(
      in oklab,
      var(--red-new-50) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-idle: color-mix(
      in oklab,
      var(--yellow-new-45) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-offline: color-mix(
      in oklab,
      var(--neutral-45) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-online: color-mix(
      in oklab,
      var(--green-new-55) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-strong: color-mix(
      in oklab,
      var(--neutral-76) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-subtle: color-mix(
      in oklab,
      var(--neutral-47) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-transparent: color-mix(
      in oklab,
      hsl(var(--transparent-hsl)/0) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-connected: color-mix(
      in oklab,
      var(--green-new-55) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-56) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-speaking: color-mix(
      in oklab,
      var(--green-new-45) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --inlinenotice-border-critical: color-mix(
      in oklab,
      hsl(var(--opacity-red-60-hsl)/0.6) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.6)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --inlinenotice-border-info: color-mix(
      in oklab,
      hsl(var(--opacity-blue-60-hsl)/0.6) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.6)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --inlinenotice-border-positive: color-mix(
      in oklab,
      hsl(var(--opacity-green-60-hsl)/0.6) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.6)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --inlinenotice-border-warning: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-36-hsl)/0.3607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3607843137254902)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-black-1-hsl)/0.0196078431372549) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0196078431372549)
        var(--custom-theme-base-color-amount, 0%)
    );
    --input-background-error-default: color-mix(
      in oklab,
      hsl(var(--opacity-red-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(--custom-theme-base-color-amount, 0%)
    );
    --input-border-active: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-36-hsl)/0.3607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3607843137254902)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-error-default: color-mix(
      in oklab,
      var(--red-new-56) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-hover: color-mix(
      in oklab,
      hsl(var(--opacity-36-hsl)/0.3607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3607843137254902)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-readonly: color-mix(
      in oklab,
      hsl(var(--opacity-black-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-icon-default: color-mix(
      in oklab,
      var(--neutral-47) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-placeholder-text-default: color-mix(
      in oklab,
      var(--neutral-42) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-default: color-mix(
      in oklab,
      var(--neutral-72) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-error-default: color-mix(
      in oklab,
      var(--neutral-72) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-accent-background-active: color-mix(
      in oklab,
      var(--blurple-65) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-accent-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-accent-background-hover: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-accent-background-selected: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-selected: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-icon-active: color-mix(
      in oklab,
      var(--neutral-76) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-default: color-mix(
      in oklab,
      var(--neutral-47) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-hover: color-mix(
      in oklab,
      var(--neutral-76) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-muted: color-mix(
      in oklab,
      var(--primary-300) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-active: color-mix(
      in oklab,
      var(--neutral-76) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-default: color-mix(
      in oklab,
      var(--neutral-47) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-hover: color-mix(
      in oklab,
      var(--neutral-76) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --logo-primary: color-mix(
      in oklab,
      var(--brand-500) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mention-background: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mention-foreground: color-mix(
      in oklab,
      var(--blurple-71) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --message-automod-background-default: color-mix(
      in oklab,
      hsl(var(--red-400-hsl)/0.05) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.05)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-automod-background-hover: color-mix(
      in oklab,
      hsl(var(--red-400-hsl)/0.1) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-background-scrim-opaque: color-mix(
      in oklab,
      var(--black) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-expression-picker-background-default: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-guildbar-icon-default: color-mix(
      in oklab,
      var(--neutral-47) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mobile-searchbar-gradient-background: color-mix(
      in oklab,
      var(--neutral-4) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-text-heading-primary: color-mix(
      in oklab,
      var(--neutral-76) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --modal-background: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --modal-footer-background: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --navigator-header-tint: color-mix(
      in oklab,
      var(--primary-500) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --overlay-backdrop-lightbox: color-mix(
      in oklab,
      hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.9215686274509803)
        var(--custom-theme-base-color-amount, 0%)
    );
    --panel-bg: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --polls-normal-image-background: color-mix(
      in oklab,
      var(--white) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --polls-victor-fill: color-mix(
      in oklab,
      hsl(var(--green-400-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --polls-voted-fill: color-mix(
      in oklab,
      hsl(var(--brand-500-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --premium-nitro-pink-text: color-mix(
      in oklab,
      var(--pink-61) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --profile-gradient-note-background: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-overlay: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.6) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.6)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-overlay-synced-with-user-theme: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.8) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.8)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-role-pill-background: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.5) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-role-pill-border: color-mix(
      in oklab,
      hsl(var(--primary-660-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --profile-gradient-section-box: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.45) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.45)
        var(--custom-theme-base-color-amount, 0%)
    );
    --progressbar-indicator-background: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --progressbar-track-background: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-reacted-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-reacted-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-border-active: color-mix(
      in oklab,
      hsl(var(--opacity-48-hsl)/0.47843137254901963) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.47843137254901963)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2784313725490196)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-hover: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-reacted-default: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-text-active: color-mix(
      in oklab,
      var(--neutral-76) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-default: color-mix(
      in oklab,
      var(--neutral-47) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-hover: color-mix(
      in oklab,
      var(--neutral-76) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-reacted-default: color-mix(
      in oklab,
      var(--blurple-75) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --redesign-button-premium-primary-pink-for-gradient: color-mix(
      in oklab,
      var(--premium-tier-2-pink-for-gradients) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-premium-primary-pressed-background: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.1) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-premium-primary-purple-for-gradient: color-mix(
      in oklab,
      var(--premium-tier-2-purple-for-gradients) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-premium-primary-purple-for-gradient-2: color-mix(
      in oklab,
      var(--premium-tier-2-purple-for-gradients-2) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-tertiary-background: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.08) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.08)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-tertiary-pressed-background: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.16) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.16)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-tertiary-pressed-text: color-mix(
      in oklab,
      var(--primary-500) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --redesign-button-tertiary-text: color-mix(
      in oklab,
      var(--neutral-72) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --scrollbar-auto-scrollbar-color-thumb: color-mix(
      in oklab,
      var(--neutral-33) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-auto-scrollbar-color-track: color-mix(
      in oklab,
      var(--neutral-5) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-auto-thumb: color-mix(
      in oklab,
      var(--neutral-31) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-auto-track: color-mix(
      in oklab,
      hsl(var(--transparent-hsl)/0) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-thin-thumb: color-mix(
      in oklab,
      var(--neutral-32) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-thin-track: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0)
        var(--custom-theme-base-color-amount, 0%)
    );
    --slider-track-background: color-mix(
      in oklab,
      var(--neutral-16) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --spine-default: color-mix(
      in oklab,
      var(--neutral-16) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --spoiler-hidden-background: color-mix(
      in oklab,
      var(--neutral-31) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --spoiler-hidden-background-hover: color-mix(
      in oklab,
      var(--neutral-40) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --spoiler-revealed-background: color-mix(
      in oklab,
      var(--primary-160) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --steam-review-text-mixed: color-mix(
      in oklab,
      var(--yellow-new-75) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --steam-review-text-negative: color-mix(
      in oklab,
      var(--red-new-50) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --steam-review-text-positive: color-mix(
      in oklab,
      var(--blue-new-53) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-brand: color-mix(
      in oklab,
      var(--blurple-53) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code: color-mix(
      in oklab,
      var(--neutral-66) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-addition: color-mix(
      in oklab,
      var(--green-new-65) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-attribute: color-mix(
      in oklab,
      var(--blue-new-62) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-builtin: color-mix(
      in oklab,
      var(--yellow-new-75) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-bullet: color-mix(
      in oklab,
      var(--blue-new-62) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-comment: color-mix(
      in oklab,
      var(--neutral-42) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-decorator: color-mix(
      in oklab,
      var(--yellow-new-75) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-deletion: color-mix(
      in oklab,
      var(--red-new-63) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-error: color-mix(
      in oklab,
      var(--red-new-60) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-escape: color-mix(
      in oklab,
      var(--pink-70) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-keyword: color-mix(
      in oklab,
      var(--red-new-60) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-link: color-mix(
      in oklab,
      var(--blue-new-62) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-namespace: color-mix(
      in oklab,
      var(--blue-new-62) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-number: color-mix(
      in oklab,
      var(--orange-new-61) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-operator: color-mix(
      in oklab,
      var(--red-new-65) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-property: color-mix(
      in oklab,
      var(--teal-new-63) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-regexp: color-mix(
      in oklab,
      var(--green-new-62) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-section: color-mix(
      in oklab,
      var(--red-new-60) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-string: color-mix(
      in oklab,
      var(--green-new-62) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-tag: color-mix(
      in oklab,
      var(--pink-70) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-title: color-mix(
      in oklab,
      var(--blurple-62) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-type: color-mix(
      in oklab,
      var(--pink-70) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-variable: color-mix(
      in oklab,
      var(--neutral-66) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-default: color-mix(
      in oklab,
      var(--neutral-72) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-critical: color-mix(
      in oklab,
      var(--red-new-56) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-info: color-mix(
      in oklab,
      var(--blue-new-58) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-positive: color-mix(
      in oklab,
      var(--green-new-58) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-72) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-invert: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-link: color-mix(
      in oklab,
      var(--blue-new-53) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-muted: color-mix(
      in oklab,
      var(--neutral-41) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-dnd: color-mix(
      in oklab,
      var(--red-new-50) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-idle: color-mix(
      in oklab,
      var(--yellow-new-45) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-offline: color-mix(
      in oklab,
      var(--neutral-45) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-online: color-mix(
      in oklab,
      var(--green-new-55) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-strong: color-mix(
      in oklab,
      var(--neutral-76) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-subtle: color-mix(
      in oklab,
      var(--neutral-47) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-connected: color-mix(
      in oklab,
      var(--green-new-55) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-56) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-speaking: color-mix(
      in oklab,
      var(--green-new-45) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --textbox-markdown-syntax: color-mix(
      in oklab,
      var(--primary-530) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --thread-channel-spine: color-mix(
      in oklab,
      var(--primary-300) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-activity-toolbar-background: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-border: color-mix(
      in oklab,
      hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2784313725490196)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-note-background-focus: color-mix(
      in oklab,
      var(--neutral-4) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-overlay-background: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-overlay-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-toolbar-background: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-toolbar-border: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
  }
}
.theme-midnight {
  --ansi-black: var(--black);
  --ansi-blue: var(--blue-new-53);
  --ansi-bright-black: var(--neutral-40);
  --ansi-bright-blue: var(--illo-blue-40);
  --ansi-bright-cyan: var(--teal-new-41);
  --ansi-bright-green: var(--illo-green-60);
  --ansi-bright-magenta: var(--illo-pink-40);
  --ansi-bright-red: var(--red-new-37);
  --ansi-bright-white: var(--white);
  --ansi-bright-yellow: var(--illo-yellow-70);
  --ansi-cyan: var(--teal-new-53);
  --ansi-green: var(--green-new-52);
  --ansi-magenta: var(--pink-63);
  --ansi-red: var(--red-new-50);
  --ansi-white: var(--neutral-20);
  --ansi-yellow: var(--yellow-new-68);
  --app-frame-background: var(--neutral-100);
  --app-frame-border: hsl(var(--opacity-20-hsl)/0.2);
  --app-message-embed-secondary-text: hsl(var(--white-hsl)/0.7);
  --background-accent: var(--plum-17);
  --background-base-low: var(--neutral-95);
  --background-base-lower: var(--neutral-97);
  --background-base-lowest: var(--neutral-100);
  --background-brand: var(--blurple-50);
  --background-code: hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196);
  --background-code-addition: hsl(
    var(--opacity-green-12-hsl)/0.12156862745098039
  );
  --background-code-deletion: hsl(
    var(--opacity-red-12-hsl)/0.12156862745098039
  );
  --background-feedback-critical: hsl(
    var(--opacity-red-8-hsl)/0.0784313725490196
  );
  --background-feedback-info: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
  --background-feedback-notification: var(--red-new-46);
  --background-feedback-positive: hsl(
    var(--opacity-green-8-hsl)/0.0784313725490196
  );
  --background-feedback-warning: hsl(
    var(--opacity-yellow-8-hsl)/0.0784313725490196
  );
  --background-mod-muted: hsl(var(--opacity-8-hsl)/0.0784313725490196);
  --background-mod-normal: hsl(var(--opacity-20-hsl)/0.2);
  --background-mod-strong: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --background-mod-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --background-scrim: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
  --background-scrim-lightbox: hsl(
    var(--opacity-black-92-hsl)/0.9215686274509803
  );
  --background-secondary-alt: var(--plum-17);
  --background-surface-high: var(--neutral-91);
  --background-surface-higher: var(--neutral-87);
  --background-surface-highest: var(--neutral-83);
  --background-tile-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.3);
  --background-tile-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.3);
  --background-voice-muted: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
  --badge-background-brand: var(--blurple-50);
  --badge-background-default: hsl(var(--opacity-20-hsl)/0.2);
  --badge-common-background: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --badge-common-border: var(--neutral-35);
  --badge-common-text: var(--neutral-15);
  --badge-epic-background: hsl(var(--illo-purple-40-hsl)/0.24);
  --badge-epic-border-gradient-end: var(--illo-purple-40);
  --badge-epic-border-gradient-start: var(--illo-pink-40);
  --badge-epic-text: var(--illo-purple-30);
  --badge-expressive-background-default: var(--neutral-1);
  --badge-expressive-text-default: var(--neutral-71);
  --badge-mythic-background: hsl(var(--illo-orange-40-hsl)/0.24);
  --badge-mythic-border-gradient-end: var(--illo-orange-40);
  --badge-mythic-border-gradient-start: var(--illo-yellow-40);
  --badge-mythic-text: var(--illo-orange-30);
  --badge-notification-background: var(--red-new-46);
  --badge-rare-background: hsl(var(--illo-blue-40-hsl)/0.24);
  --badge-rare-border-gradient-end: var(--illo-blue-50);
  --badge-rare-border-gradient-start: var(--illo-blue-40);
  --badge-rare-text: var(--illo-blue-30);
  --badge-text-brand: var(--neutral-1);
  --badge-text-default: var(--neutral-8);
  --bg-surface-raised: var(--plum-23);
  --border-feedback-critical: var(--red-new-34);
  --border-feedback-info: var(--blue-new-37);
  --border-feedback-positive: var(--green-new-37);
  --border-feedback-warning: var(--yellow-new-57);
  --border-focus: var(--blue-new-30);
  --border-muted: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --border-normal: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --border-strong: hsl(var(--opacity-44-hsl)/0.4392156862745098);
  --border-subtle: hsl(var(--opacity-20-hsl)/0.2);
  --border-voice-muted: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
  --button-danger-background-disabled: var(--red-new-50);
  --button-outline-brand-background-hover: var(--brand-500);
  --button-outline-brand-border-active: var(--brand-560);
  --button-outline-primary-text: var(--white);
  --card-background-default: var(--neutral-91);
  --card-border-default: hsl(var(--opacity-20-hsl)/0.2);
  --card-primary-pressed-bg: var(--plum-25);
  --card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --card-secondary-pressed-bg: var(--plum-26);
  --channel-background-default: var(--neutral-97);
  --channel-icon: var(--neutral-37);
  --channel-text-area-placeholder: var(--plum-11);
  --channels-default: var(--neutral-37);
  --channeltextarea-background: var(--plum-23);
  --chart-brand: var(--blurple-50);
  --chart-categorical-1: var(--blurple-50);
  --chart-categorical-10: var(--yellow-new-70);
  --chart-categorical-2: var(--illo-orange-30);
  --chart-categorical-3: var(--illo-purple-40);
  --chart-categorical-4: var(--teal-new-31);
  --chart-categorical-5: var(--green-new-30);
  --chart-categorical-6: var(--pink-58);
  --chart-categorical-7: var(--yellow-new-32);
  --chart-categorical-8: var(--red-new-45);
  --chart-categorical-9: var(--blue-new-70);
  --chart-mono-1: var(--blurple-15);
  --chart-mono-2: var(--blurple-30);
  --chart-mono-3: var(--blurple-50);
  --chart-mono-4: var(--blurple-63);
  --chart-mono-5: var(--blurple-75);
  --chart-mono-6: var(--blurple-85);
  --chart-mono-7: var(--blurple-95);
  --chart-mono-text-1: var(--neutral-85);
  --chart-mono-text-2: var(--neutral-100);
  --chart-mono-text-3: var(--neutral-1);
  --chart-mono-text-4: var(--neutral-1);
  --chart-mono-text-5: var(--neutral-4);
  --chart-mono-text-6: var(--neutral-13);
  --chart-mono-text-7: var(--neutral-18);
  --chart-negative: var(--red-new-50);
  --chart-neutral: var(--neutral-29);
  --chart-positive: var(--green-new-30);
  --chat-background: var(--black);
  --chat-background-default: var(--neutral-91);
  --chat-border: var(--plum-20);
  --chat-text-muted: var(--neutral-38);
  --checkbox-background-active: var(--blurple-65);
  --checkbox-background-default: hsl(
    var(--opacity-black-8-hsl)/0.0784313725490196
  );
  --checkbox-background-hover: hsl(
    var(--opacity-black-8-hsl)/0.0784313725490196
  );
  --checkbox-background-selected-default: var(--blurple-50);
  --checkbox-background-selected-hover: var(--blurple-60);
  --checkbox-border-active: hsl(var(--opacity-20-hsl)/0.2);
  --checkbox-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098);
  --checkbox-border-hover: hsl(var(--opacity-80-hsl)/0.8);
  --checkbox-border-selected-default: hsl(var(--opacity-20-hsl)/0.2);
  --checkbox-border-selected-hover: hsl(var(--opacity-20-hsl)/0.2);
  --checkbox-icon-active: var(--neutral-1);
  --chip-blurple-dark-background: var(--blurple-70);
  --chip-blurple-dark-text: var(--blurple-1);
  --chip-blurple-light-background: var(--blurple-20);
  --chip-blurple-light-text: var(--blurple-91);
  --chip-blurple-medium-background: var(--blurple-40);
  --chip-blurple-medium-text: var(--blurple-100);
  --chip-gray-dark-background: var(--neutral-75);
  --chip-gray-dark-text: var(--neutral-6);
  --chip-gray-light-background: var(--neutral-10);
  --chip-gray-light-text: var(--neutral-68);
  --chip-gray-medium-background: var(--neutral-40);
  --chip-gray-medium-text: var(--neutral-1);
  --chip-green-dark-background: var(--green-new-70);
  --chip-green-dark-text: var(--green-new-1);
  --chip-green-light-background: var(--green-new-20);
  --chip-green-light-text: var(--green-new-91);
  --chip-green-medium-background: var(--green-new-45);
  --chip-green-medium-text: var(--green-new-96);
  --chip-orange-dark-background: var(--orange-new-70);
  --chip-orange-dark-text: var(--orange-new-1);
  --chip-orange-light-background: var(--orange-new-20);
  --chip-orange-light-text: var(--orange-new-93);
  --chip-orange-medium-background: var(--orange-new-40);
  --chip-orange-medium-text: var(--orange-new-100);
  --chip-pink-dark-background: var(--illo-pink-60);
  --chip-pink-dark-text: var(--neutral-1);
  --chip-pink-light-background: var(--illo-pink-20);
  --chip-pink-light-text: var(--neutral-73);
  --chip-pink-medium-background: var(--illo-pink-40);
  --chip-pink-medium-text: var(--neutral-100);
  --chip-purple-dark-background: var(--illo-purple-60);
  --chip-purple-dark-text: var(--neutral-10);
  --chip-purple-light-background: var(--illo-purple-20);
  --chip-purple-light-text: var(--neutral-75);
  --chip-purple-medium-background: var(--illo-purple-40);
  --chip-purple-medium-text: var(--neutral-100);
  --chip-red-dark-background: var(--red-new-70);
  --chip-red-dark-text: var(--red-new-1);
  --chip-red-light-background: var(--red-new-20);
  --chip-red-light-text: var(--red-new-95);
  --chip-red-medium-background: var(--red-new-45);
  --chip-red-medium-text: var(--red-new-100);
  --chip-yellow-dark-background: var(--yellow-new-70);
  --chip-yellow-dark-text: var(--yellow-new-1);
  --chip-yellow-light-background: var(--yellow-new-20);
  --chip-yellow-light-text: var(--yellow-new-87);
  --chip-yellow-medium-background: var(--yellow-new-45);
  --chip-yellow-medium-text: var(--yellow-new-80);
  --collectibles-tab-gradient-center: var(--illo-pink-40);
  --collectibles-tab-gradient-inner: hsl(var(--illo-pink-30-hsl)/0.5);
  --collectibles-tab-gradient-outer: hsl(var(--illo-pink-30-hsl)/0);
  --content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl)/0.24);
  --content-inventory-overlay-text-primary: hsl(var(--white-hsl)/0.85);
  --content-inventory-overlay-text-secondary: hsl(var(--white-hsl)/0.7);
  --context-menu-backdrop-background: hsl(var(--black-hsl)/0.7);
  --control-brand-foreground: var(--brand-360);
  --control-brand-foreground-new: var(--brand-360);
  --control-connected-background-active: var(--green-new-65);
  --control-connected-background-default: var(--green-new-50);
  --control-connected-background-hover: var(--green-new-60);
  --control-connected-border-active: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-connected-border-default: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-connected-border-hover: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-connected-icon-active: var(--neutral-1);
  --control-connected-icon-default: var(--neutral-1);
  --control-connected-icon-hover: var(--neutral-1);
  --control-connected-text-active: var(--neutral-1);
  --control-connected-text-default: var(--neutral-1);
  --control-connected-text-hover: var(--neutral-1);
  --control-critical-primary-background-active: var(--red-new-65);
  --control-critical-primary-background-default: var(--red-new-50);
  --control-critical-primary-background-hover: var(--red-new-60);
  --control-critical-primary-border-active: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-critical-primary-border-default: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-critical-primary-border-hover: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-critical-primary-icon-active: var(--neutral-1);
  --control-critical-primary-icon-default: var(--neutral-1);
  --control-critical-primary-icon-hover: var(--neutral-1);
  --control-critical-primary-text-active: var(--neutral-1);
  --control-critical-primary-text-default: var(--neutral-1);
  --control-critical-primary-text-hover: var(--neutral-1);
  --control-critical-secondary-background-active: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --control-critical-secondary-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-critical-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-critical-secondary-border-active: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-critical-secondary-border-default: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-critical-secondary-border-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-critical-secondary-icon-active: var(--red-new-34);
  --control-critical-secondary-icon-default: var(--red-new-34);
  --control-critical-secondary-icon-hover: var(--red-new-34);
  --control-critical-secondary-text-active: var(--red-new-34);
  --control-critical-secondary-text-default: var(--red-new-34);
  --control-critical-secondary-text-hover: var(--red-new-34);
  --control-expressive-background-active: var(--neutral-5);
  --control-expressive-background-default: var(--neutral-1);
  --control-expressive-background-hover: var(--neutral-1);
  --control-expressive-border-active: hsl(var(--opacity-20-hsl)/0.2);
  --control-expressive-border-default: hsl(var(--opacity-20-hsl)/0.2);
  --control-expressive-border-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-expressive-icon-active: var(--neutral-100);
  --control-expressive-icon-default: var(--neutral-100);
  --control-expressive-icon-hover: var(--neutral-100);
  --control-expressive-text-active: var(--neutral-100);
  --control-expressive-text-default: var(--neutral-100);
  --control-expressive-text-hover: var(--neutral-100);
  --control-icon-only-background-active: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --control-icon-only-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-icon-only-border-active: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-icon-only-border-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-icon-only-icon-active: var(--neutral-8);
  --control-icon-only-icon-default: var(--neutral-27);
  --control-icon-only-icon-hover: var(--neutral-8);
  --control-overlay-primary-background-active: var(--neutral-17);
  --control-overlay-primary-background-default: var(--neutral-1);
  --control-overlay-primary-background-hover: var(--neutral-9);
  --control-overlay-primary-border-active: hsl(var(--opacity-20-hsl)/0.2);
  --control-overlay-primary-border-default: hsl(var(--opacity-20-hsl)/0.2);
  --control-overlay-primary-border-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-overlay-primary-icon-active: var(--neutral-100);
  --control-overlay-primary-icon-default: var(--neutral-100);
  --control-overlay-primary-icon-hover: var(--neutral-100);
  --control-overlay-primary-text-active: var(--neutral-100);
  --control-overlay-primary-text-default: var(--neutral-100);
  --control-overlay-primary-text-hover: var(--neutral-100);
  --control-overlay-secondary-background-active: hsl(
    var(--opacity-black-48-hsl)/0.47843137254901963
  );
  --control-overlay-secondary-background-default: hsl(
    var(--opacity-black-52-hsl)/0.5215686274509804
  );
  --control-overlay-secondary-background-hover: hsl(
    var(--opacity-black-64-hsl)/0.6392156862745098
  );
  --control-overlay-secondary-border-active: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-overlay-secondary-border-default: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-overlay-secondary-border-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-overlay-secondary-icon-active: var(--neutral-1);
  --control-overlay-secondary-icon-default: var(--neutral-1);
  --control-overlay-secondary-icon-hover: var(--neutral-1);
  --control-overlay-secondary-text-active: var(--neutral-1);
  --control-overlay-secondary-text-default: var(--neutral-1);
  --control-overlay-secondary-text-hover: var(--neutral-1);
  --control-primary-background-active: var(--blurple-65);
  --control-primary-background-default: var(--blurple-50);
  --control-primary-background-hover: var(--blurple-60);
  --control-primary-border-active: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-primary-border-default: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-primary-border-hover: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-primary-icon-active: var(--neutral-1);
  --control-primary-icon-default: var(--neutral-1);
  --control-primary-icon-hover: var(--neutral-1);
  --control-primary-text-active: var(--neutral-1);
  --control-primary-text-default: var(--neutral-1);
  --control-primary-text-hover: var(--neutral-1);
  --control-secondary-background-active: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --control-secondary-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-secondary-border-active: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-secondary-border-default: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-secondary-border-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-secondary-icon-active: var(--neutral-8);
  --control-secondary-icon-default: var(--neutral-8);
  --control-secondary-icon-hover: var(--neutral-8);
  --control-secondary-text-active: var(--neutral-8);
  --control-secondary-text-default: var(--neutral-8);
  --control-secondary-text-hover: var(--neutral-8);
  --creator-revenue-icon-gradient-end: var(--teal-430);
  --creator-revenue-icon-gradient-start: var(--teal-360);
  --creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
  --creator-revenue-info-box-border: var(--teal-400);
  --creator-revenue-locked-channel-icon: var(--teal-345);
  --creator-revenue-progress-bar: var(--teal-400);
  --datepicker-range-background-default: hsl(var(--opacity-blurple-40-hsl)/0.4);
  --datepicker-range-background-hover: hsl(var(--opacity-blurple-60-hsl)/0.6);
  --embed-background: var(--plum-23);
  --embed-background-alternate: var(--plum-23);
  --experimental-avatar-embed-bg: hsl(
    var(--opacity-black-52-hsl)/0.5215686274509804
  );
  --expressive-gradient-blue-end: hsl(var(--illo-blue-60-hsl)/0.25);
  --expressive-gradient-blue-start: hsl(var(--illo-blue-40-hsl)/0.25);
  --expressive-gradient-green-end: hsl(var(--illo-green-70-hsl)/0.25);
  --expressive-gradient-green-start: hsl(var(--illo-green-50-hsl)/0.25);
  --expressive-gradient-nitro-green-end: hsl(var(--illo-nitro-blue-hsl)/0.3);
  --expressive-gradient-nitro-green-start: hsl(var(--illo-green-50-hsl)/0.3);
  --expressive-gradient-nitro-pink-end: hsl(var(--illo-nitro-blue-hsl)/0.3);
  --expressive-gradient-nitro-pink-start: hsl(var(--illo-pink-60-hsl)/0.3);
  --expressive-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.25);
  --expressive-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.25);
  --expressive-gradient-purple-end: hsl(var(--illo-purple-60-hsl)/0.25);
  --expressive-gradient-purple-start: hsl(var(--illo-purple-40-hsl)/0.25);
  --expressive-gradient-tenure-badge-bronze-end: hsl(
    var(--illo-orange-70-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-bronze-start: hsl(
    var(--illo-orange-30-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-diamond-end: hsl(
    var(--illo-purple-50-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-diamond-start: hsl(
    var(--illo-purple-40-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-emerald-end: hsl(
    var(--illo-green-60-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-emerald-start: hsl(
    var(--illo-green-40-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-gold-end: hsl(
    var(--yellow-new-41-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-gold-start: hsl(
    var(--illo-yellow-50-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-opal-end: hsl(var(--blue-new-50-hsl)/0.3);
  --expressive-gradient-tenure-badge-opal-start: hsl(
    var(--teal-new-30-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-platinum-end: hsl(
    var(--teal-new-60-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-platinum-start: hsl(
    var(--teal-new-20-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-ruby-end: hsl(var(--red-new-80-hsl)/0.3);
  --expressive-gradient-tenure-badge-ruby-start: hsl(var(--red-new-44-hsl)/0.3);
  --expressive-gradient-tenure-badge-silver-end: hsl(var(--neutral-58-hsl)/0.3);
  --expressive-gradient-tenure-badge-silver-start: hsl(
    var(--neutral-12-hsl)/0.3
  );
  --gradient-progress-pill-background: var(--neutral-63);
  --guild-profile-banner-background-default: var(--neutral-100);
  --home-background: var(--plum-18);
  --icon-default: var(--neutral-10);
  --icon-feedback-critical: var(--red-new-34);
  --icon-feedback-info: var(--blue-new-37);
  --icon-feedback-notification: var(--red-new-46);
  --icon-feedback-positive: var(--green-new-37);
  --icon-feedback-warning: var(--yellow-new-57);
  --icon-invert: var(--neutral-71);
  --icon-link: var(--blue-new-42);
  --icon-muted: var(--neutral-33);
  --icon-overlay-dark: var(--neutral-71);
  --icon-overlay-light: var(--neutral-8);
  --icon-status-dnd: var(--red-new-45);
  --icon-status-idle: var(--yellow-new-22);
  --icon-status-offline: var(--neutral-27);
  --icon-status-online: var(--green-new-40);
  --icon-strong: var(--neutral-8);
  --icon-subtle: var(--neutral-27);
  --icon-transparent: hsl(var(--transparent-hsl)/0);
  --icon-voice-connected: var(--green-new-40);
  --icon-voice-disconnected: var(--red-new-34);
  --icon-voice-muted: var(--red-new-46);
  --icon-voice-speaking: var(--green-new-40);
  --inlinenotice-border-critical: hsl(var(--opacity-red-60-hsl)/0.6);
  --inlinenotice-border-info: hsl(var(--opacity-blue-60-hsl)/0.6);
  --inlinenotice-border-positive: hsl(var(--opacity-green-60-hsl)/0.6);
  --inlinenotice-border-warning: hsl(
    var(--opacity-yellow-72-hsl)/0.7215686274509804
  );
  --input-background-default: hsl(
    var(--opacity-black-12-hsl)/0.12156862745098039
  );
  --input-background-error-default: hsl(
    var(--opacity-red-4-hsl)/0.0392156862745098
  );
  --input-border-active: var(--blurple-50);
  --input-border-default: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --input-border-error-default: var(--red-new-34);
  --input-border-hover: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --input-border-readonly: hsl(var(--opacity-white-12-hsl)/0.12156862745098039);
  --input-icon-default: var(--neutral-27);
  --input-placeholder-text-default: var(--neutral-34);
  --input-text-default: var(--neutral-10);
  --input-text-error-default: var(--neutral-10);
  --interactive-accent-background-active: var(--blurple-65);
  --interactive-accent-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --interactive-accent-background-hover: var(--blurple-50);
  --interactive-accent-background-selected: var(--blurple-50);
  --interactive-background-active: hsl(var(--opacity-20-hsl)/0.2);
  --interactive-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --interactive-background-selected: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --interactive-icon-active: var(--neutral-8);
  --interactive-icon-default: var(--neutral-27);
  --interactive-icon-hover: var(--neutral-8);
  --interactive-muted: var(--plum-13);
  --interactive-text-active: var(--neutral-8);
  --interactive-text-default: var(--neutral-27);
  --interactive-text-hover: var(--neutral-8);
  --logo-primary: var(--white);
  --mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
  --mention-foreground: var(--blurple-26);
  --message-automod-background-default: hsl(var(--red-345-hsl)/0.08);
  --message-automod-background-hover: hsl(var(--red-400-hsl)/0.1);
  --message-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --message-highlight-background-default: hsl(
    var(--opacity-blurple-16-hsl)/0.1607843137254902
  );
  --message-highlight-background-hover: hsl(
    var(--opacity-blurple-12-hsl)/0.12156862745098039
  );
  --message-mentioned-background-default: hsl(
    var(--opacity-yellow-8-hsl)/0.0784313725490196
  );
  --message-mentioned-background-hover: hsl(
    var(--opacity-yellow-4-hsl)/0.0392156862745098
  );
  --mobile-background-scrim-opaque: var(--plum-19);
  --mobile-expression-picker-background-default: var(--neutral-97);
  --mobile-guildbar-icon-default: var(--neutral-27);
  --mobile-searchbar-gradient-background: var(--neutral-100);
  --mobile-text-heading-primary: var(--neutral-8);
  --modal-background: var(--neutral-91);
  --modal-footer-background: var(--neutral-91);
  --navigator-header-tint: var(--white);
  --nitro-tab-gradient-center: var(--illo-pink-40);
  --nitro-tab-gradient-inner-ring: hsl(var(--illo-blue-40-hsl)/0.5);
  --nitro-tab-gradient-outer-ring: hsl(var(--illo-blue-40-hsl)/0);
  --notice-background-critical: var(--red-new-95);
  --notice-background-info: var(--blue-new-95);
  --notice-background-positive: var(--green-new-98);
  --notice-background-warning: var(--yellow-new-97);
  --notice-text-critical: var(--red-new-15);
  --notice-text-info: var(--blue-new-20);
  --notice-text-positive: var(--green-new-21);
  --notice-text-warning: var(--yellow-new-41);
  --overlay-backdrop-lightbox: hsl(
    var(--opacity-black-92-hsl)/0.9215686274509803
  );
  --panel-bg: var(--neutral-97);
  --polls-normal-image-background: var(--primary-660);
  --polls-victor-fill: hsl(var(--green-360-hsl)/0.2);
  --polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
  --premium-nitro-pink-text: var(--pink-55);
  --profile-gradient-note-background: hsl(var(--black-hsl)/0.3);
  --profile-gradient-overlay: hsl(var(--black-hsl)/0.6);
  --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-hsl)/0.8);
  --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5);
  --profile-gradient-role-pill-border: hsl(var(--white-hsl)/0.2);
  --profile-gradient-section-box: hsl(var(--black-hsl)/0.45);
  --progressbar-indicator-background: var(--blurple-50);
  --progressbar-track-background: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --quest-home-tab-gradient-blurple-center: var(--blurple-50);
  --quest-home-tab-gradient-blurple-inner: hsl(var(--blurple-50-hsl)/0.5);
  --quest-home-tab-gradient-blurple-outer: hsl(var(--blurple-50-hsl)/0);
  --radio-background-active: var(--blurple-65);
  --radio-background-default: hsl(
    var(--opacity-black-8-hsl)/0.0784313725490196
  );
  --radio-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
  --radio-background-selected-default: var(--blurple-50);
  --radio-background-selected-hover: var(--blurple-60);
  --radio-border-active: hsl(var(--opacity-20-hsl)/0.2);
  --radio-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098);
  --radio-border-hover: hsl(var(--opacity-80-hsl)/0.8);
  --radio-border-selected-default: hsl(var(--opacity-20-hsl)/0.2);
  --radio-border-selected-hover: hsl(var(--opacity-20-hsl)/0.2);
  --radio-foreground-active: var(--blurple-50);
  --radio-foreground-default: hsl(
    var(--opacity-black-8-hsl)/0.0784313725490196
  );
  --radio-foreground-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
  --radio-thumb-background-active: var(--neutral-1);
  --reaction-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --reaction-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --reaction-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --reaction-background-reacted-default: hsl(
    var(--opacity-blurple-24-hsl)/0.23921568627450981
  );
  --reaction-background-reacted-hover: hsl(
    var(--opacity-blurple-24-hsl)/0.23921568627450981
  );
  --reaction-border-active: hsl(var(--opacity-44-hsl)/0.4392156862745098);
  --reaction-border-default: hsl(var(--opacity-20-hsl)/0.2);
  --reaction-border-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --reaction-border-reacted-default: var(--blurple-50);
  --reaction-text-active: var(--neutral-8);
  --reaction-text-default: var(--neutral-27);
  --reaction-text-hover: var(--neutral-8);
  --reaction-text-reacted-default: var(--blurple-21);
  --redesign-button-premium-primary-pink-for-gradient: var(
    --premium-tier-2-pink-for-gradients
  );
  --redesign-button-premium-primary-pressed-background: hsl(
    var(--black-hsl)/0.1
  );
  --redesign-button-premium-primary-purple-for-gradient: var(
    --premium-tier-2-purple-for-gradients
  );
  --redesign-button-premium-primary-purple-for-gradient-2: var(
    --premium-tier-2-purple-for-gradients-2
  );
  --redesign-button-tertiary-background: hsl(
    var(--opacity-black-12-hsl)/0.12156862745098039
  );
  --redesign-button-tertiary-pressed-background: hsl(var(--plum-11-hsl)/0.2);
  --redesign-button-tertiary-pressed-text: var(--plum-6);
  --redesign-button-tertiary-text: var(--neutral-10);
  --scrollbar-auto-scrollbar-color-thumb: var(--neutral-47);
  --scrollbar-auto-scrollbar-color-track: var(--neutral-100);
  --scrollbar-auto-thumb: var(--neutral-46);
  --scrollbar-auto-track: hsl(var(--transparent-hsl)/0);
  --scrollbar-thin-thumb: var(--neutral-47);
  --scrollbar-thin-track: hsl(var(--black-hsl)/0);
  --slider-track-background: var(--neutral-63);
  --spine-default: var(--neutral-63);
  --spoiler-hidden-background: var(--neutral-46);
  --spoiler-hidden-background-hover: var(--neutral-37);
  --spoiler-revealed-background: hsl(var(--plum-11-hsl)/0.16);
  --standard-tab-gradient-center: var(--illo-blue-40);
  --standard-tab-gradient-inner-ring: hsl(var(--illo-blue-40-hsl)/0.5);
  --standard-tab-gradient-outer-ring: hsl(var(--illo-blue-40-hsl)/0);
  --status-danger: var(--red-400);
  --status-online: var(--green-360);
  --status-positive: var(--green-360);
  --status-positive-background: var(--green-430);
  --status-positive-text: var(--white);
  --status-speaking: var(--green-360);
  --status-warning: var(--yellow-300);
  --status-warning-background: var(--yellow-300);
  --status-warning-text: var(--black);
  --steam-review-text-mixed: var(--yellow-new-55);
  --steam-review-text-negative: var(--red-new-40);
  --steam-review-text-positive: var(--blue-new-43);
  --switch-background-active: var(--blurple-65);
  --switch-background-default: hsl(
    var(--opacity-black-12-hsl)/0.12156862745098039
  );
  --switch-background-hover: hsl(
    var(--opacity-black-12-hsl)/0.12156862745098039
  );
  --switch-background-selected-default: var(--blurple-50);
  --switch-background-selected-hover: var(--blurple-60);
  --switch-border-default: hsl(var(--opacity-20-hsl)/0.2);
  --switch-border-hover: hsl(var(--opacity-40-hsl)/0.4);
  --switch-border-selected-default: hsl(var(--opacity-20-hsl)/0.2);
  --switch-border-selected-hover: hsl(var(--opacity-20-hsl)/0.2);
  --switch-thumb-background-default: var(--neutral-1);
  --switch-thumb-background-selected-default: var(--neutral-1);
  --switch-thumb-icon-active: var(--blurple-50);
  --switch-thumb-icon-default: var(--neutral-71);
  --text-brand: var(--blurple-42);
  --text-code: var(--neutral-13);
  --text-code-addition: var(--green-new-29);
  --text-code-attribute: var(--blue-new-31);
  --text-code-builtin: var(--yellow-new-55);
  --text-code-bullet: var(--blue-new-31);
  --text-code-comment: var(--neutral-32);
  --text-code-decorator: var(--yellow-new-55);
  --text-code-deletion: var(--red-new-27);
  --text-code-error: var(--red-new-28);
  --text-code-escape: var(--pink-41);
  --text-code-keyword: var(--red-new-28);
  --text-code-link: var(--blue-new-31);
  --text-code-namespace: var(--blue-new-31);
  --text-code-number: var(--orange-new-29);
  --text-code-operator: var(--red-new-22);
  --text-code-property: var(--teal-new-31);
  --text-code-regexp: var(--green-new-31);
  --text-code-section: var(--red-new-28);
  --text-code-string: var(--green-new-31);
  --text-code-tag: var(--pink-41);
  --text-code-title: var(--blurple-30);
  --text-code-type: var(--pink-41);
  --text-code-variable: var(--neutral-13);
  --text-default: var(--neutral-10);
  --text-feedback-critical: var(--red-new-34);
  --text-feedback-info: var(--blue-new-37);
  --text-feedback-positive: var(--green-new-37);
  --text-feedback-warning: var(--yellow-new-57);
  --text-invert: var(--neutral-71);
  --text-link: var(--blue-new-42);
  --text-muted: var(--neutral-33);
  --text-overlay-dark: var(--neutral-71);
  --text-overlay-light: var(--neutral-8);
  --text-status-dnd: var(--red-new-45);
  --text-status-idle: var(--yellow-new-22);
  --text-status-offline: var(--neutral-27);
  --text-status-online: var(--green-new-40);
  --text-strong: var(--neutral-8);
  --text-subtle: var(--neutral-27);
  --text-voice-connected: var(--green-new-40);
  --text-voice-disconnected: var(--red-new-34);
  --text-voice-speaking: var(--green-new-40);
  --textbox-markdown-syntax: var(--plum-9);
  --thread-channel-spine: var(--plum-13);
  --user-profile-activity-toolbar-background: var(--neutral-83);
  --user-profile-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --user-profile-border: hsl(var(--opacity-20-hsl)/0.2);
  --user-profile-note-background-focus: var(--neutral-100);
  --user-profile-overlay-background: var(--neutral-83);
  --user-profile-overlay-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --user-profile-toolbar-background: var(--neutral-83);
  --user-profile-toolbar-border: hsl(var(--opacity-16-hsl)/0.1607843137254902);
}
@supports (color: color-mix(in lch, red, blue)) {
  .theme-midnight {
    --ansi-black: color-mix(
      in oklab,
      var(--black) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-blue: color-mix(
      in oklab,
      var(--blue-new-53) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-black: color-mix(
      in oklab,
      var(--neutral-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-bright-blue: color-mix(
      in oklab,
      var(--illo-blue-40) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-cyan: color-mix(
      in oklab,
      var(--teal-new-41) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-green: color-mix(
      in oklab,
      var(--illo-green-60) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-magenta: color-mix(
      in oklab,
      var(--illo-pink-40) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-red: color-mix(
      in oklab,
      var(--red-new-37) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-white: color-mix(
      in oklab,
      var(--white) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-bright-yellow: color-mix(
      in oklab,
      var(--illo-yellow-70) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-cyan: color-mix(
      in oklab,
      var(--teal-new-53) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-green: color-mix(
      in oklab,
      var(--green-new-52) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-magenta: color-mix(
      in oklab,
      var(--pink-63) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-red: color-mix(
      in oklab,
      var(--red-new-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-white: color-mix(
      in oklab,
      var(--neutral-20) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-yellow: color-mix(
      in oklab,
      var(--yellow-new-68) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --app-frame-background: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --app-frame-border: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --app-message-embed-secondary-text: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.7) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.7)
        var(--custom-theme-text-color-amount, 0%)
    );
    --background-accent: color-mix(
      in oklab,
      var(--plum-17) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-base-low: color-mix(
      in oklab,
      var(--neutral-95) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-base-lower: color-mix(
      in oklab,
      var(--neutral-97) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-base-lowest: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-code: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-code-addition: color-mix(
      in oklab,
      hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-code-deletion: color-mix(
      in oklab,
      hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-critical: color-mix(
      in oklab,
      hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-info: color-mix(
      in oklab,
      hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-positive: color-mix(
      in oklab,
      hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-warning: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-scrim: color-mix(
      in oklab,
      hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.7215686274509804)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-scrim-lightbox: color-mix(
      in oklab,
      hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.9215686274509803)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-secondary-alt: color-mix(
      in oklab,
      var(--plum-17) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-surface-high: color-mix(
      in oklab,
      var(--neutral-91) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-surface-higher: color-mix(
      in oklab,
      var(--neutral-87) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-surface-highest: color-mix(
      in oklab,
      var(--neutral-83) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-tile-gradient-pink-end: color-mix(
      in oklab,
      hsl(var(--illo-pink-70-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-tile-gradient-pink-start: color-mix(
      in oklab,
      hsl(var(--illo-pink-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --bg-surface-raised: color-mix(
      in oklab,
      var(--plum-23) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --border-feedback-critical: color-mix(
      in oklab,
      var(--red-new-34) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-info: color-mix(
      in oklab,
      var(--blue-new-37) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-positive: color-mix(
      in oklab,
      var(--green-new-37) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-57) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-focus: color-mix(
      in oklab,
      var(--blue-new-30) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-muted: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-normal: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-strong: color-mix(
      in oklab,
      hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.4392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-subtle: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-background-default: color-mix(
      in oklab,
      var(--neutral-91) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --card-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-primary-pressed-bg: color-mix(
      in oklab,
      var(--plum-25) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --card-secondary-bg: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --card-secondary-pressed-bg: color-mix(
      in oklab,
      var(--plum-26) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --channel-background-default: color-mix(
      in oklab,
      var(--neutral-97) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --channel-icon: color-mix(
      in oklab,
      var(--neutral-37) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channel-text-area-placeholder: color-mix(
      in oklab,
      var(--plum-11) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channels-default: color-mix(
      in oklab,
      var(--neutral-37) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channeltextarea-background: color-mix(
      in oklab,
      var(--plum-23) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-brand: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-1: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-10: color-mix(
      in oklab,
      var(--yellow-new-70) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-2: color-mix(
      in oklab,
      var(--illo-orange-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-3: color-mix(
      in oklab,
      var(--illo-purple-40) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-4: color-mix(
      in oklab,
      var(--teal-new-31) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-5: color-mix(
      in oklab,
      var(--green-new-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-6: color-mix(
      in oklab,
      var(--pink-58) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-7: color-mix(
      in oklab,
      var(--yellow-new-32) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-8: color-mix(
      in oklab,
      var(--red-new-45) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-9: color-mix(
      in oklab,
      var(--blue-new-70) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-1: color-mix(
      in oklab,
      var(--blurple-15) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-2: color-mix(
      in oklab,
      var(--blurple-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-3: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-4: color-mix(
      in oklab,
      var(--blurple-63) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-5: color-mix(
      in oklab,
      var(--blurple-75) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-6: color-mix(
      in oklab,
      var(--blurple-85) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-7: color-mix(
      in oklab,
      var(--blurple-95) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-text-1: color-mix(
      in oklab,
      var(--neutral-85) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-2: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-3: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-4: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-5: color-mix(
      in oklab,
      var(--neutral-4) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-6: color-mix(
      in oklab,
      var(--neutral-13) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-7: color-mix(
      in oklab,
      var(--neutral-18) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-negative: color-mix(
      in oklab,
      var(--red-new-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-neutral: color-mix(
      in oklab,
      var(--neutral-29) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-positive: color-mix(
      in oklab,
      var(--green-new-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chat-background: color-mix(
      in oklab,
      var(--black) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chat-background-default: color-mix(
      in oklab,
      var(--neutral-91) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chat-border: color-mix(
      in oklab,
      var(--plum-20) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --chat-text-muted: color-mix(
      in oklab,
      var(--neutral-38) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --content-inventory-media-seekbar-container: color-mix(
      in oklab,
      hsl(var(--plum-6-hsl)/0.24) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.24)
        var(--custom-theme-base-color-amount, 0%)
    );
    --content-inventory-overlay-text-primary: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.85) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.85)
        var(--custom-theme-text-color-amount, 0%)
    );
    --content-inventory-overlay-text-secondary: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.7) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.7)
        var(--custom-theme-text-color-amount, 0%)
    );
    --context-menu-backdrop-background: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.7) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.7)
        var(--custom-theme-base-color-amount, 0%)
    );
    --control-brand-foreground: color-mix(
      in oklab,
      var(--brand-360) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --control-brand-foreground-new: color-mix(
      in oklab,
      var(--brand-360) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --control-secondary-border-active: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --control-secondary-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --creator-revenue-icon-gradient-end: color-mix(
      in oklab,
      var(--teal-430) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --creator-revenue-icon-gradient-start: color-mix(
      in oklab,
      var(--teal-360) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --creator-revenue-info-box-background: color-mix(
      in oklab,
      hsl(var(--teal-430-hsl)/0.1) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1)
        var(--custom-theme-base-color-amount, 0%)
    );
    --creator-revenue-info-box-border: color-mix(
      in oklab,
      var(--teal-400) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --creator-revenue-locked-channel-icon: color-mix(
      in oklab,
      var(--teal-345) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --creator-revenue-progress-bar: color-mix(
      in oklab,
      var(--teal-400) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --datepicker-range-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-40-hsl)/0.4) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.4)
        var(--custom-theme-base-color-amount, 0%)
    );
    --datepicker-range-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-60-hsl)/0.6) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.6)
        var(--custom-theme-base-color-amount, 0%)
    );
    --embed-background: color-mix(
      in oklab,
      var(--plum-23) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --embed-background-alternate: color-mix(
      in oklab,
      var(--plum-23) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --experimental-avatar-embed-bg: color-mix(
      in oklab,
      hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5215686274509804)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-blue-end: color-mix(
      in oklab,
      hsl(var(--illo-blue-60-hsl)/0.25) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.25)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-blue-start: color-mix(
      in oklab,
      hsl(var(--illo-blue-40-hsl)/0.25) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.25)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-green-end: color-mix(
      in oklab,
      hsl(var(--illo-green-70-hsl)/0.25) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.25)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-green-start: color-mix(
      in oklab,
      hsl(var(--illo-green-50-hsl)/0.25) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.25)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-green-end: color-mix(
      in oklab,
      hsl(var(--illo-nitro-blue-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-green-start: color-mix(
      in oklab,
      hsl(var(--illo-green-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-pink-end: color-mix(
      in oklab,
      hsl(var(--illo-nitro-blue-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-pink-start: color-mix(
      in oklab,
      hsl(var(--illo-pink-60-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-pink-end: color-mix(
      in oklab,
      hsl(var(--illo-pink-70-hsl)/0.25) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.25)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-pink-start: color-mix(
      in oklab,
      hsl(var(--illo-pink-50-hsl)/0.25) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.25)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-purple-end: color-mix(
      in oklab,
      hsl(var(--illo-purple-60-hsl)/0.25) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.25)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-purple-start: color-mix(
      in oklab,
      hsl(var(--illo-purple-40-hsl)/0.25) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.25)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-bronze-end: color-mix(
      in oklab,
      hsl(var(--illo-orange-70-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-bronze-start: color-mix(
      in oklab,
      hsl(var(--illo-orange-30-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-diamond-end: color-mix(
      in oklab,
      hsl(var(--illo-purple-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-diamond-start: color-mix(
      in oklab,
      hsl(var(--illo-purple-40-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-emerald-end: color-mix(
      in oklab,
      hsl(var(--illo-green-60-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-emerald-start: color-mix(
      in oklab,
      hsl(var(--illo-green-40-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-gold-end: color-mix(
      in oklab,
      hsl(var(--yellow-new-41-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-gold-start: color-mix(
      in oklab,
      hsl(var(--illo-yellow-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-opal-end: color-mix(
      in oklab,
      hsl(var(--blue-new-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-opal-start: color-mix(
      in oklab,
      hsl(var(--teal-new-30-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-platinum-end: color-mix(
      in oklab,
      hsl(var(--teal-new-60-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-platinum-start: color-mix(
      in oklab,
      hsl(var(--teal-new-20-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-ruby-end: color-mix(
      in oklab,
      hsl(var(--red-new-80-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-ruby-start: color-mix(
      in oklab,
      hsl(var(--red-new-44-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-silver-end: color-mix(
      in oklab,
      hsl(var(--neutral-58-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-silver-start: color-mix(
      in oklab,
      hsl(var(--neutral-12-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --gradient-progress-pill-background: color-mix(
      in oklab,
      var(--neutral-63) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --guild-profile-banner-background-default: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --home-background: color-mix(
      in oklab,
      var(--plum-18) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --icon-default: color-mix(
      in oklab,
      var(--neutral-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-critical: color-mix(
      in oklab,
      var(--red-new-34) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-info: color-mix(
      in oklab,
      var(--blue-new-37) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-positive: color-mix(
      in oklab,
      var(--green-new-37) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-57) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-invert: color-mix(
      in oklab,
      var(--neutral-71) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-link: color-mix(
      in oklab,
      var(--blue-new-42) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-muted: color-mix(
      in oklab,
      var(--neutral-33) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-overlay-dark: color-mix(
      in oklab,
      var(--neutral-71) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-overlay-light: color-mix(
      in oklab,
      var(--neutral-8) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-dnd: color-mix(
      in oklab,
      var(--red-new-45) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-idle: color-mix(
      in oklab,
      var(--yellow-new-22) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-offline: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-online: color-mix(
      in oklab,
      var(--green-new-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-strong: color-mix(
      in oklab,
      var(--neutral-8) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-subtle: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-transparent: color-mix(
      in oklab,
      hsl(var(--transparent-hsl)/0) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-connected: color-mix(
      in oklab,
      var(--green-new-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-34) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-speaking: color-mix(
      in oklab,
      var(--green-new-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --inlinenotice-border-critical: color-mix(
      in oklab,
      hsl(var(--opacity-red-60-hsl)/0.6) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.6)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --inlinenotice-border-info: color-mix(
      in oklab,
      hsl(var(--opacity-blue-60-hsl)/0.6) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.6)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --inlinenotice-border-positive: color-mix(
      in oklab,
      hsl(var(--opacity-green-60-hsl)/0.6) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.6)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --inlinenotice-border-warning: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-72-hsl)/0.7215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.7215686274509804)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-black-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --input-background-error-default: color-mix(
      in oklab,
      hsl(var(--opacity-red-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(--custom-theme-base-color-amount, 0%)
    );
    --input-border-active: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-error-default: color-mix(
      in oklab,
      var(--red-new-34) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-hover: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-readonly: color-mix(
      in oklab,
      hsl(var(--opacity-white-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-icon-default: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-placeholder-text-default: color-mix(
      in oklab,
      var(--neutral-34) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-default: color-mix(
      in oklab,
      var(--neutral-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-error-default: color-mix(
      in oklab,
      var(--neutral-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-accent-background-active: color-mix(
      in oklab,
      var(--blurple-65) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-accent-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-accent-background-hover: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-accent-background-selected: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-selected: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-icon-active: color-mix(
      in oklab,
      var(--neutral-8) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-default: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-hover: color-mix(
      in oklab,
      var(--neutral-8) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-muted: color-mix(
      in oklab,
      var(--plum-13) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-active: color-mix(
      in oklab,
      var(--neutral-8) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-default: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-hover: color-mix(
      in oklab,
      var(--neutral-8) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --logo-primary: color-mix(
      in oklab,
      var(--white) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mention-background: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mention-foreground: color-mix(
      in oklab,
      var(--blurple-26) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --message-automod-background-default: color-mix(
      in oklab,
      hsl(var(--red-345-hsl)/0.08) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.08)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-automod-background-hover: color-mix(
      in oklab,
      hsl(var(--red-400-hsl)/0.1) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-background-scrim-opaque: color-mix(
      in oklab,
      var(--plum-19) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-expression-picker-background-default: color-mix(
      in oklab,
      var(--neutral-97) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-guildbar-icon-default: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mobile-searchbar-gradient-background: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-text-heading-primary: color-mix(
      in oklab,
      var(--neutral-8) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --modal-background: color-mix(
      in oklab,
      var(--neutral-91) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --modal-footer-background: color-mix(
      in oklab,
      var(--neutral-91) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --navigator-header-tint: color-mix(
      in oklab,
      var(--white) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --overlay-backdrop-lightbox: color-mix(
      in oklab,
      hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.9215686274509803)
        var(--custom-theme-base-color-amount, 0%)
    );
    --panel-bg: color-mix(
      in oklab,
      var(--neutral-97) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --polls-normal-image-background: color-mix(
      in oklab,
      var(--primary-660) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --polls-victor-fill: color-mix(
      in oklab,
      hsl(var(--green-360-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --polls-voted-fill: color-mix(
      in oklab,
      hsl(var(--brand-500-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --premium-nitro-pink-text: color-mix(
      in oklab,
      var(--pink-55) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --profile-gradient-note-background: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-overlay: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.6) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.6)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-overlay-synced-with-user-theme: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.8) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.8)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-role-pill-background: color-mix(
      in oklab,
      hsl(var(--primary-660-hsl)/0.5) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-role-pill-border: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --profile-gradient-section-box: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.45) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.45)
        var(--custom-theme-base-color-amount, 0%)
    );
    --progressbar-indicator-background: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --progressbar-track-background: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-reacted-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-reacted-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-border-active: color-mix(
      in oklab,
      hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.4392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-hover: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-reacted-default: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-text-active: color-mix(
      in oklab,
      var(--neutral-8) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-default: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-hover: color-mix(
      in oklab,
      var(--neutral-8) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-reacted-default: color-mix(
      in oklab,
      var(--blurple-21) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --redesign-button-premium-primary-pink-for-gradient: color-mix(
      in oklab,
      var(--premium-tier-2-pink-for-gradients) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-premium-primary-pressed-background: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.1) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-premium-primary-purple-for-gradient: color-mix(
      in oklab,
      var(--premium-tier-2-purple-for-gradients) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-premium-primary-purple-for-gradient-2: color-mix(
      in oklab,
      var(--premium-tier-2-purple-for-gradients-2) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-tertiary-background: color-mix(
      in oklab,
      hsl(var(--opacity-black-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-tertiary-pressed-background: color-mix(
      in oklab,
      hsl(var(--plum-11-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-tertiary-pressed-text: color-mix(
      in oklab,
      var(--plum-6) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --redesign-button-tertiary-text: color-mix(
      in oklab,
      var(--neutral-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --scrollbar-auto-scrollbar-color-thumb: color-mix(
      in oklab,
      var(--neutral-47) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-auto-scrollbar-color-track: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-auto-thumb: color-mix(
      in oklab,
      var(--neutral-46) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-auto-track: color-mix(
      in oklab,
      hsl(var(--transparent-hsl)/0) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-thin-thumb: color-mix(
      in oklab,
      var(--neutral-47) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-thin-track: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0)
        var(--custom-theme-base-color-amount, 0%)
    );
    --slider-track-background: color-mix(
      in oklab,
      var(--neutral-63) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --spine-default: color-mix(
      in oklab,
      var(--neutral-63) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --spoiler-hidden-background: color-mix(
      in oklab,
      var(--neutral-46) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --spoiler-hidden-background-hover: color-mix(
      in oklab,
      var(--neutral-37) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --spoiler-revealed-background: color-mix(
      in oklab,
      hsl(var(--plum-11-hsl)/0.16) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.16)
        var(--custom-theme-base-color-amount, 0%)
    );
    --steam-review-text-mixed: color-mix(
      in oklab,
      var(--yellow-new-55) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --steam-review-text-negative: color-mix(
      in oklab,
      var(--red-new-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --steam-review-text-positive: color-mix(
      in oklab,
      var(--blue-new-43) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-brand: color-mix(
      in oklab,
      var(--blurple-42) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code: color-mix(
      in oklab,
      var(--neutral-13) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-addition: color-mix(
      in oklab,
      var(--green-new-29) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-attribute: color-mix(
      in oklab,
      var(--blue-new-31) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-builtin: color-mix(
      in oklab,
      var(--yellow-new-55) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-bullet: color-mix(
      in oklab,
      var(--blue-new-31) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-comment: color-mix(
      in oklab,
      var(--neutral-32) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-decorator: color-mix(
      in oklab,
      var(--yellow-new-55) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-deletion: color-mix(
      in oklab,
      var(--red-new-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-error: color-mix(
      in oklab,
      var(--red-new-28) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-escape: color-mix(
      in oklab,
      var(--pink-41) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-keyword: color-mix(
      in oklab,
      var(--red-new-28) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-link: color-mix(
      in oklab,
      var(--blue-new-31) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-namespace: color-mix(
      in oklab,
      var(--blue-new-31) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-number: color-mix(
      in oklab,
      var(--orange-new-29) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-operator: color-mix(
      in oklab,
      var(--red-new-22) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-property: color-mix(
      in oklab,
      var(--teal-new-31) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-regexp: color-mix(
      in oklab,
      var(--green-new-31) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-section: color-mix(
      in oklab,
      var(--red-new-28) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-string: color-mix(
      in oklab,
      var(--green-new-31) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-tag: color-mix(
      in oklab,
      var(--pink-41) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-title: color-mix(
      in oklab,
      var(--blurple-30) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-type: color-mix(
      in oklab,
      var(--pink-41) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-variable: color-mix(
      in oklab,
      var(--neutral-13) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-default: color-mix(
      in oklab,
      var(--neutral-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-critical: color-mix(
      in oklab,
      var(--red-new-34) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-info: color-mix(
      in oklab,
      var(--blue-new-37) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-positive: color-mix(
      in oklab,
      var(--green-new-37) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-57) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-invert: color-mix(
      in oklab,
      var(--neutral-71) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-link: color-mix(
      in oklab,
      var(--blue-new-42) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-muted: color-mix(
      in oklab,
      var(--neutral-33) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-dnd: color-mix(
      in oklab,
      var(--red-new-45) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-idle: color-mix(
      in oklab,
      var(--yellow-new-22) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-offline: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-online: color-mix(
      in oklab,
      var(--green-new-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-strong: color-mix(
      in oklab,
      var(--neutral-8) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-subtle: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-connected: color-mix(
      in oklab,
      var(--green-new-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-34) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-speaking: color-mix(
      in oklab,
      var(--green-new-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --textbox-markdown-syntax: color-mix(
      in oklab,
      var(--plum-9) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --thread-channel-spine: color-mix(
      in oklab,
      var(--plum-13) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-activity-toolbar-background: color-mix(
      in oklab,
      var(--neutral-83) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-border: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-note-background-focus: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-overlay-background: color-mix(
      in oklab,
      var(--neutral-83) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-overlay-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-toolbar-background: color-mix(
      in oklab,
      var(--neutral-83) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-toolbar-border: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
  }
}
.theme-darker {
  --ansi-black: var(--black);
  --ansi-blue: var(--blue-new-47);
  --ansi-bright-black: var(--neutral-40);
  --ansi-bright-blue: var(--illo-blue-40);
  --ansi-bright-cyan: var(--teal-new-35);
  --ansi-bright-green: var(--illo-green-50);
  --ansi-bright-magenta: var(--illo-pink-40);
  --ansi-bright-red: var(--red-new-31);
  --ansi-bright-white: var(--white);
  --ansi-bright-yellow: var(--illo-yellow-60);
  --ansi-cyan: var(--teal-new-48);
  --ansi-green: var(--green-new-47);
  --ansi-magenta: var(--pink-58);
  --ansi-red: var(--red-new-44);
  --ansi-white: var(--neutral-20);
  --ansi-yellow: var(--yellow-new-65);
  --app-frame-background: var(--neutral-97);
  --app-frame-border: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --app-message-embed-secondary-text: hsl(var(--white-hsl)/0.7);
  --background-accent: var(--plum-15);
  --background-base-low: var(--neutral-82);
  --background-base-lower: var(--neutral-86);
  --background-base-lowest: var(--neutral-92);
  --background-brand: var(--blurple-50);
  --background-code: hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196);
  --background-code-addition: hsl(
    var(--opacity-green-12-hsl)/0.12156862745098039
  );
  --background-code-deletion: hsl(
    var(--opacity-red-12-hsl)/0.12156862745098039
  );
  --background-feedback-critical: hsl(
    var(--opacity-red-8-hsl)/0.0784313725490196
  );
  --background-feedback-info: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
  --background-feedback-notification: var(--red-new-46);
  --background-feedback-positive: hsl(
    var(--opacity-green-8-hsl)/0.0784313725490196
  );
  --background-feedback-warning: hsl(
    var(--opacity-yellow-8-hsl)/0.0784313725490196
  );
  --background-mod-muted: hsl(var(--opacity-8-hsl)/0.0784313725490196);
  --background-mod-normal: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --background-mod-strong: hsl(var(--opacity-20-hsl)/0.2);
  --background-mod-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --background-scrim: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
  --background-scrim-lightbox: hsl(
    var(--opacity-black-92-hsl)/0.9215686274509803
  );
  --background-secondary-alt: var(--plum-15);
  --background-surface-high: var(--neutral-79);
  --background-surface-higher: var(--neutral-76);
  --background-surface-highest: var(--neutral-73);
  --background-tile-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.3);
  --background-tile-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.3);
  --background-voice-muted: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
  --badge-background-brand: var(--blurple-50);
  --badge-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --badge-common-background: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --badge-common-border: var(--neutral-35);
  --badge-common-text: var(--neutral-15);
  --badge-epic-background: hsl(var(--illo-purple-40-hsl)/0.24);
  --badge-epic-border-gradient-end: var(--illo-purple-40);
  --badge-epic-border-gradient-start: var(--illo-pink-40);
  --badge-epic-text: var(--illo-purple-30);
  --badge-expressive-background-default: var(--neutral-1);
  --badge-expressive-text-default: var(--neutral-71);
  --badge-mythic-background: hsl(var(--illo-orange-40-hsl)/0.24);
  --badge-mythic-border-gradient-end: var(--illo-orange-40);
  --badge-mythic-border-gradient-start: var(--illo-yellow-40);
  --badge-mythic-text: var(--illo-orange-30);
  --badge-notification-background: var(--red-new-46);
  --badge-rare-background: hsl(var(--illo-blue-40-hsl)/0.24);
  --badge-rare-border-gradient-end: var(--illo-blue-50);
  --badge-rare-border-gradient-start: var(--illo-blue-40);
  --badge-rare-text: var(--illo-blue-30);
  --badge-text-brand: var(--neutral-1);
  --badge-text-default: var(--neutral-2);
  --bg-surface-raised: var(--plum-18);
  --border-feedback-critical: var(--red-new-28);
  --border-feedback-info: var(--blue-new-31);
  --border-feedback-positive: var(--green-new-31);
  --border-feedback-warning: var(--yellow-new-53);
  --border-focus: var(--blue-new-30);
  --border-muted: hsl(var(--opacity-4-hsl)/0.0392156862745098);
  --border-normal: hsl(var(--opacity-20-hsl)/0.2);
  --border-strong: hsl(var(--opacity-44-hsl)/0.4392156862745098);
  --border-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --border-voice-muted: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
  --button-danger-background-disabled: var(--red-new-50);
  --button-outline-brand-background-hover: var(--brand-500);
  --button-outline-brand-border-active: var(--brand-560);
  --button-outline-primary-text: var(--white);
  --card-background-default: var(--neutral-79);
  --card-border-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --card-primary-pressed-bg: var(--plum-19);
  --card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --card-secondary-pressed-bg: var(--plum-21);
  --channel-background-default: var(--neutral-86);
  --channel-icon: var(--neutral-35);
  --channel-text-area-placeholder: var(--plum-11);
  --channels-default: var(--neutral-35);
  --channeltextarea-background: var(--plum-15);
  --chart-brand: var(--blurple-50);
  --chart-categorical-1: var(--blurple-50);
  --chart-categorical-10: var(--yellow-new-70);
  --chart-categorical-2: var(--illo-orange-30);
  --chart-categorical-3: var(--illo-purple-40);
  --chart-categorical-4: var(--teal-new-31);
  --chart-categorical-5: var(--green-new-30);
  --chart-categorical-6: var(--pink-58);
  --chart-categorical-7: var(--yellow-new-32);
  --chart-categorical-8: var(--red-new-45);
  --chart-categorical-9: var(--blue-new-70);
  --chart-mono-1: var(--blurple-15);
  --chart-mono-2: var(--blurple-30);
  --chart-mono-3: var(--blurple-50);
  --chart-mono-4: var(--blurple-63);
  --chart-mono-5: var(--blurple-75);
  --chart-mono-6: var(--blurple-85);
  --chart-mono-7: var(--blurple-95);
  --chart-mono-text-1: var(--neutral-85);
  --chart-mono-text-2: var(--neutral-100);
  --chart-mono-text-3: var(--neutral-1);
  --chart-mono-text-4: var(--neutral-1);
  --chart-mono-text-5: var(--neutral-4);
  --chart-mono-text-6: var(--neutral-13);
  --chart-mono-text-7: var(--neutral-18);
  --chart-negative: var(--red-new-50);
  --chart-neutral: var(--neutral-29);
  --chart-positive: var(--green-new-30);
  --chat-background: var(--plum-16);
  --chat-background-default: var(--neutral-80);
  --chat-border: var(--plum-20);
  --chat-text-muted: var(--neutral-35);
  --checkbox-background-active: var(--blurple-65);
  --checkbox-background-default: hsl(
    var(--opacity-black-8-hsl)/0.0784313725490196
  );
  --checkbox-background-hover: hsl(
    var(--opacity-black-8-hsl)/0.0784313725490196
  );
  --checkbox-background-selected-default: var(--blurple-50);
  --checkbox-background-selected-hover: var(--blurple-60);
  --checkbox-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --checkbox-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098);
  --checkbox-border-hover: hsl(var(--opacity-80-hsl)/0.8);
  --checkbox-border-selected-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --checkbox-border-selected-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --checkbox-icon-active: var(--neutral-1);
  --chip-blurple-dark-background: var(--blurple-70);
  --chip-blurple-dark-text: var(--blurple-1);
  --chip-blurple-light-background: var(--blurple-20);
  --chip-blurple-light-text: var(--blurple-91);
  --chip-blurple-medium-background: var(--blurple-40);
  --chip-blurple-medium-text: var(--blurple-100);
  --chip-gray-dark-background: var(--neutral-75);
  --chip-gray-dark-text: var(--neutral-6);
  --chip-gray-light-background: var(--neutral-10);
  --chip-gray-light-text: var(--neutral-68);
  --chip-gray-medium-background: var(--neutral-40);
  --chip-gray-medium-text: var(--neutral-1);
  --chip-green-dark-background: var(--green-new-70);
  --chip-green-dark-text: var(--green-new-1);
  --chip-green-light-background: var(--green-new-20);
  --chip-green-light-text: var(--green-new-91);
  --chip-green-medium-background: var(--green-new-45);
  --chip-green-medium-text: var(--green-new-96);
  --chip-orange-dark-background: var(--orange-new-70);
  --chip-orange-dark-text: var(--orange-new-1);
  --chip-orange-light-background: var(--orange-new-20);
  --chip-orange-light-text: var(--orange-new-93);
  --chip-orange-medium-background: var(--orange-new-40);
  --chip-orange-medium-text: var(--orange-new-100);
  --chip-pink-dark-background: var(--illo-pink-60);
  --chip-pink-dark-text: var(--neutral-1);
  --chip-pink-light-background: var(--illo-pink-20);
  --chip-pink-light-text: var(--neutral-73);
  --chip-pink-medium-background: var(--illo-pink-40);
  --chip-pink-medium-text: var(--neutral-100);
  --chip-purple-dark-background: var(--illo-purple-60);
  --chip-purple-dark-text: var(--neutral-10);
  --chip-purple-light-background: var(--illo-purple-20);
  --chip-purple-light-text: var(--neutral-75);
  --chip-purple-medium-background: var(--illo-purple-40);
  --chip-purple-medium-text: var(--neutral-100);
  --chip-red-dark-background: var(--red-new-70);
  --chip-red-dark-text: var(--red-new-1);
  --chip-red-light-background: var(--red-new-20);
  --chip-red-light-text: var(--red-new-95);
  --chip-red-medium-background: var(--red-new-45);
  --chip-red-medium-text: var(--red-new-100);
  --chip-yellow-dark-background: var(--yellow-new-70);
  --chip-yellow-dark-text: var(--yellow-new-1);
  --chip-yellow-light-background: var(--yellow-new-20);
  --chip-yellow-light-text: var(--yellow-new-87);
  --chip-yellow-medium-background: var(--yellow-new-45);
  --chip-yellow-medium-text: var(--yellow-new-80);
  --collectibles-tab-gradient-center: var(--illo-pink-40);
  --collectibles-tab-gradient-inner: hsl(var(--illo-pink-30-hsl)/0.5);
  --collectibles-tab-gradient-outer: hsl(var(--illo-pink-30-hsl)/0);
  --content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl)/0.24);
  --content-inventory-overlay-text-primary: hsl(var(--white-hsl)/0.85);
  --content-inventory-overlay-text-secondary: hsl(var(--white-hsl)/0.7);
  --context-menu-backdrop-background: hsl(
    var(--opacity-black-72-hsl)/0.7215686274509804
  );
  --control-brand-foreground: var(--brand-360);
  --control-brand-foreground-new: var(--brand-360);
  --control-connected-background-active: var(--green-new-65);
  --control-connected-background-default: var(--green-new-50);
  --control-connected-background-hover: var(--green-new-60);
  --control-connected-border-active: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-connected-border-default: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-connected-border-hover: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-connected-icon-active: var(--neutral-1);
  --control-connected-icon-default: var(--neutral-1);
  --control-connected-icon-hover: var(--neutral-1);
  --control-connected-text-active: var(--neutral-1);
  --control-connected-text-default: var(--neutral-1);
  --control-connected-text-hover: var(--neutral-1);
  --control-critical-primary-background-active: var(--red-new-65);
  --control-critical-primary-background-default: var(--red-new-50);
  --control-critical-primary-background-hover: var(--red-new-60);
  --control-critical-primary-border-active: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-critical-primary-border-default: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-critical-primary-border-hover: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-critical-primary-icon-active: var(--neutral-1);
  --control-critical-primary-icon-default: var(--neutral-1);
  --control-critical-primary-icon-hover: var(--neutral-1);
  --control-critical-primary-text-active: var(--neutral-1);
  --control-critical-primary-text-default: var(--neutral-1);
  --control-critical-primary-text-hover: var(--neutral-1);
  --control-critical-secondary-background-active: hsl(
    var(--opacity-20-hsl)/0.2
  );
  --control-critical-secondary-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-critical-secondary-background-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-critical-secondary-border-active: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-critical-secondary-border-default: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-critical-secondary-border-hover: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-critical-secondary-icon-active: var(--red-new-28);
  --control-critical-secondary-icon-default: var(--red-new-28);
  --control-critical-secondary-icon-hover: var(--red-new-28);
  --control-critical-secondary-text-active: var(--red-new-28);
  --control-critical-secondary-text-default: var(--red-new-28);
  --control-critical-secondary-text-hover: var(--red-new-28);
  --control-expressive-background-active: var(--neutral-5);
  --control-expressive-background-default: var(--neutral-1);
  --control-expressive-background-hover: var(--neutral-1);
  --control-expressive-border-active: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-expressive-border-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-expressive-border-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-expressive-icon-active: var(--neutral-100);
  --control-expressive-icon-default: var(--neutral-100);
  --control-expressive-icon-hover: var(--neutral-100);
  --control-expressive-text-active: var(--neutral-100);
  --control-expressive-text-default: var(--neutral-100);
  --control-expressive-text-hover: var(--neutral-100);
  --control-icon-only-background-active: hsl(var(--opacity-20-hsl)/0.2);
  --control-icon-only-background-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-icon-only-border-active: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-icon-only-border-hover: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-icon-only-icon-active: var(--neutral-2);
  --control-icon-only-icon-default: var(--neutral-23);
  --control-icon-only-icon-hover: var(--neutral-2);
  --control-overlay-primary-background-active: var(--neutral-17);
  --control-overlay-primary-background-default: var(--neutral-1);
  --control-overlay-primary-background-hover: var(--neutral-9);
  --control-overlay-primary-border-active: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-overlay-primary-border-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-overlay-primary-border-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-overlay-primary-icon-active: var(--neutral-100);
  --control-overlay-primary-icon-default: var(--neutral-100);
  --control-overlay-primary-icon-hover: var(--neutral-100);
  --control-overlay-primary-text-active: var(--neutral-100);
  --control-overlay-primary-text-default: var(--neutral-100);
  --control-overlay-primary-text-hover: var(--neutral-100);
  --control-overlay-secondary-background-active: hsl(
    var(--opacity-black-48-hsl)/0.47843137254901963
  );
  --control-overlay-secondary-background-default: hsl(
    var(--opacity-black-52-hsl)/0.5215686274509804
  );
  --control-overlay-secondary-background-hover: hsl(
    var(--opacity-black-64-hsl)/0.6392156862745098
  );
  --control-overlay-secondary-border-active: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-overlay-secondary-border-default: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-overlay-secondary-border-hover: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-overlay-secondary-icon-active: var(--neutral-1);
  --control-overlay-secondary-icon-default: var(--neutral-1);
  --control-overlay-secondary-icon-hover: var(--neutral-1);
  --control-overlay-secondary-text-active: var(--neutral-1);
  --control-overlay-secondary-text-default: var(--neutral-1);
  --control-overlay-secondary-text-hover: var(--neutral-1);
  --control-primary-background-active: var(--blurple-65);
  --control-primary-background-default: var(--blurple-50);
  --control-primary-background-hover: var(--blurple-60);
  --control-primary-border-active: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-primary-border-default: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-primary-border-hover: hsl(
    var(--opacity-white-8-hsl)/0.0784313725490196
  );
  --control-primary-icon-active: var(--neutral-1);
  --control-primary-icon-default: var(--neutral-1);
  --control-primary-icon-hover: var(--neutral-1);
  --control-primary-text-active: var(--neutral-1);
  --control-primary-text-default: var(--neutral-1);
  --control-primary-text-hover: var(--neutral-1);
  --control-secondary-background-active: hsl(var(--opacity-20-hsl)/0.2);
  --control-secondary-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-secondary-background-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-secondary-border-active: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-secondary-border-default: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-secondary-border-hover: hsl(
    var(--opacity-4-hsl)/0.0392156862745098
  );
  --control-secondary-icon-active: var(--neutral-2);
  --control-secondary-icon-default: var(--neutral-2);
  --control-secondary-icon-hover: var(--neutral-2);
  --control-secondary-text-active: var(--neutral-2);
  --control-secondary-text-default: var(--neutral-2);
  --control-secondary-text-hover: var(--neutral-2);
  --creator-revenue-icon-gradient-end: var(--teal-430);
  --creator-revenue-icon-gradient-start: var(--teal-360);
  --creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
  --creator-revenue-info-box-border: var(--teal-400);
  --creator-revenue-locked-channel-icon: var(--teal-345);
  --creator-revenue-progress-bar: var(--teal-400);
  --datepicker-range-background-default: hsl(var(--opacity-blurple-40-hsl)/0.4);
  --datepicker-range-background-hover: hsl(var(--opacity-blurple-60-hsl)/0.6);
  --embed-background: var(--plum-18);
  --embed-background-alternate: var(--plum-18);
  --experimental-avatar-embed-bg: hsl(
    var(--opacity-black-52-hsl)/0.5215686274509804
  );
  --expressive-gradient-blue-end: hsl(var(--illo-blue-60-hsl)/0.3);
  --expressive-gradient-blue-start: hsl(var(--illo-blue-40-hsl)/0.3);
  --expressive-gradient-green-end: hsl(var(--illo-green-70-hsl)/0.3);
  --expressive-gradient-green-start: hsl(var(--illo-green-50-hsl)/0.3);
  --expressive-gradient-nitro-green-end: hsl(var(--illo-nitro-blue-hsl)/0.4);
  --expressive-gradient-nitro-green-start: hsl(var(--illo-green-50-hsl)/0.4);
  --expressive-gradient-nitro-pink-end: hsl(var(--illo-nitro-blue-hsl)/0.4);
  --expressive-gradient-nitro-pink-start: hsl(var(--illo-pink-60-hsl)/0.4);
  --expressive-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.3);
  --expressive-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.3);
  --expressive-gradient-purple-end: hsl(var(--illo-purple-60-hsl)/0.3);
  --expressive-gradient-purple-start: hsl(var(--illo-purple-40-hsl)/0.3);
  --expressive-gradient-tenure-badge-bronze-end: hsl(
    var(--illo-orange-70-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-bronze-start: hsl(
    var(--illo-orange-30-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-diamond-end: hsl(
    var(--illo-purple-50-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-diamond-start: hsl(
    var(--illo-purple-40-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-emerald-end: hsl(
    var(--illo-green-60-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-emerald-start: hsl(
    var(--illo-green-40-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-gold-end: hsl(
    var(--yellow-new-41-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-gold-start: hsl(
    var(--illo-yellow-50-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-opal-end: hsl(var(--blue-new-50-hsl)/0.3);
  --expressive-gradient-tenure-badge-opal-start: hsl(
    var(--teal-new-30-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-platinum-end: hsl(
    var(--teal-new-60-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-platinum-start: hsl(
    var(--teal-new-20-hsl)/0.3
  );
  --expressive-gradient-tenure-badge-ruby-end: hsl(var(--red-new-80-hsl)/0.3);
  --expressive-gradient-tenure-badge-ruby-start: hsl(var(--red-new-44-hsl)/0.3);
  --expressive-gradient-tenure-badge-silver-end: hsl(var(--neutral-58-hsl)/0.3);
  --expressive-gradient-tenure-badge-silver-start: hsl(
    var(--neutral-12-hsl)/0.3
  );
  --gradient-progress-pill-background: var(--neutral-56);
  --guild-profile-banner-background-default: var(--neutral-92);
  --home-background: var(--plum-18);
  --icon-default: var(--neutral-5);
  --icon-feedback-critical: var(--red-new-28);
  --icon-feedback-info: var(--blue-new-31);
  --icon-feedback-notification: var(--red-new-46);
  --icon-feedback-positive: var(--green-new-31);
  --icon-feedback-warning: var(--yellow-new-53);
  --icon-invert: var(--neutral-71);
  --icon-link: var(--blue-new-37);
  --icon-muted: var(--neutral-29);
  --icon-overlay-dark: var(--neutral-71);
  --icon-overlay-light: var(--neutral-2);
  --icon-status-dnd: var(--red-new-45);
  --icon-status-idle: var(--yellow-new-22);
  --icon-status-offline: var(--neutral-27);
  --icon-status-online: var(--green-new-40);
  --icon-strong: var(--neutral-2);
  --icon-subtle: var(--neutral-23);
  --icon-transparent: hsl(var(--transparent-hsl)/0);
  --icon-voice-connected: var(--green-new-34);
  --icon-voice-disconnected: var(--red-new-28);
  --icon-voice-muted: var(--red-new-46);
  --icon-voice-speaking: var(--green-new-40);
  --inlinenotice-border-critical: hsl(
    var(--opacity-red-52-hsl)/0.5215686274509804
  );
  --inlinenotice-border-info: hsl(
    var(--opacity-blue-52-hsl)/0.5215686274509804
  );
  --inlinenotice-border-positive: hsl(
    var(--opacity-green-52-hsl)/0.5215686274509804
  );
  --inlinenotice-border-warning: hsl(
    var(--opacity-yellow-32-hsl)/0.3215686274509804
  );
  --input-background-default: hsl(
    var(--opacity-black-12-hsl)/0.12156862745098039
  );
  --input-background-error-default: hsl(
    var(--opacity-red-4-hsl)/0.0392156862745098
  );
  --input-border-active: var(--blurple-50);
  --input-border-default: hsl(var(--opacity-20-hsl)/0.2);
  --input-border-error-default: var(--red-new-28);
  --input-border-hover: hsl(var(--opacity-20-hsl)/0.2);
  --input-border-readonly: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
  --input-icon-default: var(--neutral-23);
  --input-placeholder-text-default: var(--neutral-31);
  --input-text-default: var(--neutral-5);
  --input-text-error-default: var(--neutral-5);
  --interactive-accent-background-active: var(--blurple-65);
  --interactive-accent-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --interactive-accent-background-hover: var(--blurple-50);
  --interactive-accent-background-selected: var(--blurple-50);
  --interactive-background-active: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --interactive-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --interactive-background-selected: hsl(var(--opacity-20-hsl)/0.2);
  --interactive-icon-active: var(--neutral-2);
  --interactive-icon-default: var(--neutral-23);
  --interactive-icon-hover: var(--neutral-2);
  --interactive-muted: var(--plum-13);
  --interactive-text-active: var(--neutral-2);
  --interactive-text-default: var(--neutral-23);
  --interactive-text-hover: var(--neutral-2);
  --logo-primary: var(--white);
  --mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
  --mention-foreground: var(--blurple-19);
  --message-automod-background-default: hsl(var(--red-345-hsl)/0.08);
  --message-automod-background-hover: hsl(var(--red-400-hsl)/0.1);
  --message-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --message-highlight-background-default: hsl(
    var(--opacity-blurple-16-hsl)/0.1607843137254902
  );
  --message-highlight-background-hover: hsl(
    var(--opacity-blurple-12-hsl)/0.12156862745098039
  );
  --message-mentioned-background-default: hsl(
    var(--opacity-yellow-8-hsl)/0.0784313725490196
  );
  --message-mentioned-background-hover: hsl(
    var(--opacity-yellow-4-hsl)/0.0392156862745098
  );
  --mobile-background-scrim-opaque: var(--black);
  --mobile-expression-picker-background-default: var(--neutral-86);
  --mobile-guildbar-icon-default: var(--neutral-23);
  --mobile-searchbar-gradient-background: var(--neutral-92);
  --mobile-text-heading-primary: var(--neutral-2);
  --modal-background: var(--neutral-79);
  --modal-footer-background: var(--neutral-79);
  --navigator-header-tint: var(--white);
  --nitro-tab-gradient-center: var(--illo-pink-40);
  --nitro-tab-gradient-inner-ring: hsl(var(--illo-blue-40-hsl)/0.5);
  --nitro-tab-gradient-outer-ring: hsl(var(--illo-blue-40-hsl)/0);
  --notice-background-critical: var(--red-new-86);
  --notice-background-info: var(--blue-new-86);
  --notice-background-positive: var(--green-new-88);
  --notice-background-warning: var(--yellow-new-92);
  --notice-text-critical: var(--red-new-9);
  --notice-text-info: var(--blue-new-13);
  --notice-text-positive: var(--green-new-14);
  --notice-text-warning: var(--yellow-new-28);
  --overlay-backdrop-lightbox: hsl(
    var(--opacity-black-92-hsl)/0.9215686274509803
  );
  --panel-bg: var(--neutral-86);
  --polls-normal-image-background: var(--primary-660);
  --polls-victor-fill: hsl(var(--green-360-hsl)/0.2);
  --polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
  --premium-nitro-pink-text: var(--pink-51);
  --profile-gradient-note-background: hsl(var(--black-hsl)/0.3);
  --profile-gradient-overlay: hsl(var(--black-hsl)/0.6);
  --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-hsl)/0.8);
  --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5);
  --profile-gradient-role-pill-border: hsl(var(--white-hsl)/0.2);
  --profile-gradient-section-box: hsl(var(--black-hsl)/0.45);
  --progressbar-indicator-background: var(--blurple-50);
  --progressbar-track-background: hsl(var(--opacity-20-hsl)/0.2);
  --quest-home-tab-gradient-blurple-center: var(--blurple-50);
  --quest-home-tab-gradient-blurple-inner: hsl(var(--blurple-50-hsl)/0.5);
  --quest-home-tab-gradient-blurple-outer: hsl(var(--blurple-50-hsl)/0);
  --radio-background-active: var(--blurple-65);
  --radio-background-default: hsl(
    var(--opacity-black-8-hsl)/0.0784313725490196
  );
  --radio-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
  --radio-background-selected-default: var(--blurple-50);
  --radio-background-selected-hover: var(--blurple-60);
  --radio-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --radio-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098);
  --radio-border-hover: hsl(var(--opacity-80-hsl)/0.8);
  --radio-border-selected-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --radio-border-selected-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --radio-foreground-active: var(--blurple-50);
  --radio-foreground-default: hsl(
    var(--opacity-black-8-hsl)/0.0784313725490196
  );
  --radio-foreground-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
  --radio-thumb-background-active: var(--neutral-1);
  --reaction-background-active: hsl(var(--opacity-20-hsl)/0.2);
  --reaction-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --reaction-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --reaction-background-reacted-default: hsl(
    var(--opacity-blurple-24-hsl)/0.23921568627450981
  );
  --reaction-background-reacted-hover: hsl(
    var(--opacity-blurple-24-hsl)/0.23921568627450981
  );
  --reaction-border-active: hsl(var(--opacity-44-hsl)/0.4392156862745098);
  --reaction-border-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --reaction-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
  --reaction-border-reacted-default: var(--blurple-50);
  --reaction-text-active: var(--neutral-2);
  --reaction-text-default: var(--neutral-23);
  --reaction-text-hover: var(--neutral-2);
  --reaction-text-reacted-default: var(--blurple-14);
  --redesign-button-premium-primary-pink-for-gradient: var(
    --premium-tier-2-pink-for-gradients
  );
  --redesign-button-premium-primary-pressed-background: hsl(
    var(--black-hsl)/0.1
  );
  --redesign-button-premium-primary-purple-for-gradient: var(
    --premium-tier-2-purple-for-gradients
  );
  --redesign-button-premium-primary-purple-for-gradient-2: var(
    --premium-tier-2-purple-for-gradients-2
  );
  --redesign-button-tertiary-background: hsl(var(--plum-11-hsl)/0.12);
  --redesign-button-tertiary-pressed-background: hsl(var(--plum-11-hsl)/0.2);
  --redesign-button-tertiary-pressed-text: var(--plum-5);
  --redesign-button-tertiary-text: var(--neutral-5);
  --scrollbar-auto-scrollbar-color-thumb: var(--neutral-45);
  --scrollbar-auto-scrollbar-color-track: var(--neutral-94);
  --scrollbar-auto-thumb: var(--neutral-43);
  --scrollbar-auto-track: hsl(var(--transparent-hsl)/0);
  --scrollbar-thin-thumb: var(--neutral-45);
  --scrollbar-thin-track: hsl(var(--black-hsl)/0);
  --slider-track-background: var(--neutral-55);
  --spine-default: var(--neutral-55);
  --spoiler-hidden-background: var(--neutral-43);
  --spoiler-hidden-background-hover: var(--neutral-34);
  --spoiler-revealed-background: hsl(var(--plum-11-hsl)/0.16);
  --standard-tab-gradient-center: var(--illo-blue-40);
  --standard-tab-gradient-inner-ring: hsl(var(--illo-blue-40-hsl)/0.5);
  --standard-tab-gradient-outer-ring: hsl(var(--illo-blue-40-hsl)/0);
  --status-danger: var(--red-400);
  --status-online: var(--green-360);
  --status-positive: var(--green-360);
  --status-positive-background: var(--green-430);
  --status-positive-text: var(--white);
  --status-speaking: var(--green-360);
  --status-warning: var(--yellow-300);
  --status-warning-background: var(--yellow-300);
  --status-warning-text: var(--black);
  --steam-review-text-mixed: var(--yellow-new-51);
  --steam-review-text-negative: var(--red-new-34);
  --steam-review-text-positive: var(--blue-new-37);
  --switch-background-active: var(--blurple-65);
  --switch-background-default: hsl(
    var(--opacity-black-12-hsl)/0.12156862745098039
  );
  --switch-background-hover: hsl(
    var(--opacity-black-12-hsl)/0.12156862745098039
  );
  --switch-background-selected-default: var(--blurple-50);
  --switch-background-selected-hover: var(--blurple-60);
  --switch-border-default: hsl(var(--opacity-20-hsl)/0.2);
  --switch-border-hover: hsl(var(--opacity-40-hsl)/0.4);
  --switch-border-selected-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --switch-border-selected-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --switch-thumb-background-default: var(--neutral-1);
  --switch-thumb-background-selected-default: var(--neutral-1);
  --switch-thumb-icon-active: var(--blurple-50);
  --switch-thumb-icon-default: var(--neutral-71);
  --text-brand: var(--blurple-36);
  --text-code: var(--neutral-8);
  --text-code-addition: var(--green-new-23);
  --text-code-attribute: var(--blue-new-24);
  --text-code-builtin: var(--yellow-new-51);
  --text-code-bullet: var(--blue-new-24);
  --text-code-comment: var(--neutral-28);
  --text-code-decorator: var(--yellow-new-51);
  --text-code-deletion: var(--red-new-21);
  --text-code-error: var(--red-new-21);
  --text-code-escape: var(--pink-29);
  --text-code-keyword: var(--red-new-21);
  --text-code-link: var(--blue-new-24);
  --text-code-namespace: var(--blue-new-24);
  --text-code-number: var(--orange-new-22);
  --text-code-operator: var(--red-new-15);
  --text-code-property: var(--teal-new-25);
  --text-code-regexp: var(--green-new-25);
  --text-code-section: var(--red-new-21);
  --text-code-string: var(--green-new-25);
  --text-code-tag: var(--pink-29);
  --text-code-title: var(--blurple-23);
  --text-code-type: var(--pink-29);
  --text-code-variable: var(--neutral-8);
  --text-default: var(--neutral-5);
  --text-feedback-critical: var(--red-new-28);
  --text-feedback-info: var(--blue-new-31);
  --text-feedback-positive: var(--green-new-31);
  --text-feedback-warning: var(--yellow-new-53);
  --text-invert: var(--neutral-71);
  --text-link: var(--blue-new-37);
  --text-muted: var(--neutral-29);
  --text-overlay-dark: var(--neutral-71);
  --text-overlay-light: var(--neutral-2);
  --text-status-dnd: var(--red-new-45);
  --text-status-idle: var(--yellow-new-22);
  --text-status-offline: var(--neutral-27);
  --text-status-online: var(--green-new-40);
  --text-strong: var(--neutral-2);
  --text-subtle: var(--neutral-23);
  --text-voice-connected: var(--green-new-34);
  --text-voice-disconnected: var(--red-new-28);
  --text-voice-speaking: var(--green-new-40);
  --textbox-markdown-syntax: var(--plum-9);
  --thread-channel-spine: var(--plum-13);
  --user-profile-activity-toolbar-background: var(--neutral-73);
  --user-profile-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --user-profile-border: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --user-profile-note-background-focus: var(--neutral-92);
  --user-profile-overlay-background: var(--neutral-73);
  --user-profile-overlay-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --user-profile-toolbar-background: var(--neutral-73);
  --user-profile-toolbar-border: hsl(var(--opacity-4-hsl)/0.0392156862745098);
}
@supports (color: color-mix(in lch, red, blue)) {
  .theme-darker {
    --ansi-black: color-mix(
      in oklab,
      var(--black) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-blue: color-mix(
      in oklab,
      var(--blue-new-47) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-black: color-mix(
      in oklab,
      var(--neutral-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-bright-blue: color-mix(
      in oklab,
      var(--illo-blue-40) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-cyan: color-mix(
      in oklab,
      var(--teal-new-35) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-green: color-mix(
      in oklab,
      var(--illo-green-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-magenta: color-mix(
      in oklab,
      var(--illo-pink-40) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-red: color-mix(
      in oklab,
      var(--red-new-31) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-white: color-mix(
      in oklab,
      var(--white) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-bright-yellow: color-mix(
      in oklab,
      var(--illo-yellow-60) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-cyan: color-mix(
      in oklab,
      var(--teal-new-48) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-green: color-mix(
      in oklab,
      var(--green-new-47) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-magenta: color-mix(
      in oklab,
      var(--pink-58) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-red: color-mix(
      in oklab,
      var(--red-new-44) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-white: color-mix(
      in oklab,
      var(--neutral-20) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --ansi-yellow: color-mix(
      in oklab,
      var(--yellow-new-65) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --app-frame-background: color-mix(
      in oklab,
      var(--neutral-97) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --app-frame-border: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --app-message-embed-secondary-text: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.7) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.7)
        var(--custom-theme-text-color-amount, 0%)
    );
    --background-accent: color-mix(
      in oklab,
      var(--plum-15) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-base-low: color-mix(
      in oklab,
      var(--neutral-82) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-base-lower: color-mix(
      in oklab,
      var(--neutral-86) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-base-lowest: color-mix(
      in oklab,
      var(--neutral-92) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-code: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-code-addition: color-mix(
      in oklab,
      hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-code-deletion: color-mix(
      in oklab,
      hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-critical: color-mix(
      in oklab,
      hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-info: color-mix(
      in oklab,
      hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-positive: color-mix(
      in oklab,
      hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-warning: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-scrim: color-mix(
      in oklab,
      hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.7215686274509804)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-scrim-lightbox: color-mix(
      in oklab,
      hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.9215686274509803)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-secondary-alt: color-mix(
      in oklab,
      var(--plum-15) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-surface-high: color-mix(
      in oklab,
      var(--neutral-79) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-surface-higher: color-mix(
      in oklab,
      var(--neutral-76) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-surface-highest: color-mix(
      in oklab,
      var(--neutral-73) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-tile-gradient-pink-end: color-mix(
      in oklab,
      hsl(var(--illo-pink-70-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-tile-gradient-pink-start: color-mix(
      in oklab,
      hsl(var(--illo-pink-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --bg-surface-raised: color-mix(
      in oklab,
      var(--plum-18) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --border-feedback-critical: color-mix(
      in oklab,
      var(--red-new-28) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-info: color-mix(
      in oklab,
      var(--blue-new-31) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-positive: color-mix(
      in oklab,
      var(--green-new-31) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-53) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-focus: color-mix(
      in oklab,
      var(--blue-new-30) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-muted: color-mix(
      in oklab,
      hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-normal: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-strong: color-mix(
      in oklab,
      hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.4392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-subtle: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-background-default: color-mix(
      in oklab,
      var(--neutral-79) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --card-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-primary-pressed-bg: color-mix(
      in oklab,
      var(--plum-19) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --card-secondary-bg: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --card-secondary-pressed-bg: color-mix(
      in oklab,
      var(--plum-21) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --channel-background-default: color-mix(
      in oklab,
      var(--neutral-86) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --channel-icon: color-mix(
      in oklab,
      var(--neutral-35) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channel-text-area-placeholder: color-mix(
      in oklab,
      var(--plum-11) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channels-default: color-mix(
      in oklab,
      var(--neutral-35) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channeltextarea-background: color-mix(
      in oklab,
      var(--plum-15) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-brand: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-1: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-10: color-mix(
      in oklab,
      var(--yellow-new-70) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-2: color-mix(
      in oklab,
      var(--illo-orange-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-3: color-mix(
      in oklab,
      var(--illo-purple-40) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-4: color-mix(
      in oklab,
      var(--teal-new-31) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-5: color-mix(
      in oklab,
      var(--green-new-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-6: color-mix(
      in oklab,
      var(--pink-58) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-7: color-mix(
      in oklab,
      var(--yellow-new-32) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-8: color-mix(
      in oklab,
      var(--red-new-45) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-categorical-9: color-mix(
      in oklab,
      var(--blue-new-70) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-1: color-mix(
      in oklab,
      var(--blurple-15) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-2: color-mix(
      in oklab,
      var(--blurple-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-3: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-4: color-mix(
      in oklab,
      var(--blurple-63) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-5: color-mix(
      in oklab,
      var(--blurple-75) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-6: color-mix(
      in oklab,
      var(--blurple-85) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-7: color-mix(
      in oklab,
      var(--blurple-95) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-mono-text-1: color-mix(
      in oklab,
      var(--neutral-85) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-2: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-3: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-4: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-5: color-mix(
      in oklab,
      var(--neutral-4) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-6: color-mix(
      in oklab,
      var(--neutral-13) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-mono-text-7: color-mix(
      in oklab,
      var(--neutral-18) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chart-negative: color-mix(
      in oklab,
      var(--red-new-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-neutral: color-mix(
      in oklab,
      var(--neutral-29) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chart-positive: color-mix(
      in oklab,
      var(--green-new-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chat-background: color-mix(
      in oklab,
      var(--plum-16) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chat-background-default: color-mix(
      in oklab,
      var(--neutral-80) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --chat-border: color-mix(
      in oklab,
      var(--plum-20) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --chat-text-muted: color-mix(
      in oklab,
      var(--neutral-35) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --content-inventory-media-seekbar-container: color-mix(
      in oklab,
      hsl(var(--plum-6-hsl)/0.24) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.24)
        var(--custom-theme-base-color-amount, 0%)
    );
    --content-inventory-overlay-text-primary: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.85) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.85)
        var(--custom-theme-text-color-amount, 0%)
    );
    --content-inventory-overlay-text-secondary: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.7) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.7)
        var(--custom-theme-text-color-amount, 0%)
    );
    --context-menu-backdrop-background: color-mix(
      in oklab,
      hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.7215686274509804)
        var(--custom-theme-base-color-amount, 0%)
    );
    --control-brand-foreground: color-mix(
      in oklab,
      var(--brand-360) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --control-brand-foreground-new: color-mix(
      in oklab,
      var(--brand-360) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --control-secondary-border-active: color-mix(
      in oklab,
      hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --control-secondary-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --creator-revenue-icon-gradient-end: color-mix(
      in oklab,
      var(--teal-430) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --creator-revenue-icon-gradient-start: color-mix(
      in oklab,
      var(--teal-360) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --creator-revenue-info-box-background: color-mix(
      in oklab,
      hsl(var(--teal-430-hsl)/0.1) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1)
        var(--custom-theme-base-color-amount, 0%)
    );
    --creator-revenue-info-box-border: color-mix(
      in oklab,
      var(--teal-400) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --creator-revenue-locked-channel-icon: color-mix(
      in oklab,
      var(--teal-345) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --creator-revenue-progress-bar: color-mix(
      in oklab,
      var(--teal-400) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --datepicker-range-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-40-hsl)/0.4) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.4)
        var(--custom-theme-base-color-amount, 0%)
    );
    --datepicker-range-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-60-hsl)/0.6) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.6)
        var(--custom-theme-base-color-amount, 0%)
    );
    --embed-background: color-mix(
      in oklab,
      var(--plum-18) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --embed-background-alternate: color-mix(
      in oklab,
      var(--plum-18) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --experimental-avatar-embed-bg: color-mix(
      in oklab,
      hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5215686274509804)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-blue-end: color-mix(
      in oklab,
      hsl(var(--illo-blue-60-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-blue-start: color-mix(
      in oklab,
      hsl(var(--illo-blue-40-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-green-end: color-mix(
      in oklab,
      hsl(var(--illo-green-70-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-green-start: color-mix(
      in oklab,
      hsl(var(--illo-green-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-green-end: color-mix(
      in oklab,
      hsl(var(--illo-nitro-blue-hsl)/0.4) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.4)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-green-start: color-mix(
      in oklab,
      hsl(var(--illo-green-50-hsl)/0.4) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.4)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-pink-end: color-mix(
      in oklab,
      hsl(var(--illo-nitro-blue-hsl)/0.4) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.4)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-nitro-pink-start: color-mix(
      in oklab,
      hsl(var(--illo-pink-60-hsl)/0.4) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.4)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-pink-end: color-mix(
      in oklab,
      hsl(var(--illo-pink-70-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-pink-start: color-mix(
      in oklab,
      hsl(var(--illo-pink-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-purple-end: color-mix(
      in oklab,
      hsl(var(--illo-purple-60-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-purple-start: color-mix(
      in oklab,
      hsl(var(--illo-purple-40-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-bronze-end: color-mix(
      in oklab,
      hsl(var(--illo-orange-70-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-bronze-start: color-mix(
      in oklab,
      hsl(var(--illo-orange-30-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-diamond-end: color-mix(
      in oklab,
      hsl(var(--illo-purple-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-diamond-start: color-mix(
      in oklab,
      hsl(var(--illo-purple-40-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-emerald-end: color-mix(
      in oklab,
      hsl(var(--illo-green-60-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-emerald-start: color-mix(
      in oklab,
      hsl(var(--illo-green-40-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-gold-end: color-mix(
      in oklab,
      hsl(var(--yellow-new-41-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-gold-start: color-mix(
      in oklab,
      hsl(var(--illo-yellow-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-opal-end: color-mix(
      in oklab,
      hsl(var(--blue-new-50-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-opal-start: color-mix(
      in oklab,
      hsl(var(--teal-new-30-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-platinum-end: color-mix(
      in oklab,
      hsl(var(--teal-new-60-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-platinum-start: color-mix(
      in oklab,
      hsl(var(--teal-new-20-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-ruby-end: color-mix(
      in oklab,
      hsl(var(--red-new-80-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-ruby-start: color-mix(
      in oklab,
      hsl(var(--red-new-44-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-silver-end: color-mix(
      in oklab,
      hsl(var(--neutral-58-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --expressive-gradient-tenure-badge-silver-start: color-mix(
      in oklab,
      hsl(var(--neutral-12-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --gradient-progress-pill-background: color-mix(
      in oklab,
      var(--neutral-56) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --guild-profile-banner-background-default: color-mix(
      in oklab,
      var(--neutral-92) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --home-background: color-mix(
      in oklab,
      var(--plum-18) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --icon-default: color-mix(
      in oklab,
      var(--neutral-5) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-critical: color-mix(
      in oklab,
      var(--red-new-28) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-info: color-mix(
      in oklab,
      var(--blue-new-31) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-positive: color-mix(
      in oklab,
      var(--green-new-31) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-53) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-invert: color-mix(
      in oklab,
      var(--neutral-71) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-link: color-mix(
      in oklab,
      var(--blue-new-37) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-muted: color-mix(
      in oklab,
      var(--neutral-29) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-overlay-dark: color-mix(
      in oklab,
      var(--neutral-71) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-overlay-light: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-dnd: color-mix(
      in oklab,
      var(--red-new-45) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-idle: color-mix(
      in oklab,
      var(--yellow-new-22) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-offline: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-status-online: color-mix(
      in oklab,
      var(--green-new-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-strong: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-subtle: color-mix(
      in oklab,
      var(--neutral-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-transparent: color-mix(
      in oklab,
      hsl(var(--transparent-hsl)/0) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-connected: color-mix(
      in oklab,
      var(--green-new-34) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-28) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-speaking: color-mix(
      in oklab,
      var(--green-new-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --inlinenotice-border-critical: color-mix(
      in oklab,
      hsl(var(--opacity-red-52-hsl)/0.5215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5215686274509804)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --inlinenotice-border-info: color-mix(
      in oklab,
      hsl(var(--opacity-blue-52-hsl)/0.5215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5215686274509804)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --inlinenotice-border-positive: color-mix(
      in oklab,
      hsl(var(--opacity-green-52-hsl)/0.5215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5215686274509804)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --inlinenotice-border-warning: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-32-hsl)/0.3215686274509804) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3215686274509804)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-black-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --input-background-error-default: color-mix(
      in oklab,
      hsl(var(--opacity-red-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(--custom-theme-base-color-amount, 0%)
    );
    --input-border-active: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-error-default: color-mix(
      in oklab,
      var(--red-new-28) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-hover: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-readonly: color-mix(
      in oklab,
      hsl(var(--opacity-white-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-icon-default: color-mix(
      in oklab,
      var(--neutral-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-placeholder-text-default: color-mix(
      in oklab,
      var(--neutral-31) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-default: color-mix(
      in oklab,
      var(--neutral-5) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-error-default: color-mix(
      in oklab,
      var(--neutral-5) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-accent-background-active: color-mix(
      in oklab,
      var(--blurple-65) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-accent-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-accent-background-hover: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-accent-background-selected: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-selected: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-icon-active: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-default: color-mix(
      in oklab,
      var(--neutral-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-hover: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-muted: color-mix(
      in oklab,
      var(--plum-13) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-active: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-default: color-mix(
      in oklab,
      var(--neutral-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-hover: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --logo-primary: color-mix(
      in oklab,
      var(--white) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mention-background: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mention-foreground: color-mix(
      in oklab,
      var(--blurple-19) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --message-automod-background-default: color-mix(
      in oklab,
      hsl(var(--red-345-hsl)/0.08) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.08)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-automod-background-hover: color-mix(
      in oklab,
      hsl(var(--red-400-hsl)/0.1) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-background-scrim-opaque: color-mix(
      in oklab,
      var(--black) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-expression-picker-background-default: color-mix(
      in oklab,
      var(--neutral-86) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-guildbar-icon-default: color-mix(
      in oklab,
      var(--neutral-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mobile-searchbar-gradient-background: color-mix(
      in oklab,
      var(--neutral-92) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-text-heading-primary: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --modal-background: color-mix(
      in oklab,
      var(--neutral-79) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --modal-footer-background: color-mix(
      in oklab,
      var(--neutral-79) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --navigator-header-tint: color-mix(
      in oklab,
      var(--white) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --overlay-backdrop-lightbox: color-mix(
      in oklab,
      hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.9215686274509803)
        var(--custom-theme-base-color-amount, 0%)
    );
    --panel-bg: color-mix(
      in oklab,
      var(--neutral-86) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --polls-normal-image-background: color-mix(
      in oklab,
      var(--primary-660) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --polls-victor-fill: color-mix(
      in oklab,
      hsl(var(--green-360-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --polls-voted-fill: color-mix(
      in oklab,
      hsl(var(--brand-500-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --premium-nitro-pink-text: color-mix(
      in oklab,
      var(--pink-51) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --profile-gradient-note-background: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.3) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.3)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-overlay: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.6) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.6)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-overlay-synced-with-user-theme: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.8) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.8)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-role-pill-background: color-mix(
      in oklab,
      hsl(var(--primary-660-hsl)/0.5) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.5)
        var(--custom-theme-base-color-amount, 0%)
    );
    --profile-gradient-role-pill-border: color-mix(
      in oklab,
      hsl(var(--white-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --profile-gradient-section-box: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.45) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.45)
        var(--custom-theme-base-color-amount, 0%)
    );
    --progressbar-indicator-background: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --progressbar-track-background: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-reacted-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-reacted-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-border-active: color-mix(
      in oklab,
      hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.4392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-hover: color-mix(
      in oklab,
      hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-reacted-default: color-mix(
      in oklab,
      var(--blurple-50) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-text-active: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-default: color-mix(
      in oklab,
      var(--neutral-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-hover: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-reacted-default: color-mix(
      in oklab,
      var(--blurple-14) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --redesign-button-premium-primary-pink-for-gradient: color-mix(
      in oklab,
      var(--premium-tier-2-pink-for-gradients) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-premium-primary-pressed-background: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0.1) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-premium-primary-purple-for-gradient: color-mix(
      in oklab,
      var(--premium-tier-2-purple-for-gradients) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-premium-primary-purple-for-gradient-2: color-mix(
      in oklab,
      var(--premium-tier-2-purple-for-gradients-2) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-tertiary-background: color-mix(
      in oklab,
      hsl(var(--plum-11-hsl)/0.12) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-tertiary-pressed-background: color-mix(
      in oklab,
      hsl(var(--plum-11-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --redesign-button-tertiary-pressed-text: color-mix(
      in oklab,
      var(--plum-5) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --redesign-button-tertiary-text: color-mix(
      in oklab,
      var(--neutral-5) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --scrollbar-auto-scrollbar-color-thumb: color-mix(
      in oklab,
      var(--neutral-45) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-auto-scrollbar-color-track: color-mix(
      in oklab,
      var(--neutral-94) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-auto-thumb: color-mix(
      in oklab,
      var(--neutral-43) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-auto-track: color-mix(
      in oklab,
      hsl(var(--transparent-hsl)/0) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-thin-thumb: color-mix(
      in oklab,
      var(--neutral-45) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --scrollbar-thin-track: color-mix(
      in oklab,
      hsl(var(--black-hsl)/0) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0)
        var(--custom-theme-base-color-amount, 0%)
    );
    --slider-track-background: color-mix(
      in oklab,
      var(--neutral-55) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --spine-default: color-mix(
      in oklab,
      var(--neutral-55) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --spoiler-hidden-background: color-mix(
      in oklab,
      var(--neutral-43) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --spoiler-hidden-background-hover: color-mix(
      in oklab,
      var(--neutral-34) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --spoiler-revealed-background: color-mix(
      in oklab,
      hsl(var(--plum-11-hsl)/0.16) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.16)
        var(--custom-theme-base-color-amount, 0%)
    );
    --steam-review-text-mixed: color-mix(
      in oklab,
      var(--yellow-new-51) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --steam-review-text-negative: color-mix(
      in oklab,
      var(--red-new-34) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --steam-review-text-positive: color-mix(
      in oklab,
      var(--blue-new-37) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-brand: color-mix(
      in oklab,
      var(--blurple-36) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code: color-mix(
      in oklab,
      var(--neutral-8) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-addition: color-mix(
      in oklab,
      var(--green-new-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-attribute: color-mix(
      in oklab,
      var(--blue-new-24) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-builtin: color-mix(
      in oklab,
      var(--yellow-new-51) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-bullet: color-mix(
      in oklab,
      var(--blue-new-24) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-comment: color-mix(
      in oklab,
      var(--neutral-28) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-decorator: color-mix(
      in oklab,
      var(--yellow-new-51) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-deletion: color-mix(
      in oklab,
      var(--red-new-21) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-error: color-mix(
      in oklab,
      var(--red-new-21) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-escape: color-mix(
      in oklab,
      var(--pink-29) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-keyword: color-mix(
      in oklab,
      var(--red-new-21) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-link: color-mix(
      in oklab,
      var(--blue-new-24) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-namespace: color-mix(
      in oklab,
      var(--blue-new-24) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-number: color-mix(
      in oklab,
      var(--orange-new-22) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-operator: color-mix(
      in oklab,
      var(--red-new-15) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-property: color-mix(
      in oklab,
      var(--teal-new-25) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-regexp: color-mix(
      in oklab,
      var(--green-new-25) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-section: color-mix(
      in oklab,
      var(--red-new-21) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-string: color-mix(
      in oklab,
      var(--green-new-25) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-tag: color-mix(
      in oklab,
      var(--pink-29) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-title: color-mix(
      in oklab,
      var(--blurple-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-type: color-mix(
      in oklab,
      var(--pink-29) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-variable: color-mix(
      in oklab,
      var(--neutral-8) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-default: color-mix(
      in oklab,
      var(--neutral-5) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-critical: color-mix(
      in oklab,
      var(--red-new-28) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-info: color-mix(
      in oklab,
      var(--blue-new-31) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-positive: color-mix(
      in oklab,
      var(--green-new-31) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-53) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-invert: color-mix(
      in oklab,
      var(--neutral-71) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-link: color-mix(
      in oklab,
      var(--blue-new-37) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-muted: color-mix(
      in oklab,
      var(--neutral-29) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-dnd: color-mix(
      in oklab,
      var(--red-new-45) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-idle: color-mix(
      in oklab,
      var(--yellow-new-22) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-offline: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-status-online: color-mix(
      in oklab,
      var(--green-new-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-strong: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-subtle: color-mix(
      in oklab,
      var(--neutral-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-connected: color-mix(
      in oklab,
      var(--green-new-34) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-28) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-speaking: color-mix(
      in oklab,
      var(--green-new-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --textbox-markdown-syntax: color-mix(
      in oklab,
      var(--plum-9) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --thread-channel-spine: color-mix(
      in oklab,
      var(--plum-13) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-activity-toolbar-background: color-mix(
      in oklab,
      var(--neutral-73) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-border: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-note-background-focus: color-mix(
      in oklab,
      var(--neutral-92) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-overlay-background: color-mix(
      in oklab,
      var(--neutral-73) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-overlay-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-toolbar-background: color-mix(
      in oklab,
      var(--neutral-73) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-toolbar-border: color-mix(
      in oklab,
      hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0392156862745098)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
  }
}
.custom-user-profile-theme.theme-dark {
  --text-default: hsl(var(--opacity-white-96-hsl)/0.9607843137254902);
  --text-muted: hsl(var(--opacity-white-76-hsl)/0.7607843137254902);
  --text-subtle: hsl(var(--opacity-white-88-hsl)/0.8784313725490196);
  --user-profile-activity-toolbar-background: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --user-profile-background-hover: hsl(
    var(--opacity-white-4-hsl)/0.0392156862745098
  );
  --user-profile-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
  --user-profile-note-background-focus: hsl(var(--black-hsl)/0.3);
  --user-profile-overlay-background: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --user-profile-overlay-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --user-profile-toolbar-background: hsl(
    var(--opacity-black-48-hsl)/0.47843137254901963
  );
  --user-profile-toolbar-border: hsl(var(--opacity-4-hsl)/0.0392156862745098);
}
.custom-user-profile-theme.theme-light {
  --text-default: hsl(var(--opacity-black-96-hsl)/0.9607843137254902);
  --text-muted: hsl(var(--opacity-black-76-hsl)/0.7607843137254902);
  --text-subtle: hsl(var(--opacity-black-88-hsl)/0.8784313725490196);
  --user-profile-activity-toolbar-background: hsl(
    var(--opacity-white-48-hsl)/0.47843137254901963
  );
  --user-profile-background-hover: hsl(
    var(--opacity-black-8-hsl)/0.0784313725490196
  );
  --user-profile-border: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
  --user-profile-note-background-focus: hsl(var(--white-hsl)/0.3);
  --user-profile-overlay-background: hsl(
    var(--opacity-white-24-hsl)/0.23921568627450981
  );
  --user-profile-overlay-background-hover: hsl(
    var(--opacity-white-36-hsl)/0.3607843137254902
  );
  --user-profile-toolbar-background: hsl(var(--opacity-white-60-hsl)/0.6);
  --user-profile-toolbar-border: hsl(var(--opacity-20-hsl)/0.2);
}
.high-contrast-mode .theme-dark,
.high-contrast-mode.theme-dark {
  --ansi-blue: var(--blue-new-31);
  --ansi-bright-blue: var(--illo-blue-30);
  --ansi-cyan: var(--teal-new-32);
  --ansi-green: var(--green-new-32);
  --ansi-magenta: var(--pink-42);
  --ansi-red: var(--red-new-29);
  --ansi-yellow: var(--yellow-new-55);
  --app-frame-border: var(--neutral-12);
  --background-code: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
  --background-feedback-critical: hsl(
    var(--opacity-red-12-hsl)/0.12156862745098039
  );
  --background-feedback-info: hsl(
    var(--opacity-blue-12-hsl)/0.12156862745098039
  );
  --background-feedback-positive: hsl(
    var(--opacity-green-12-hsl)/0.12156862745098039
  );
  --background-feedback-warning: hsl(
    var(--opacity-yellow-12-hsl)/0.12156862745098039
  );
  --background-mod-muted: hsl(var(--opacity-8-hsl)/0.0784313725490196);
  --background-mod-normal: hsl(var(--opacity-20-hsl)/0.2);
  --background-mod-strong: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --background-mod-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --badge-background-default: hsl(var(--opacity-20-hsl)/0.2);
  --badge-text-default: var(--neutral-1);
  --border-feedback-critical: var(--red-new-5);
  --border-feedback-info: var(--blue-new-8);
  --border-feedback-positive: var(--green-new-10);
  --border-feedback-warning: var(--yellow-new-7);
  --border-focus: var(--blue-new-10);
  --border-muted: var(--neutral-26);
  --border-normal: var(--neutral-5);
  --border-strong: var(--neutral-1);
  --border-subtle: var(--neutral-12);
  --card-border-default: var(--neutral-12);
  --card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --channel-icon: var(--neutral-19);
  --channel-text-area-placeholder: var(--neutral-25);
  --channels-default: var(--neutral-19);
  --chat-text-muted: var(--neutral-17);
  --checkbox-border-active: var(--neutral-12);
  --checkbox-border-default: var(--neutral-1);
  --checkbox-border-hover: var(--neutral-12);
  --checkbox-border-selected-default: var(--neutral-12);
  --checkbox-border-selected-hover: var(--neutral-12);
  --control-connected-border-active: var(--green-new-14);
  --control-connected-border-default: var(--green-new-14);
  --control-connected-border-hover: var(--green-new-14);
  --control-critical-primary-border-active: var(--red-new-9);
  --control-critical-primary-border-default: var(--red-new-9);
  --control-critical-primary-border-hover: var(--red-new-9);
  --control-critical-secondary-background-active: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --control-critical-secondary-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-critical-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-critical-secondary-border-active: var(--red-new-9);
  --control-critical-secondary-border-default: var(--red-new-9);
  --control-critical-secondary-border-hover: var(--red-new-9);
  --control-critical-secondary-icon-active: var(--red-new-5);
  --control-critical-secondary-icon-default: var(--red-new-5);
  --control-critical-secondary-icon-hover: var(--red-new-5);
  --control-critical-secondary-text-active: var(--red-new-5);
  --control-critical-secondary-text-default: var(--red-new-5);
  --control-critical-secondary-text-hover: var(--red-new-5);
  --control-icon-only-background-active: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --control-icon-only-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-icon-only-border-active: var(--neutral-26);
  --control-icon-only-border-hover: var(--neutral-26);
  --control-icon-only-icon-active: var(--neutral-1);
  --control-icon-only-icon-default: var(--neutral-2);
  --control-icon-only-icon-hover: var(--neutral-1);
  --control-overlay-secondary-border-active: var(--neutral-26);
  --control-overlay-secondary-border-default: var(--neutral-26);
  --control-overlay-secondary-border-hover: var(--neutral-26);
  --control-primary-border-active: var(--blurple-12);
  --control-primary-border-default: var(--blurple-12);
  --control-primary-border-hover: var(--blurple-12);
  --control-secondary-background-active: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --control-secondary-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-secondary-border-active: var(--neutral-22);
  --control-secondary-border-default: var(--neutral-22);
  --control-secondary-border-hover: var(--neutral-22);
  --control-secondary-icon-active: var(--neutral-1);
  --control-secondary-icon-default: var(--neutral-1);
  --control-secondary-icon-hover: var(--neutral-1);
  --control-secondary-text-active: var(--neutral-1);
  --control-secondary-text-default: var(--neutral-1);
  --control-secondary-text-hover: var(--neutral-1);
  --gradient-progress-pill-background: var(--neutral-35);
  --icon-default: var(--neutral-1);
  --icon-feedback-critical: var(--red-new-5);
  --icon-feedback-info: var(--blue-new-8);
  --icon-feedback-positive: var(--green-new-10);
  --icon-feedback-warning: var(--yellow-new-7);
  --icon-link: var(--blue-new-10);
  --icon-muted: var(--neutral-12);
  --icon-strong: var(--neutral-1);
  --icon-subtle: var(--neutral-2);
  --icon-voice-disconnected: var(--red-new-5);
  --input-background-default: hsl(
    var(--opacity-black-28-hsl)/0.2784313725490196
  );
  --input-border-default: var(--neutral-22);
  --input-border-error-default: var(--red-new-5);
  --input-border-hover: var(--neutral-5);
  --input-icon-default: var(--neutral-2);
  --input-placeholder-text-default: var(--neutral-22);
  --input-text-default: var(--neutral-1);
  --input-text-error-default: var(--neutral-1);
  --interactive-accent-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --interactive-background-active: hsl(var(--opacity-20-hsl)/0.2);
  --interactive-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --interactive-background-selected: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --interactive-icon-active: var(--neutral-1);
  --interactive-icon-default: var(--neutral-2);
  --interactive-icon-hover: var(--neutral-1);
  --interactive-muted: var(--neutral-27);
  --interactive-text-active: var(--neutral-1);
  --interactive-text-default: var(--neutral-2);
  --interactive-text-hover: var(--neutral-1);
  --mention-background: hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963);
  --mention-foreground: var(--blurple-1);
  --message-automod-background-default: hsl(var(--opacity-red-20-hsl)/0.2);
  --message-automod-background-hover: hsl(
    var(--opacity-red-24-hsl)/0.23921568627450981
  );
  --message-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --message-highlight-background-default: hsl(
    var(--opacity-blurple-20-hsl)/0.2
  );
  --message-highlight-background-hover: hsl(
    var(--opacity-blurple-24-hsl)/0.23921568627450981
  );
  --message-mentioned-background-default: hsl(var(--opacity-yellow-20-hsl)/0.2);
  --message-mentioned-background-hover: hsl(
    var(--opacity-yellow-24-hsl)/0.23921568627450981
  );
  --mobile-guildbar-icon-default: var(--neutral-2);
  --mobile-text-heading-primary: var(--neutral-1);
  --progressbar-track-background: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --radio-border-active: var(--neutral-12);
  --radio-border-default: var(--neutral-12);
  --radio-border-hover: var(--neutral-12);
  --radio-border-selected-default: var(--neutral-12);
  --radio-border-selected-hover: var(--neutral-12);
  --reaction-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --reaction-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --reaction-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --reaction-border-active: var(--neutral-1);
  --reaction-border-default: var(--neutral-12);
  --reaction-border-hover: var(--neutral-26);
  --reaction-text-active: var(--neutral-1);
  --reaction-text-default: var(--neutral-2);
  --reaction-text-hover: var(--neutral-1);
  --redesign-button-tertiary-text: var(--neutral-1);
  --spine-default: var(--neutral-32);
  --status-danger: var(--red-new-29);
  --switch-border-default: var(--neutral-12);
  --switch-border-hover: var(--neutral-12);
  --switch-border-selected-default: var(--neutral-12);
  --switch-border-selected-hover: var(--neutral-12);
  --text-brand: var(--brand-230);
  --text-code: var(--neutral-1);
  --text-code-addition: var(--green-new-2);
  --text-code-attribute: var(--blue-new-1);
  --text-code-builtin: var(--yellow-new-1);
  --text-code-bullet: var(--blue-new-1);
  --text-code-comment: var(--neutral-15);
  --text-code-decorator: var(--yellow-new-1);
  --text-code-deletion: var(--red-new-1);
  --text-code-error: var(--red-new-1);
  --text-code-escape: var(--pink-1);
  --text-code-keyword: var(--red-new-1);
  --text-code-link: var(--blue-new-1);
  --text-code-namespace: var(--blue-new-1);
  --text-code-number: var(--orange-new-1);
  --text-code-operator: var(--red-new-1);
  --text-code-property: var(--teal-new-3);
  --text-code-regexp: var(--green-new-3);
  --text-code-section: var(--red-new-1);
  --text-code-string: var(--green-new-3);
  --text-code-tag: var(--pink-1);
  --text-code-title: var(--blue-new-1);
  --text-code-type: var(--pink-1);
  --text-code-variable: var(--neutral-1);
  --text-default: var(--neutral-1);
  --text-feedback-critical: var(--red-new-5);
  --text-feedback-info: var(--blue-new-8);
  --text-feedback-positive: var(--green-new-10);
  --text-feedback-warning: var(--yellow-new-7);
  --text-link: var(--blue-new-10);
  --text-muted: var(--neutral-12);
  --text-strong: var(--neutral-1);
  --text-subtle: var(--neutral-2);
  --text-voice-disconnected: var(--red-new-5);
  --thread-channel-spine: var(--neutral-27);
  --user-profile-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --user-profile-border: var(--neutral-12);
  --user-profile-overlay-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --user-profile-toolbar-border: var(--neutral-26);
}
@supports (color: color-mix(in lch, red, blue)) {
  .high-contrast-mode .theme-dark,
  .high-contrast-mode.theme-dark {
    --ansi-blue: color-mix(
      in oklab,
      var(--blue-new-31) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-blue: color-mix(
      in oklab,
      var(--illo-blue-30) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-cyan: color-mix(
      in oklab,
      var(--teal-new-32) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-green: color-mix(
      in oklab,
      var(--green-new-32) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-magenta: color-mix(
      in oklab,
      var(--pink-42) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-red: color-mix(
      in oklab,
      var(--red-new-29) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-yellow: color-mix(
      in oklab,
      var(--yellow-new-55) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --app-frame-border: color-mix(
      in oklab,
      var(--neutral-12) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --background-code: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-critical: color-mix(
      in oklab,
      hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-info: color-mix(
      in oklab,
      hsl(var(--opacity-blue-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-positive: color-mix(
      in oklab,
      hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-warning: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --border-feedback-critical: color-mix(
      in oklab,
      var(--red-new-5) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-info: color-mix(
      in oklab,
      var(--blue-new-8) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-positive: color-mix(
      in oklab,
      var(--green-new-10) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-7) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-focus: color-mix(
      in oklab,
      var(--blue-new-10) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-muted: color-mix(
      in oklab,
      var(--neutral-26) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-normal: color-mix(
      in oklab,
      var(--neutral-5) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-strong: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-subtle: color-mix(
      in oklab,
      var(--neutral-12) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-border-default: color-mix(
      in oklab,
      var(--neutral-12) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-secondary-bg: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --channel-icon: color-mix(
      in oklab,
      var(--neutral-19) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channel-text-area-placeholder: color-mix(
      in oklab,
      var(--neutral-25) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channels-default: color-mix(
      in oklab,
      var(--neutral-19) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chat-text-muted: color-mix(
      in oklab,
      var(--neutral-17) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --control-secondary-border-active: color-mix(
      in oklab,
      var(--neutral-22) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --control-secondary-border-default: color-mix(
      in oklab,
      var(--neutral-22) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --gradient-progress-pill-background: color-mix(
      in oklab,
      var(--neutral-35) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --icon-default: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-critical: color-mix(
      in oklab,
      var(--red-new-5) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-info: color-mix(
      in oklab,
      var(--blue-new-8) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-positive: color-mix(
      in oklab,
      var(--green-new-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-7) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-link: color-mix(
      in oklab,
      var(--blue-new-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-muted: color-mix(
      in oklab,
      var(--neutral-12) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-strong: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-subtle: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-5) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-black-28-hsl)/0.2784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --input-border-default: color-mix(
      in oklab,
      var(--neutral-22) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-error-default: color-mix(
      in oklab,
      var(--red-new-5) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-hover: color-mix(
      in oklab,
      var(--neutral-5) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-icon-default: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-placeholder-text-default: color-mix(
      in oklab,
      var(--neutral-22) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-default: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-error-default: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-accent-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-selected: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-icon-active: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-default: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-hover: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-muted: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-active: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-default: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-hover: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mention-background: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.47843137254901963)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mention-foreground: color-mix(
      in oklab,
      var(--blurple-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --message-automod-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-red-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-automod-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-red-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-guildbar-icon-default: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mobile-text-heading-primary: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --progressbar-track-background: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-border-active: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-default: color-mix(
      in oklab,
      var(--neutral-12) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-hover: color-mix(
      in oklab,
      var(--neutral-26) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-text-active: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-default: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-hover: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --redesign-button-tertiary-text: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --spine-default: color-mix(
      in oklab,
      var(--neutral-32) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-brand: color-mix(
      in oklab,
      var(--brand-230) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-addition: color-mix(
      in oklab,
      var(--green-new-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-attribute: color-mix(
      in oklab,
      var(--blue-new-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-builtin: color-mix(
      in oklab,
      var(--yellow-new-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-bullet: color-mix(
      in oklab,
      var(--blue-new-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-comment: color-mix(
      in oklab,
      var(--neutral-15) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-decorator: color-mix(
      in oklab,
      var(--yellow-new-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-deletion: color-mix(
      in oklab,
      var(--red-new-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-error: color-mix(
      in oklab,
      var(--red-new-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-escape: color-mix(
      in oklab,
      var(--pink-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-keyword: color-mix(
      in oklab,
      var(--red-new-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-link: color-mix(
      in oklab,
      var(--blue-new-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-namespace: color-mix(
      in oklab,
      var(--blue-new-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-number: color-mix(
      in oklab,
      var(--orange-new-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-operator: color-mix(
      in oklab,
      var(--red-new-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-property: color-mix(
      in oklab,
      var(--teal-new-3) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-regexp: color-mix(
      in oklab,
      var(--green-new-3) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-section: color-mix(
      in oklab,
      var(--red-new-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-string: color-mix(
      in oklab,
      var(--green-new-3) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-tag: color-mix(
      in oklab,
      var(--pink-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-title: color-mix(
      in oklab,
      var(--blue-new-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-type: color-mix(
      in oklab,
      var(--pink-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-variable: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-default: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-critical: color-mix(
      in oklab,
      var(--red-new-5) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-info: color-mix(
      in oklab,
      var(--blue-new-8) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-positive: color-mix(
      in oklab,
      var(--green-new-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-7) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-link: color-mix(
      in oklab,
      var(--blue-new-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-muted: color-mix(
      in oklab,
      var(--neutral-12) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-strong: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-subtle: color-mix(
      in oklab,
      var(--neutral-2) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-5) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --thread-channel-spine: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-border: color-mix(
      in oklab,
      var(--neutral-12) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-overlay-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-toolbar-border: color-mix(
      in oklab,
      var(--neutral-26) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
  }
}
.high-contrast-mode .theme-light,
.high-contrast-mode.theme-light {
  --ansi-blue: var(--blue-new-52);
  --ansi-bright-blue: var(--illo-blue-40);
  --ansi-cyan: var(--teal-new-53);
  --ansi-green: var(--green-new-52);
  --ansi-magenta: var(--pink-62);
  --ansi-red: var(--red-new-50);
  --ansi-yellow: var(--yellow-new-68);
  --app-frame-border: var(--neutral-50);
  --background-code: hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196);
  --background-feedback-critical: hsl(
    var(--opacity-red-12-hsl)/0.12156862745098039
  );
  --background-feedback-info: hsl(
    var(--opacity-blue-12-hsl)/0.12156862745098039
  );
  --background-feedback-positive: hsl(
    var(--opacity-green-12-hsl)/0.12156862745098039
  );
  --background-feedback-warning: hsl(
    var(--opacity-yellow-12-hsl)/0.12156862745098039
  );
  --background-mod-muted: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --background-mod-normal: hsl(var(--opacity-20-hsl)/0.2);
  --background-mod-strong: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --background-mod-subtle: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --badge-background-default: hsl(var(--opacity-20-hsl)/0.2);
  --badge-text-default: var(--neutral-100);
  --border-feedback-critical: var(--red-new-66);
  --border-feedback-info: var(--blue-new-68);
  --border-feedback-positive: var(--green-new-68);
  --border-feedback-warning: var(--yellow-new-78);
  --border-focus: var(--blue-new-65);
  --border-muted: var(--neutral-38);
  --border-normal: var(--neutral-59);
  --border-strong: var(--neutral-72);
  --border-subtle: var(--neutral-50);
  --card-border-default: var(--neutral-50);
  --card-secondary-bg: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --channel-icon: var(--neutral-50);
  --channel-text-area-placeholder: var(--neutral-39);
  --channels-default: var(--neutral-50);
  --chat-text-muted: var(--neutral-48);
  --checkbox-border-active: var(--neutral-50);
  --checkbox-border-default: var(--neutral-72);
  --checkbox-border-hover: var(--neutral-50);
  --checkbox-border-selected-default: var(--neutral-50);
  --checkbox-border-selected-hover: var(--neutral-50);
  --control-connected-border-active: var(--green-new-61);
  --control-connected-border-default: var(--green-new-61);
  --control-connected-border-hover: var(--green-new-61);
  --control-critical-primary-border-active: var(--red-new-59);
  --control-critical-primary-border-default: var(--red-new-59);
  --control-critical-primary-border-hover: var(--red-new-59);
  --control-critical-secondary-background-active: hsl(
    var(--opacity-28-hsl)/0.2784313725490196
  );
  --control-critical-secondary-background-default: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-critical-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-critical-secondary-border-active: var(--red-new-59);
  --control-critical-secondary-border-default: var(--red-new-59);
  --control-critical-secondary-border-hover: var(--red-new-59);
  --control-critical-secondary-icon-active: var(--red-new-66);
  --control-critical-secondary-icon-default: var(--red-new-66);
  --control-critical-secondary-icon-hover: var(--red-new-66);
  --control-critical-secondary-text-active: var(--red-new-66);
  --control-critical-secondary-text-default: var(--red-new-66);
  --control-critical-secondary-text-hover: var(--red-new-66);
  --control-icon-only-background-active: hsl(
    var(--opacity-28-hsl)/0.2784313725490196
  );
  --control-icon-only-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-icon-only-border-active: var(--neutral-38);
  --control-icon-only-border-hover: var(--neutral-38);
  --control-icon-only-icon-active: var(--neutral-100);
  --control-icon-only-icon-default: var(--neutral-64);
  --control-icon-only-icon-hover: var(--neutral-100);
  --control-overlay-secondary-border-active: var(--neutral-38);
  --control-overlay-secondary-border-default: var(--neutral-38);
  --control-overlay-secondary-border-hover: var(--neutral-38);
  --control-primary-border-active: var(--blurple-61);
  --control-primary-border-default: var(--blurple-61);
  --control-primary-border-hover: var(--blurple-61);
  --control-secondary-background-active: hsl(
    var(--opacity-28-hsl)/0.2784313725490196
  );
  --control-secondary-background-default: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-secondary-border-active: var(--neutral-44);
  --control-secondary-border-default: var(--neutral-44);
  --control-secondary-border-hover: var(--neutral-44);
  --control-secondary-icon-active: var(--neutral-100);
  --control-secondary-icon-default: var(--neutral-100);
  --control-secondary-icon-hover: var(--neutral-100);
  --control-secondary-text-active: var(--neutral-100);
  --control-secondary-text-default: var(--neutral-100);
  --control-secondary-text-hover: var(--neutral-100);
  --gradient-progress-pill-background: var(--neutral-31);
  --icon-default: var(--neutral-80);
  --icon-feedback-critical: var(--red-new-66);
  --icon-feedback-info: var(--blue-new-68);
  --icon-feedback-positive: var(--green-new-68);
  --icon-feedback-warning: var(--yellow-new-78);
  --icon-link: var(--blue-new-65);
  --icon-muted: var(--neutral-50);
  --icon-strong: var(--neutral-100);
  --icon-subtle: var(--neutral-64);
  --icon-voice-disconnected: var(--red-new-66);
  --input-background-default: hsl(
    var(--opacity-black-12-hsl)/0.12156862745098039
  );
  --input-border-default: var(--neutral-44);
  --input-border-error-default: var(--red-new-66);
  --input-border-hover: var(--neutral-59);
  --input-icon-default: var(--neutral-64);
  --input-placeholder-text-default: var(--neutral-44);
  --input-text-default: var(--neutral-80);
  --input-text-error-default: var(--neutral-80);
  --interactive-accent-background-default: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --interactive-background-active: hsl(var(--opacity-20-hsl)/0.2);
  --interactive-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --interactive-background-selected: hsl(
    var(--opacity-28-hsl)/0.2784313725490196
  );
  --interactive-icon-active: var(--neutral-100);
  --interactive-icon-default: var(--neutral-64);
  --interactive-icon-hover: var(--neutral-100);
  --interactive-muted: var(--neutral-40);
  --interactive-text-active: var(--neutral-100);
  --interactive-text-default: var(--neutral-64);
  --interactive-text-hover: var(--neutral-100);
  --mention-background: hsl(var(--opacity-blurple-28-hsl)/0.2784313725490196);
  --mention-foreground: var(--blurple-82);
  --message-automod-background-default: hsl(
    var(--opacity-red-12-hsl)/0.12156862745098039
  );
  --message-automod-background-hover: hsl(
    var(--opacity-red-16-hsl)/0.1607843137254902
  );
  --message-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --message-highlight-background-default: hsl(
    var(--opacity-blurple-20-hsl)/0.2
  );
  --message-highlight-background-hover: hsl(
    var(--opacity-blurple-24-hsl)/0.23921568627450981
  );
  --message-mentioned-background-default: hsl(
    var(--opacity-yellow-12-hsl)/0.12156862745098039
  );
  --message-mentioned-background-hover: hsl(
    var(--opacity-yellow-16-hsl)/0.1607843137254902
  );
  --mobile-guildbar-icon-default: var(--neutral-64);
  --mobile-text-heading-primary: var(--neutral-100);
  --progressbar-track-background: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --radio-border-active: var(--neutral-50);
  --radio-border-default: var(--neutral-50);
  --radio-border-hover: var(--neutral-50);
  --radio-border-selected-default: var(--neutral-50);
  --radio-border-selected-hover: var(--neutral-50);
  --reaction-background-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --reaction-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --reaction-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --reaction-border-active: var(--neutral-72);
  --reaction-border-default: var(--neutral-50);
  --reaction-border-hover: var(--neutral-38);
  --reaction-text-active: var(--neutral-100);
  --reaction-text-default: var(--neutral-64);
  --reaction-text-hover: var(--neutral-100);
  --redesign-button-tertiary-text: var(--neutral-80);
  --spine-default: var(--neutral-32);
  --status-danger: var(--red-new-48);
  --switch-border-default: var(--neutral-50);
  --switch-border-hover: var(--neutral-50);
  --switch-border-selected-default: var(--neutral-50);
  --switch-border-selected-hover: var(--neutral-50);
  --text-brand: var(--brand-600);
  --text-code: var(--neutral-71);
  --text-code-addition: var(--green-new-79);
  --text-code-attribute: var(--blue-new-74);
  --text-code-builtin: var(--yellow-new-83);
  --text-code-bullet: var(--blue-new-74);
  --text-code-comment: var(--neutral-49);
  --text-code-decorator: var(--yellow-new-83);
  --text-code-deletion: var(--red-new-77);
  --text-code-error: var(--red-new-73);
  --text-code-escape: var(--pink-80);
  --text-code-keyword: var(--red-new-73);
  --text-code-link: var(--blue-new-74);
  --text-code-namespace: var(--blue-new-74);
  --text-code-number: var(--orange-new-74);
  --text-code-operator: var(--red-new-73);
  --text-code-property: var(--teal-new-76);
  --text-code-regexp: var(--green-new-76);
  --text-code-section: var(--red-new-73);
  --text-code-string: var(--green-new-76);
  --text-code-tag: var(--pink-80);
  --text-code-title: var(--blue-new-74);
  --text-code-type: var(--pink-80);
  --text-code-variable: var(--neutral-71);
  --text-default: var(--neutral-80);
  --text-feedback-critical: var(--red-new-66);
  --text-feedback-info: var(--blue-new-68);
  --text-feedback-positive: var(--green-new-68);
  --text-feedback-warning: var(--yellow-new-78);
  --text-link: var(--blue-new-65);
  --text-muted: var(--neutral-50);
  --text-strong: var(--neutral-100);
  --text-subtle: var(--neutral-64);
  --text-voice-disconnected: var(--red-new-66);
  --thread-channel-spine: var(--neutral-40);
  --user-profile-background-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --user-profile-border: var(--neutral-50);
  --user-profile-overlay-background-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --user-profile-toolbar-border: var(--neutral-38);
}
@supports (color: color-mix(in lch, red, blue)) {
  .high-contrast-mode .theme-light,
  .high-contrast-mode.theme-light {
    --ansi-blue: color-mix(
      in oklab,
      var(--blue-new-52) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-blue: color-mix(
      in oklab,
      var(--illo-blue-40) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-cyan: color-mix(
      in oklab,
      var(--teal-new-53) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-green: color-mix(
      in oklab,
      var(--green-new-52) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-magenta: color-mix(
      in oklab,
      var(--pink-62) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-red: color-mix(
      in oklab,
      var(--red-new-50) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-yellow: color-mix(
      in oklab,
      var(--yellow-new-68) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --app-frame-border: color-mix(
      in oklab,
      var(--neutral-50) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --background-code: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.0784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-critical: color-mix(
      in oklab,
      hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-info: color-mix(
      in oklab,
      hsl(var(--opacity-blue-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-positive: color-mix(
      in oklab,
      hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-warning: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --border-feedback-critical: color-mix(
      in oklab,
      var(--red-new-66) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-info: color-mix(
      in oklab,
      var(--blue-new-68) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-positive: color-mix(
      in oklab,
      var(--green-new-68) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-78) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-focus: color-mix(
      in oklab,
      var(--blue-new-65) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-muted: color-mix(
      in oklab,
      var(--neutral-38) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-normal: color-mix(
      in oklab,
      var(--neutral-59) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-strong: color-mix(
      in oklab,
      var(--neutral-72) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-subtle: color-mix(
      in oklab,
      var(--neutral-50) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-border-default: color-mix(
      in oklab,
      var(--neutral-50) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-secondary-bg: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --channel-icon: color-mix(
      in oklab,
      var(--neutral-50) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channel-text-area-placeholder: color-mix(
      in oklab,
      var(--neutral-39) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channels-default: color-mix(
      in oklab,
      var(--neutral-50) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chat-text-muted: color-mix(
      in oklab,
      var(--neutral-48) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --control-secondary-border-active: color-mix(
      in oklab,
      var(--neutral-44) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --control-secondary-border-default: color-mix(
      in oklab,
      var(--neutral-44) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --gradient-progress-pill-background: color-mix(
      in oklab,
      var(--neutral-31) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --icon-default: color-mix(
      in oklab,
      var(--neutral-80) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-critical: color-mix(
      in oklab,
      var(--red-new-66) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-info: color-mix(
      in oklab,
      var(--blue-new-68) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-positive: color-mix(
      in oklab,
      var(--green-new-68) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-78) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-link: color-mix(
      in oklab,
      var(--blue-new-65) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-muted: color-mix(
      in oklab,
      var(--neutral-50) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-strong: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-subtle: color-mix(
      in oklab,
      var(--neutral-64) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-66) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-black-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --input-border-default: color-mix(
      in oklab,
      var(--neutral-44) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-error-default: color-mix(
      in oklab,
      var(--red-new-66) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-hover: color-mix(
      in oklab,
      var(--neutral-59) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-icon-default: color-mix(
      in oklab,
      var(--neutral-64) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-placeholder-text-default: color-mix(
      in oklab,
      var(--neutral-44) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-default: color-mix(
      in oklab,
      var(--neutral-80) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-error-default: color-mix(
      in oklab,
      var(--neutral-80) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-accent-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-selected: color-mix(
      in oklab,
      hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-icon-active: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-default: color-mix(
      in oklab,
      var(--neutral-64) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-hover: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-muted: color-mix(
      in oklab,
      var(--neutral-40) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-active: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-default: color-mix(
      in oklab,
      var(--neutral-64) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-hover: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mention-background: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-28-hsl)/0.2784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mention-foreground: color-mix(
      in oklab,
      var(--blurple-82) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --message-automod-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-automod-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-red-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-guildbar-icon-default: color-mix(
      in oklab,
      var(--neutral-64) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mobile-text-heading-primary: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --progressbar-track-background: color-mix(
      in oklab,
      hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-border-active: color-mix(
      in oklab,
      var(--neutral-72) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-default: color-mix(
      in oklab,
      var(--neutral-50) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-hover: color-mix(
      in oklab,
      var(--neutral-38) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-text-active: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-default: color-mix(
      in oklab,
      var(--neutral-64) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-hover: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --redesign-button-tertiary-text: color-mix(
      in oklab,
      var(--neutral-80) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --spine-default: color-mix(
      in oklab,
      var(--neutral-32) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-brand: color-mix(
      in oklab,
      var(--brand-600) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code: color-mix(
      in oklab,
      var(--neutral-71) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-addition: color-mix(
      in oklab,
      var(--green-new-79) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-attribute: color-mix(
      in oklab,
      var(--blue-new-74) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-builtin: color-mix(
      in oklab,
      var(--yellow-new-83) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-bullet: color-mix(
      in oklab,
      var(--blue-new-74) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-comment: color-mix(
      in oklab,
      var(--neutral-49) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-decorator: color-mix(
      in oklab,
      var(--yellow-new-83) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-deletion: color-mix(
      in oklab,
      var(--red-new-77) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-error: color-mix(
      in oklab,
      var(--red-new-73) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-escape: color-mix(
      in oklab,
      var(--pink-80) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-keyword: color-mix(
      in oklab,
      var(--red-new-73) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-link: color-mix(
      in oklab,
      var(--blue-new-74) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-namespace: color-mix(
      in oklab,
      var(--blue-new-74) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-number: color-mix(
      in oklab,
      var(--orange-new-74) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-operator: color-mix(
      in oklab,
      var(--red-new-73) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-property: color-mix(
      in oklab,
      var(--teal-new-76) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-regexp: color-mix(
      in oklab,
      var(--green-new-76) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-section: color-mix(
      in oklab,
      var(--red-new-73) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-string: color-mix(
      in oklab,
      var(--green-new-76) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-tag: color-mix(
      in oklab,
      var(--pink-80) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-title: color-mix(
      in oklab,
      var(--blue-new-74) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-type: color-mix(
      in oklab,
      var(--pink-80) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-variable: color-mix(
      in oklab,
      var(--neutral-71) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-default: color-mix(
      in oklab,
      var(--neutral-80) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-critical: color-mix(
      in oklab,
      var(--red-new-66) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-info: color-mix(
      in oklab,
      var(--blue-new-68) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-positive: color-mix(
      in oklab,
      var(--green-new-68) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-78) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-link: color-mix(
      in oklab,
      var(--blue-new-65) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-muted: color-mix(
      in oklab,
      var(--neutral-50) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-strong: color-mix(
      in oklab,
      var(--neutral-100) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-subtle: color-mix(
      in oklab,
      var(--neutral-64) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-66) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --thread-channel-spine: color-mix(
      in oklab,
      var(--neutral-40) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-border: color-mix(
      in oklab,
      var(--neutral-50) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-overlay-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-toolbar-border: color-mix(
      in oklab,
      var(--neutral-38) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
  }
}
.high-contrast-mode .theme-midnight,
.high-contrast-mode.theme-midnight {
  --ansi-blue: var(--blue-new-47);
  --ansi-bright-blue: var(--illo-blue-40);
  --ansi-cyan: var(--teal-new-48);
  --ansi-green: var(--green-new-47);
  --ansi-magenta: var(--pink-59);
  --ansi-red: var(--red-new-44);
  --ansi-yellow: var(--yellow-new-65);
  --app-frame-border: var(--neutral-24);
  --background-code: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
  --background-feedback-critical: hsl(
    var(--opacity-red-12-hsl)/0.12156862745098039
  );
  --background-feedback-info: hsl(
    var(--opacity-blue-12-hsl)/0.12156862745098039
  );
  --background-feedback-positive: hsl(
    var(--opacity-green-12-hsl)/0.12156862745098039
  );
  --background-feedback-warning: hsl(
    var(--opacity-yellow-12-hsl)/0.12156862745098039
  );
  --background-mod-muted: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --background-mod-normal: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --background-mod-strong: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --background-mod-subtle: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --badge-background-default: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --badge-text-default: var(--neutral-1);
  --border-feedback-critical: var(--red-new-23);
  --border-feedback-info: var(--blue-new-25);
  --border-feedback-positive: var(--green-new-26);
  --border-feedback-warning: var(--yellow-new-49);
  --border-focus: var(--blue-new-28);
  --border-muted: var(--neutral-36);
  --border-normal: var(--neutral-18);
  --border-strong: var(--neutral-10);
  --border-subtle: var(--neutral-24);
  --card-border-default: var(--neutral-24);
  --card-secondary-bg: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --channel-icon: var(--neutral-29);
  --channel-text-area-placeholder: var(--neutral-36);
  --channels-default: var(--neutral-29);
  --chat-text-muted: var(--neutral-28);
  --checkbox-border-active: var(--neutral-24);
  --checkbox-border-default: var(--neutral-10);
  --checkbox-border-hover: var(--neutral-24);
  --checkbox-border-selected-default: var(--neutral-24);
  --checkbox-border-selected-hover: var(--neutral-24);
  --control-connected-border-active: var(--green-new-26);
  --control-connected-border-default: var(--green-new-26);
  --control-connected-border-hover: var(--green-new-26);
  --control-critical-primary-border-active: var(--red-new-23);
  --control-critical-primary-border-default: var(--red-new-23);
  --control-critical-primary-border-hover: var(--red-new-23);
  --control-critical-secondary-background-active: hsl(
    var(--opacity-28-hsl)/0.2784313725490196
  );
  --control-critical-secondary-background-default: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-critical-secondary-background-hover: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --control-critical-secondary-border-active: var(--red-new-23);
  --control-critical-secondary-border-default: var(--red-new-23);
  --control-critical-secondary-border-hover: var(--red-new-23);
  --control-critical-secondary-icon-active: var(--red-new-23);
  --control-critical-secondary-icon-default: var(--red-new-23);
  --control-critical-secondary-icon-hover: var(--red-new-23);
  --control-critical-secondary-text-active: var(--red-new-23);
  --control-critical-secondary-text-default: var(--red-new-23);
  --control-critical-secondary-text-hover: var(--red-new-23);
  --control-icon-only-background-active: hsl(
    var(--opacity-28-hsl)/0.2784313725490196
  );
  --control-icon-only-background-hover: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --control-icon-only-border-active: var(--neutral-36);
  --control-icon-only-border-hover: var(--neutral-36);
  --control-icon-only-icon-active: var(--neutral-1);
  --control-icon-only-icon-default: var(--neutral-15);
  --control-icon-only-icon-hover: var(--neutral-1);
  --control-overlay-secondary-border-active: var(--neutral-36);
  --control-overlay-secondary-border-default: var(--neutral-36);
  --control-overlay-secondary-border-hover: var(--neutral-36);
  --control-primary-border-active: var(--blurple-25);
  --control-primary-border-default: var(--blurple-25);
  --control-primary-border-hover: var(--blurple-25);
  --control-secondary-background-active: hsl(
    var(--opacity-28-hsl)/0.2784313725490196
  );
  --control-secondary-background-default: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --control-secondary-background-hover: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --control-secondary-border-active: var(--neutral-32);
  --control-secondary-border-default: var(--neutral-32);
  --control-secondary-border-hover: var(--neutral-32);
  --control-secondary-icon-active: var(--neutral-1);
  --control-secondary-icon-default: var(--neutral-1);
  --control-secondary-icon-hover: var(--neutral-1);
  --control-secondary-text-active: var(--neutral-1);
  --control-secondary-text-default: var(--neutral-1);
  --control-secondary-text-hover: var(--neutral-1);
  --gradient-progress-pill-background: var(--neutral-45);
  --icon-default: var(--neutral-6);
  --icon-feedback-critical: var(--red-new-23);
  --icon-feedback-info: var(--blue-new-25);
  --icon-feedback-positive: var(--green-new-26);
  --icon-feedback-warning: var(--yellow-new-49);
  --icon-link: var(--blue-new-28);
  --icon-muted: var(--neutral-24);
  --icon-strong: var(--neutral-1);
  --icon-subtle: var(--neutral-15);
  --icon-voice-disconnected: var(--red-new-23);
  --input-background-default: hsl(
    var(--opacity-black-12-hsl)/0.12156862745098039
  );
  --input-border-default: var(--neutral-32);
  --input-border-error-default: var(--red-new-23);
  --input-border-hover: var(--neutral-18);
  --input-icon-default: var(--neutral-15);
  --input-placeholder-text-default: var(--neutral-32);
  --input-text-default: var(--neutral-6);
  --input-text-error-default: var(--neutral-6);
  --interactive-accent-background-default: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --interactive-background-active: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --interactive-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --interactive-background-selected: hsl(
    var(--opacity-28-hsl)/0.2784313725490196
  );
  --interactive-icon-active: var(--neutral-1);
  --interactive-icon-default: var(--neutral-15);
  --interactive-icon-hover: var(--neutral-1);
  --interactive-muted: var(--neutral-38);
  --interactive-text-active: var(--neutral-1);
  --interactive-text-default: var(--neutral-15);
  --interactive-text-hover: var(--neutral-1);
  --mention-background: hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963);
  --mention-foreground: var(--blurple-13);
  --message-automod-background-default: hsl(
    var(--opacity-red-24-hsl)/0.23921568627450981
  );
  --message-automod-background-hover: hsl(
    var(--opacity-red-28-hsl)/0.2784313725490196
  );
  --message-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --message-highlight-background-default: hsl(
    var(--opacity-blurple-20-hsl)/0.2
  );
  --message-highlight-background-hover: hsl(
    var(--opacity-blurple-24-hsl)/0.23921568627450981
  );
  --message-mentioned-background-default: hsl(
    var(--opacity-yellow-24-hsl)/0.23921568627450981
  );
  --message-mentioned-background-hover: hsl(
    var(--opacity-yellow-28-hsl)/0.2784313725490196
  );
  --mobile-guildbar-icon-default: var(--neutral-15);
  --mobile-text-heading-primary: var(--neutral-1);
  --progressbar-track-background: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --radio-border-active: var(--neutral-24);
  --radio-border-default: var(--neutral-24);
  --radio-border-hover: var(--neutral-24);
  --radio-border-selected-default: var(--neutral-24);
  --radio-border-selected-hover: var(--neutral-24);
  --reaction-background-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --reaction-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --reaction-background-hover: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --reaction-border-active: var(--neutral-10);
  --reaction-border-default: var(--neutral-24);
  --reaction-border-hover: var(--neutral-36);
  --reaction-text-active: var(--neutral-1);
  --reaction-text-default: var(--neutral-15);
  --reaction-text-hover: var(--neutral-1);
  --redesign-button-tertiary-text: var(--neutral-6);
  --spine-default: var(--neutral-42);
  --status-danger: var(--red-new-45);
  --switch-border-default: var(--neutral-24);
  --switch-border-hover: var(--neutral-24);
  --switch-border-selected-default: var(--neutral-24);
  --switch-border-selected-hover: var(--neutral-24);
  --text-brand: var(--brand-345);
  --text-code: var(--neutral-14);
  --text-code-addition: var(--green-new-20);
  --text-code-attribute: var(--blue-new-20);
  --text-code-builtin: var(--yellow-new-44);
  --text-code-bullet: var(--blue-new-20);
  --text-code-comment: var(--neutral-27);
  --text-code-decorator: var(--yellow-new-44);
  --text-code-deletion: var(--red-new-16);
  --text-code-error: var(--red-new-17);
  --text-code-escape: var(--pink-23);
  --text-code-keyword: var(--red-new-17);
  --text-code-link: var(--blue-new-20);
  --text-code-namespace: var(--blue-new-20);
  --text-code-number: var(--orange-new-19);
  --text-code-operator: var(--red-new-17);
  --text-code-property: var(--teal-new-22);
  --text-code-regexp: var(--green-new-21);
  --text-code-section: var(--red-new-17);
  --text-code-string: var(--green-new-21);
  --text-code-tag: var(--pink-23);
  --text-code-title: var(--blue-new-20);
  --text-code-type: var(--pink-23);
  --text-code-variable: var(--neutral-14);
  --text-default: var(--neutral-6);
  --text-feedback-critical: var(--red-new-23);
  --text-feedback-info: var(--blue-new-25);
  --text-feedback-positive: var(--green-new-26);
  --text-feedback-warning: var(--yellow-new-49);
  --text-link: var(--blue-new-28);
  --text-muted: var(--neutral-24);
  --text-strong: var(--neutral-1);
  --text-subtle: var(--neutral-15);
  --text-voice-disconnected: var(--red-new-23);
  --thread-channel-spine: var(--neutral-38);
  --user-profile-background-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --user-profile-border: var(--neutral-24);
  --user-profile-overlay-background-hover: hsl(
    var(--opacity-16-hsl)/0.1607843137254902
  );
  --user-profile-toolbar-border: var(--neutral-36);
}
@supports (color: color-mix(in lch, red, blue)) {
  .high-contrast-mode .theme-midnight,
  .high-contrast-mode.theme-midnight {
    --ansi-blue: color-mix(
      in oklab,
      var(--blue-new-47) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-blue: color-mix(
      in oklab,
      var(--illo-blue-40) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-cyan: color-mix(
      in oklab,
      var(--teal-new-48) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-green: color-mix(
      in oklab,
      var(--green-new-47) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-magenta: color-mix(
      in oklab,
      var(--pink-59) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-red: color-mix(
      in oklab,
      var(--red-new-44) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-yellow: color-mix(
      in oklab,
      var(--yellow-new-65) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --app-frame-border: color-mix(
      in oklab,
      var(--neutral-24) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --background-code: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-critical: color-mix(
      in oklab,
      hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-info: color-mix(
      in oklab,
      hsl(var(--opacity-blue-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-positive: color-mix(
      in oklab,
      hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-warning: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --border-feedback-critical: color-mix(
      in oklab,
      var(--red-new-23) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-info: color-mix(
      in oklab,
      var(--blue-new-25) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-positive: color-mix(
      in oklab,
      var(--green-new-26) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-49) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-focus: color-mix(
      in oklab,
      var(--blue-new-28) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-muted: color-mix(
      in oklab,
      var(--neutral-36) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-normal: color-mix(
      in oklab,
      var(--neutral-18) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-strong: color-mix(
      in oklab,
      var(--neutral-10) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-subtle: color-mix(
      in oklab,
      var(--neutral-24) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-border-default: color-mix(
      in oklab,
      var(--neutral-24) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-secondary-bg: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --channel-icon: color-mix(
      in oklab,
      var(--neutral-29) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channel-text-area-placeholder: color-mix(
      in oklab,
      var(--neutral-36) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channels-default: color-mix(
      in oklab,
      var(--neutral-29) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chat-text-muted: color-mix(
      in oklab,
      var(--neutral-28) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --control-secondary-border-active: color-mix(
      in oklab,
      var(--neutral-32) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --control-secondary-border-default: color-mix(
      in oklab,
      var(--neutral-32) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --gradient-progress-pill-background: color-mix(
      in oklab,
      var(--neutral-45) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --icon-default: color-mix(
      in oklab,
      var(--neutral-6) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-critical: color-mix(
      in oklab,
      var(--red-new-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-info: color-mix(
      in oklab,
      var(--blue-new-25) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-positive: color-mix(
      in oklab,
      var(--green-new-26) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-49) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-link: color-mix(
      in oklab,
      var(--blue-new-28) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-muted: color-mix(
      in oklab,
      var(--neutral-24) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-strong: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-subtle: color-mix(
      in oklab,
      var(--neutral-15) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-black-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --input-border-default: color-mix(
      in oklab,
      var(--neutral-32) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-error-default: color-mix(
      in oklab,
      var(--red-new-23) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-hover: color-mix(
      in oklab,
      var(--neutral-18) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-icon-default: color-mix(
      in oklab,
      var(--neutral-15) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-placeholder-text-default: color-mix(
      in oklab,
      var(--neutral-32) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-default: color-mix(
      in oklab,
      var(--neutral-6) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-error-default: color-mix(
      in oklab,
      var(--neutral-6) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-accent-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-selected: color-mix(
      in oklab,
      hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-icon-active: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-default: color-mix(
      in oklab,
      var(--neutral-15) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-hover: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-muted: color-mix(
      in oklab,
      var(--neutral-38) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-active: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-default: color-mix(
      in oklab,
      var(--neutral-15) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-hover: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mention-background: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.47843137254901963)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mention-foreground: color-mix(
      in oklab,
      var(--blurple-13) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --message-automod-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-red-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-automod-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-red-28-hsl)/0.2784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-28-hsl)/0.2784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-guildbar-icon-default: color-mix(
      in oklab,
      var(--neutral-15) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mobile-text-heading-primary: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --progressbar-track-background: color-mix(
      in oklab,
      hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2784313725490196)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-border-active: color-mix(
      in oklab,
      var(--neutral-10) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-default: color-mix(
      in oklab,
      var(--neutral-24) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-hover: color-mix(
      in oklab,
      var(--neutral-36) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-text-active: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-default: color-mix(
      in oklab,
      var(--neutral-15) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-hover: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --redesign-button-tertiary-text: color-mix(
      in oklab,
      var(--neutral-6) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --spine-default: color-mix(
      in oklab,
      var(--neutral-42) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-brand: color-mix(
      in oklab,
      var(--brand-345) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code: color-mix(
      in oklab,
      var(--neutral-14) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-addition: color-mix(
      in oklab,
      var(--green-new-20) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-attribute: color-mix(
      in oklab,
      var(--blue-new-20) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-builtin: color-mix(
      in oklab,
      var(--yellow-new-44) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-bullet: color-mix(
      in oklab,
      var(--blue-new-20) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-comment: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-decorator: color-mix(
      in oklab,
      var(--yellow-new-44) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-deletion: color-mix(
      in oklab,
      var(--red-new-16) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-error: color-mix(
      in oklab,
      var(--red-new-17) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-escape: color-mix(
      in oklab,
      var(--pink-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-keyword: color-mix(
      in oklab,
      var(--red-new-17) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-link: color-mix(
      in oklab,
      var(--blue-new-20) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-namespace: color-mix(
      in oklab,
      var(--blue-new-20) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-number: color-mix(
      in oklab,
      var(--orange-new-19) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-operator: color-mix(
      in oklab,
      var(--red-new-17) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-property: color-mix(
      in oklab,
      var(--teal-new-22) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-regexp: color-mix(
      in oklab,
      var(--green-new-21) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-section: color-mix(
      in oklab,
      var(--red-new-17) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-string: color-mix(
      in oklab,
      var(--green-new-21) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-tag: color-mix(
      in oklab,
      var(--pink-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-title: color-mix(
      in oklab,
      var(--blue-new-20) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-type: color-mix(
      in oklab,
      var(--pink-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-variable: color-mix(
      in oklab,
      var(--neutral-14) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-default: color-mix(
      in oklab,
      var(--neutral-6) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-critical: color-mix(
      in oklab,
      var(--red-new-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-info: color-mix(
      in oklab,
      var(--blue-new-25) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-positive: color-mix(
      in oklab,
      var(--green-new-26) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-49) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-link: color-mix(
      in oklab,
      var(--blue-new-28) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-muted: color-mix(
      in oklab,
      var(--neutral-24) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-strong: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-subtle: color-mix(
      in oklab,
      var(--neutral-15) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --thread-channel-spine: color-mix(
      in oklab,
      var(--neutral-38) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-border: color-mix(
      in oklab,
      var(--neutral-24) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-overlay-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-toolbar-border: color-mix(
      in oklab,
      var(--neutral-36) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
  }
}
.high-contrast-mode .theme-darker,
.high-contrast-mode.theme-darker {
  --ansi-blue: var(--blue-new-42);
  --ansi-bright-blue: var(--illo-blue-40);
  --ansi-cyan: var(--teal-new-43);
  --ansi-green: var(--green-new-41);
  --ansi-magenta: var(--pink-55);
  --ansi-red: var(--red-new-39);
  --ansi-yellow: var(--yellow-new-62);
  --app-frame-border: var(--neutral-19);
  --background-code: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
  --background-feedback-critical: hsl(
    var(--opacity-red-12-hsl)/0.12156862745098039
  );
  --background-feedback-info: hsl(
    var(--opacity-blue-12-hsl)/0.12156862745098039
  );
  --background-feedback-positive: hsl(
    var(--opacity-green-12-hsl)/0.12156862745098039
  );
  --background-feedback-warning: hsl(
    var(--opacity-yellow-12-hsl)/0.12156862745098039
  );
  --background-mod-muted: hsl(var(--opacity-8-hsl)/0.0784313725490196);
  --background-mod-normal: hsl(var(--opacity-20-hsl)/0.2);
  --background-mod-strong: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --background-mod-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --badge-background-default: hsl(var(--opacity-20-hsl)/0.2);
  --badge-text-default: var(--neutral-1);
  --border-feedback-critical: var(--red-new-16);
  --border-feedback-info: var(--blue-new-19);
  --border-feedback-positive: var(--green-new-20);
  --border-feedback-warning: var(--yellow-new-33);
  --border-focus: var(--blue-new-21);
  --border-muted: var(--neutral-32);
  --border-normal: var(--neutral-13);
  --border-strong: var(--neutral-5);
  --border-subtle: var(--neutral-19);
  --card-border-default: var(--neutral-19);
  --card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --channel-icon: var(--neutral-27);
  --channel-text-area-placeholder: var(--neutral-33);
  --channels-default: var(--neutral-27);
  --chat-text-muted: var(--neutral-25);
  --checkbox-border-active: var(--neutral-19);
  --checkbox-border-default: var(--neutral-5);
  --checkbox-border-hover: var(--neutral-19);
  --checkbox-border-selected-default: var(--neutral-19);
  --checkbox-border-selected-hover: var(--neutral-19);
  --control-connected-border-active: var(--green-new-23);
  --control-connected-border-default: var(--green-new-23);
  --control-connected-border-hover: var(--green-new-23);
  --control-critical-primary-border-active: var(--red-new-19);
  --control-critical-primary-border-default: var(--red-new-19);
  --control-critical-primary-border-hover: var(--red-new-19);
  --control-critical-secondary-background-active: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --control-critical-secondary-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-critical-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-critical-secondary-border-active: var(--red-new-19);
  --control-critical-secondary-border-default: var(--red-new-19);
  --control-critical-secondary-border-hover: var(--red-new-19);
  --control-critical-secondary-icon-active: var(--red-new-16);
  --control-critical-secondary-icon-default: var(--red-new-16);
  --control-critical-secondary-icon-hover: var(--red-new-16);
  --control-critical-secondary-text-active: var(--red-new-16);
  --control-critical-secondary-text-default: var(--red-new-16);
  --control-critical-secondary-text-hover: var(--red-new-16);
  --control-icon-only-background-active: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --control-icon-only-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-icon-only-border-active: var(--neutral-32);
  --control-icon-only-border-hover: var(--neutral-32);
  --control-icon-only-icon-active: var(--neutral-1);
  --control-icon-only-icon-default: var(--neutral-10);
  --control-icon-only-icon-hover: var(--neutral-1);
  --control-overlay-secondary-border-active: var(--neutral-32);
  --control-overlay-secondary-border-default: var(--neutral-32);
  --control-overlay-secondary-border-hover: var(--neutral-32);
  --control-primary-border-active: var(--blurple-21);
  --control-primary-border-default: var(--blurple-21);
  --control-primary-border-hover: var(--blurple-21);
  --control-secondary-background-active: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --control-secondary-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --control-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --control-secondary-border-active: var(--neutral-29);
  --control-secondary-border-default: var(--neutral-29);
  --control-secondary-border-hover: var(--neutral-29);
  --control-secondary-icon-active: var(--neutral-1);
  --control-secondary-icon-default: var(--neutral-1);
  --control-secondary-icon-hover: var(--neutral-1);
  --control-secondary-text-active: var(--neutral-1);
  --control-secondary-text-default: var(--neutral-1);
  --control-secondary-text-hover: var(--neutral-1);
  --gradient-progress-pill-background: var(--neutral-42);
  --icon-default: var(--neutral-1);
  --icon-feedback-critical: var(--red-new-16);
  --icon-feedback-info: var(--blue-new-19);
  --icon-feedback-positive: var(--green-new-20);
  --icon-feedback-warning: var(--yellow-new-33);
  --icon-link: var(--blue-new-21);
  --icon-muted: var(--neutral-19);
  --icon-strong: var(--neutral-1);
  --icon-subtle: var(--neutral-10);
  --icon-voice-disconnected: var(--red-new-16);
  --input-background-default: hsl(
    var(--opacity-black-16-hsl)/0.1607843137254902
  );
  --input-border-default: var(--neutral-29);
  --input-border-error-default: var(--red-new-16);
  --input-border-hover: var(--neutral-13);
  --input-icon-default: var(--neutral-10);
  --input-placeholder-text-default: var(--neutral-29);
  --input-text-default: var(--neutral-1);
  --input-text-error-default: var(--neutral-1);
  --interactive-accent-background-default: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --interactive-background-active: hsl(var(--opacity-20-hsl)/0.2);
  --interactive-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --interactive-background-selected: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --interactive-icon-active: var(--neutral-1);
  --interactive-icon-default: var(--neutral-10);
  --interactive-icon-hover: var(--neutral-1);
  --interactive-muted: var(--neutral-35);
  --interactive-text-active: var(--neutral-1);
  --interactive-text-default: var(--neutral-10);
  --interactive-text-hover: var(--neutral-1);
  --mention-background: hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963);
  --mention-foreground: var(--blurple-5);
  --message-automod-background-default: hsl(var(--opacity-red-20-hsl)/0.2);
  --message-automod-background-hover: hsl(
    var(--opacity-red-24-hsl)/0.23921568627450981
  );
  --message-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --message-highlight-background-default: hsl(
    var(--opacity-blurple-20-hsl)/0.2
  );
  --message-highlight-background-hover: hsl(
    var(--opacity-blurple-24-hsl)/0.23921568627450981
  );
  --message-mentioned-background-default: hsl(var(--opacity-yellow-20-hsl)/0.2);
  --message-mentioned-background-hover: hsl(
    var(--opacity-yellow-24-hsl)/0.23921568627450981
  );
  --mobile-guildbar-icon-default: var(--neutral-10);
  --mobile-text-heading-primary: var(--neutral-1);
  --progressbar-track-background: hsl(
    var(--opacity-24-hsl)/0.23921568627450981
  );
  --radio-border-active: var(--neutral-19);
  --radio-border-default: var(--neutral-19);
  --radio-border-hover: var(--neutral-19);
  --radio-border-selected-default: var(--neutral-19);
  --radio-border-selected-hover: var(--neutral-19);
  --reaction-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --reaction-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --reaction-background-hover: hsl(var(--opacity-20-hsl)/0.2);
  --reaction-border-active: var(--neutral-5);
  --reaction-border-default: var(--neutral-19);
  --reaction-border-hover: var(--neutral-32);
  --reaction-text-active: var(--neutral-1);
  --reaction-text-default: var(--neutral-10);
  --reaction-text-hover: var(--neutral-1);
  --redesign-button-tertiary-text: var(--neutral-1);
  --spine-default: var(--neutral-38);
  --status-danger: var(--red-new-39);
  --switch-border-default: var(--neutral-19);
  --switch-border-hover: var(--neutral-19);
  --switch-border-selected-default: var(--neutral-19);
  --switch-border-selected-hover: var(--neutral-19);
  --text-brand: var(--brand-330);
  --text-code: var(--neutral-9);
  --text-code-addition: var(--green-new-14);
  --text-code-attribute: var(--blue-new-14);
  --text-code-builtin: var(--yellow-new-29);
  --text-code-bullet: var(--blue-new-14);
  --text-code-comment: var(--neutral-23);
  --text-code-decorator: var(--yellow-new-29);
  --text-code-deletion: var(--red-new-9);
  --text-code-error: var(--red-new-10);
  --text-code-escape: var(--pink-13);
  --text-code-keyword: var(--red-new-10);
  --text-code-link: var(--blue-new-14);
  --text-code-namespace: var(--blue-new-14);
  --text-code-number: var(--orange-new-12);
  --text-code-operator: var(--red-new-10);
  --text-code-property: var(--teal-new-15);
  --text-code-regexp: var(--green-new-15);
  --text-code-section: var(--red-new-10);
  --text-code-string: var(--green-new-15);
  --text-code-tag: var(--pink-13);
  --text-code-title: var(--blue-new-14);
  --text-code-type: var(--pink-13);
  --text-code-variable: var(--neutral-9);
  --text-default: var(--neutral-1);
  --text-feedback-critical: var(--red-new-16);
  --text-feedback-info: var(--blue-new-19);
  --text-feedback-positive: var(--green-new-20);
  --text-feedback-warning: var(--yellow-new-33);
  --text-link: var(--blue-new-21);
  --text-muted: var(--neutral-19);
  --text-strong: var(--neutral-1);
  --text-subtle: var(--neutral-10);
  --text-voice-disconnected: var(--red-new-16);
  --thread-channel-spine: var(--neutral-35);
  --user-profile-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --user-profile-border: var(--neutral-19);
  --user-profile-overlay-background-hover: hsl(
    var(--opacity-12-hsl)/0.12156862745098039
  );
  --user-profile-toolbar-border: var(--neutral-32);
}
@supports (color: color-mix(in lch, red, blue)) {
  .high-contrast-mode .theme-darker,
  .high-contrast-mode.theme-darker {
    --ansi-blue: color-mix(
      in oklab,
      var(--blue-new-42) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-bright-blue: color-mix(
      in oklab,
      var(--illo-blue-40) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-cyan: color-mix(
      in oklab,
      var(--teal-new-43) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-green: color-mix(
      in oklab,
      var(--green-new-41) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-magenta: color-mix(
      in oklab,
      var(--pink-55) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-red: color-mix(
      in oklab,
      var(--red-new-39) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --ansi-yellow: color-mix(
      in oklab,
      var(--yellow-new-62) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --app-frame-border: color-mix(
      in oklab,
      var(--neutral-19) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --background-code: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-critical: color-mix(
      in oklab,
      hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-info: color-mix(
      in oklab,
      hsl(var(--opacity-blue-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-positive: color-mix(
      in oklab,
      hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --background-feedback-warning: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --border-feedback-critical: color-mix(
      in oklab,
      var(--red-new-16) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-info: color-mix(
      in oklab,
      var(--blue-new-19) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-positive: color-mix(
      in oklab,
      var(--green-new-20) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-33) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-focus: color-mix(
      in oklab,
      var(--blue-new-21) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-muted: color-mix(
      in oklab,
      var(--neutral-32) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-normal: color-mix(
      in oklab,
      var(--neutral-13) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-strong: color-mix(
      in oklab,
      var(--neutral-5) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --border-subtle: color-mix(
      in oklab,
      var(--neutral-19) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-border-default: color-mix(
      in oklab,
      var(--neutral-19) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --card-secondary-bg: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --channel-icon: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channel-text-area-placeholder: color-mix(
      in oklab,
      var(--neutral-33) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --channels-default: color-mix(
      in oklab,
      var(--neutral-27) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --chat-text-muted: color-mix(
      in oklab,
      var(--neutral-25) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --control-secondary-border-active: color-mix(
      in oklab,
      var(--neutral-29) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --control-secondary-border-default: color-mix(
      in oklab,
      var(--neutral-29) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --gradient-progress-pill-background: color-mix(
      in oklab,
      var(--neutral-42) 100%,
      var(--custom-theme-base-color, #000)
        var(--custom-theme-base-color-amount, 0%)
    );
    --icon-default: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-critical: color-mix(
      in oklab,
      var(--red-new-16) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-info: color-mix(
      in oklab,
      var(--blue-new-19) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-positive: color-mix(
      in oklab,
      var(--green-new-20) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-33) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-link: color-mix(
      in oklab,
      var(--blue-new-21) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-muted: color-mix(
      in oklab,
      var(--neutral-19) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-strong: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-subtle: color-mix(
      in oklab,
      var(--neutral-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --icon-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-16) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-black-16-hsl)/0.1607843137254902) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.1607843137254902)
        var(--custom-theme-base-color-amount, 0%)
    );
    --input-border-default: color-mix(
      in oklab,
      var(--neutral-29) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-error-default: color-mix(
      in oklab,
      var(--red-new-16) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-border-hover: color-mix(
      in oklab,
      var(--neutral-13) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --input-icon-default: color-mix(
      in oklab,
      var(--neutral-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-placeholder-text-default: color-mix(
      in oklab,
      var(--neutral-29) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-default: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --input-text-error-default: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-accent-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-background-selected: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --interactive-icon-active: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-default: color-mix(
      in oklab,
      var(--neutral-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-icon-hover: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-muted: color-mix(
      in oklab,
      var(--neutral-35) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-active: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-default: color-mix(
      in oklab,
      var(--neutral-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --interactive-text-hover: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mention-background: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.47843137254901963)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mention-foreground: color-mix(
      in oklab,
      var(--blurple-5) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --message-automod-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-red-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-automod-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-red-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-highlight-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --message-mentioned-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --mobile-guildbar-icon-default: color-mix(
      in oklab,
      var(--neutral-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --mobile-text-heading-primary: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --progressbar-track-background: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-active: color-mix(
      in oklab,
      hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.23921568627450981)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-default: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-20-hsl)/0.2) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.2)
        var(--custom-theme-base-color-amount, 0%)
    );
    --reaction-border-active: color-mix(
      in oklab,
      var(--neutral-5) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-default: color-mix(
      in oklab,
      var(--neutral-19) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-border-hover: color-mix(
      in oklab,
      var(--neutral-32) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --reaction-text-active: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-default: color-mix(
      in oklab,
      var(--neutral-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --reaction-text-hover: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --redesign-button-tertiary-text: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --spine-default: color-mix(
      in oklab,
      var(--neutral-38) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-brand: color-mix(
      in oklab,
      var(--brand-330) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code: color-mix(
      in oklab,
      var(--neutral-9) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-addition: color-mix(
      in oklab,
      var(--green-new-14) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-attribute: color-mix(
      in oklab,
      var(--blue-new-14) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-builtin: color-mix(
      in oklab,
      var(--yellow-new-29) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-bullet: color-mix(
      in oklab,
      var(--blue-new-14) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-comment: color-mix(
      in oklab,
      var(--neutral-23) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-decorator: color-mix(
      in oklab,
      var(--yellow-new-29) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-deletion: color-mix(
      in oklab,
      var(--red-new-9) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-error: color-mix(
      in oklab,
      var(--red-new-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-escape: color-mix(
      in oklab,
      var(--pink-13) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-keyword: color-mix(
      in oklab,
      var(--red-new-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-link: color-mix(
      in oklab,
      var(--blue-new-14) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-namespace: color-mix(
      in oklab,
      var(--blue-new-14) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-number: color-mix(
      in oklab,
      var(--orange-new-12) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-operator: color-mix(
      in oklab,
      var(--red-new-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-property: color-mix(
      in oklab,
      var(--teal-new-15) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-regexp: color-mix(
      in oklab,
      var(--green-new-15) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-section: color-mix(
      in oklab,
      var(--red-new-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-string: color-mix(
      in oklab,
      var(--green-new-15) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-tag: color-mix(
      in oklab,
      var(--pink-13) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-title: color-mix(
      in oklab,
      var(--blue-new-14) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-type: color-mix(
      in oklab,
      var(--pink-13) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-code-variable: color-mix(
      in oklab,
      var(--neutral-9) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-default: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-critical: color-mix(
      in oklab,
      var(--red-new-16) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-info: color-mix(
      in oklab,
      var(--blue-new-19) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-positive: color-mix(
      in oklab,
      var(--green-new-20) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-feedback-warning: color-mix(
      in oklab,
      var(--yellow-new-33) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-link: color-mix(
      in oklab,
      var(--blue-new-21) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-muted: color-mix(
      in oklab,
      var(--neutral-19) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-strong: color-mix(
      in oklab,
      var(--neutral-1) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-subtle: color-mix(
      in oklab,
      var(--neutral-10) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --text-voice-disconnected: color-mix(
      in oklab,
      var(--red-new-16) 100%,
      var(--custom-theme-text-color, #000)
        var(--custom-theme-text-color-amount, 0%)
    );
    --thread-channel-spine: color-mix(
      in oklab,
      var(--neutral-35) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-border: color-mix(
      in oklab,
      var(--neutral-19) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
    --user-profile-overlay-background-hover: color-mix(
      in oklab,
      hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,
      hsl(var(--custom-theme-base-color-hsl, 0 0% 0%)/0.12156862745098039)
        var(--custom-theme-base-color-amount, 0%)
    );
    --user-profile-toolbar-border: color-mix(
      in oklab,
      var(--neutral-32) 100%,
      var(--custom-theme-base-color, #000)
        var(
          --custom-theme-border-color-amount,
          var(--custom-theme-base-color-amount, 0%)
        )
    );
  }
}
:root {
  --neutral-1: hsl(var(--neutral-1-hsl)/1);
  --neutral-1-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --neutral-2: hsl(var(--neutral-2-hsl)/1);
  --neutral-2-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 98.431%;
  --neutral-3: hsl(var(--neutral-3-hsl)/1);
  --neutral-3-hsl: 240 calc(var(--saturation-factor, 1) * 6.667%) 97.059%;
  --neutral-4: hsl(var(--neutral-4-hsl)/1);
  --neutral-4-hsl: 240 calc(var(--saturation-factor, 1) * 4.348%) 95.49%;
  --neutral-5: hsl(var(--neutral-5-hsl)/1);
  --neutral-5-hsl: 240 calc(var(--saturation-factor, 1) * 6.667%) 94.118%;
  --neutral-6: hsl(var(--neutral-6-hsl)/1);
  --neutral-6-hsl: 210 calc(var(--saturation-factor, 1) * 5.263%) 92.549%;
  --neutral-7: hsl(var(--neutral-7-hsl)/1);
  --neutral-7-hsl: 240 calc(var(--saturation-factor, 1) * 4.545%) 91.373%;
  --neutral-8: hsl(var(--neutral-8-hsl)/1);
  --neutral-8-hsl: 240 calc(var(--saturation-factor, 1) * 3.846%) 89.804%;
  --neutral-9: hsl(var(--neutral-9-hsl)/1);
  --neutral-9-hsl: 240 calc(var(--saturation-factor, 1) * 5.085%) 88.431%;
  --neutral-10: hsl(var(--neutral-10-hsl)/1);
  --neutral-10-hsl: 240 calc(var(--saturation-factor, 1) * 4.478%) 86.863%;
  --neutral-11: hsl(var(--neutral-11-hsl)/1);
  --neutral-11-hsl: 225 calc(var(--saturation-factor, 1) * 5.405%) 85.49%;
  --neutral-12: hsl(var(--neutral-12-hsl)/1);
  --neutral-12-hsl: 225 calc(var(--saturation-factor, 1) * 4.878%) 83.922%;
  --neutral-13: hsl(var(--neutral-13-hsl)/1);
  --neutral-13-hsl: 240 calc(var(--saturation-factor, 1) * 4.545%) 82.745%;
  --neutral-14: hsl(var(--neutral-14-hsl)/1);
  --neutral-14-hsl: 240 calc(var(--saturation-factor, 1) * 4.167%) 81.176%;
  --neutral-15: hsl(var(--neutral-15-hsl)/1);
  --neutral-15-hsl: 228 calc(var(--saturation-factor, 1) * 4.854%) 79.804%;
  --neutral-16: hsl(var(--neutral-16-hsl)/1);
  --neutral-16-hsl: 228 calc(var(--saturation-factor, 1) * 4.505%) 78.235%;
  --neutral-17: hsl(var(--neutral-17-hsl)/1);
  --neutral-17-hsl: 240 calc(var(--saturation-factor, 1) * 4.274%) 77.059%;
  --neutral-18: hsl(var(--neutral-18-hsl)/1);
  --neutral-18-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 75.49%;
  --neutral-19: hsl(var(--neutral-19-hsl)/1);
  --neutral-19-hsl: 230 calc(var(--saturation-factor, 1) * 4.545%) 74.118%;
  --neutral-20: hsl(var(--neutral-20-hsl)/1);
  --neutral-20-hsl: 230 calc(var(--saturation-factor, 1) * 4.286%) 72.549%;
  --neutral-21: hsl(var(--neutral-21-hsl)/1);
  --neutral-21-hsl: 240 calc(var(--saturation-factor, 1) * 4.11%) 71.373%;
  --neutral-22: hsl(var(--neutral-22-hsl)/1);
  --neutral-22-hsl: 231.429 calc(var(--saturation-factor, 1) * 4.575%) 70%;
  --neutral-23: hsl(var(--neutral-23-hsl)/1);
  --neutral-23-hsl: 231.429 calc(var(--saturation-factor, 1) * 4.348%) 68.431%;
  --neutral-24: hsl(var(--neutral-24-hsl)/1);
  --neutral-24-hsl: 240 calc(var(--saturation-factor, 1) * 4.192%) 67.255%;
  --neutral-25: hsl(var(--neutral-25-hsl)/1);
  --neutral-25-hsl: 231.429 calc(var(--saturation-factor, 1) * 4%) 65.686%;
  --neutral-26: hsl(var(--neutral-26-hsl)/1);
  --neutral-26-hsl: 232.5 calc(var(--saturation-factor, 1) * 4.396%) 64.314%;
  --neutral-27: hsl(var(--neutral-27-hsl)/1);
  --neutral-27-hsl: 232.5 calc(var(--saturation-factor, 1) * 4.255%) 63.137%;
  --neutral-28: hsl(var(--neutral-28-hsl)/1);
  --neutral-28-hsl: 232.5 calc(var(--saturation-factor, 1) * 4.082%) 61.569%;
  --neutral-29: hsl(var(--neutral-29-hsl)/1);
  --neutral-29-hsl: 232.5 calc(var(--saturation-factor, 1) * 3.96%) 60.392%;
  --neutral-30: hsl(var(--neutral-30-hsl)/1);
  --neutral-30-hsl: 233.333 calc(var(--saturation-factor, 1) * 4.306%) 59.02%;
  --neutral-31: hsl(var(--neutral-31-hsl)/1);
  --neutral-31-hsl: 232.5 calc(var(--saturation-factor, 1) * 3.704%) 57.647%;
  --neutral-32: hsl(var(--neutral-32-hsl)/1);
  --neutral-32-hsl: 233.333 calc(var(--saturation-factor, 1) * 4.036%) 56.275%;
  --neutral-33: hsl(var(--neutral-33-hsl)/1);
  --neutral-33-hsl: 233.333 calc(var(--saturation-factor, 1) * 3.93%) 55.098%;
  --neutral-34: hsl(var(--neutral-34-hsl)/1);
  --neutral-34-hsl: 233.333 calc(var(--saturation-factor, 1) * 3.797%) 53.529%;
  --neutral-35: hsl(var(--neutral-35-hsl)/1);
  --neutral-35-hsl: 233.333 calc(var(--saturation-factor, 1) * 3.704%) 52.353%;
  --neutral-36: hsl(var(--neutral-36-hsl)/1);
  --neutral-36-hsl: 234 calc(var(--saturation-factor, 1) * 4%) 50.98%;
  --neutral-37: hsl(var(--neutral-37-hsl)/1);
  --neutral-37-hsl: 233.333 calc(var(--saturation-factor, 1) * 3.557%) 49.608%;
  --neutral-38: hsl(var(--neutral-38-hsl)/1);
  --neutral-38-hsl: 234 calc(var(--saturation-factor, 1) * 4.065%) 48.235%;
  --neutral-39: hsl(var(--neutral-39-hsl)/1);
  --neutral-39-hsl: 234 calc(var(--saturation-factor, 1) * 4.167%) 47.059%;
  --neutral-40: hsl(var(--neutral-40-hsl)/1);
  --neutral-40-hsl: 234 calc(var(--saturation-factor, 1) * 4.274%) 45.882%;
  --neutral-41: hsl(var(--neutral-41-hsl)/1);
  --neutral-41-hsl: 234 calc(var(--saturation-factor, 1) * 4.425%) 44.314%;
  --neutral-42: hsl(var(--neutral-42-hsl)/1);
  --neutral-42-hsl: 234 calc(var(--saturation-factor, 1) * 4.545%) 43.137%;
  --neutral-43: hsl(var(--neutral-43-hsl)/1);
  --neutral-43-hsl: 234 calc(var(--saturation-factor, 1) * 4.673%) 41.961%;
  --neutral-44: hsl(var(--neutral-44-hsl)/1);
  --neutral-44-hsl: 234.545 calc(var(--saturation-factor, 1) * 5.314%) 40.588%;
  --neutral-45: hsl(var(--neutral-45-hsl)/1);
  --neutral-45-hsl: 234.545 calc(var(--saturation-factor, 1) * 5.473%) 39.412%;
  --neutral-46: hsl(var(--neutral-46-hsl)/1);
  --neutral-46-hsl: 234.545 calc(var(--saturation-factor, 1) * 5.641%) 38.235%;
  --neutral-47: hsl(var(--neutral-47-hsl)/1);
  --neutral-47-hsl: 234 calc(var(--saturation-factor, 1) * 5.319%) 36.863%;
  --neutral-48: hsl(var(--neutral-48-hsl)/1);
  --neutral-48-hsl: 234.545 calc(var(--saturation-factor, 1) * 6.077%) 35.49%;
  --neutral-49: hsl(var(--neutral-49-hsl)/1);
  --neutral-49-hsl: 234.545 calc(var(--saturation-factor, 1) * 6.286%) 34.314%;
  --neutral-50: hsl(var(--neutral-50-hsl)/1);
  --neutral-50-hsl: 234.545 calc(var(--saturation-factor, 1) * 6.509%) 33.137%;
  --neutral-51: hsl(var(--neutral-51-hsl)/1);
  --neutral-51-hsl: 234.545 calc(var(--saturation-factor, 1) * 6.667%) 32.353%;
  --neutral-52: hsl(var(--neutral-52-hsl)/1);
  --neutral-52-hsl: 234 calc(var(--saturation-factor, 1) * 6.173%) 31.765%;
  --neutral-53: hsl(var(--neutral-53-hsl)/1);
  --neutral-53-hsl: 234.545 calc(var(--saturation-factor, 1) * 6.918%) 31.176%;
  --neutral-54: hsl(var(--neutral-54-hsl)/1);
  --neutral-54-hsl: 234 calc(var(--saturation-factor, 1) * 6.41%) 30.588%;
  --neutral-55: hsl(var(--neutral-55-hsl)/1);
  --neutral-55-hsl: 234 calc(var(--saturation-factor, 1) * 6.579%) 29.804%;
  --neutral-56: hsl(var(--neutral-56-hsl)/1);
  --neutral-56-hsl: 233.333 calc(var(--saturation-factor, 1) * 6.04%) 29.216%;
  --neutral-57: hsl(var(--neutral-57-hsl)/1);
  --neutral-57-hsl: 233.333 calc(var(--saturation-factor, 1) * 6.207%) 28.431%;
  --neutral-58: hsl(var(--neutral-58-hsl)/1);
  --neutral-58-hsl: 240 calc(var(--saturation-factor, 1) * 6.294%) 28.039%;
  --neutral-59: hsl(var(--neutral-59-hsl)/1);
  --neutral-59-hsl: 233.333 calc(var(--saturation-factor, 1) * 6.475%) 27.255%;
  --neutral-60: hsl(var(--neutral-60-hsl)/1);
  --neutral-60-hsl: 233.333 calc(var(--saturation-factor, 1) * 6.667%) 26.471%;
  --neutral-61: hsl(var(--neutral-61-hsl)/1);
  --neutral-61-hsl: 232.5 calc(var(--saturation-factor, 1) * 6.061%) 25.882%;
  --neutral-62: hsl(var(--neutral-62-hsl)/1);
  --neutral-62-hsl: 233.333 calc(var(--saturation-factor, 1) * 6.977%) 25.294%;
  --neutral-63: hsl(var(--neutral-63-hsl)/1);
  --neutral-63-hsl: 232.5 calc(var(--saturation-factor, 1) * 6.349%) 24.706%;
  --neutral-64: hsl(var(--neutral-64-hsl)/1);
  --neutral-64-hsl: 232.5 calc(var(--saturation-factor, 1) * 6.557%) 23.922%;
  --neutral-65: hsl(var(--neutral-65-hsl)/1);
  --neutral-65-hsl: 232.5 calc(var(--saturation-factor, 1) * 6.667%) 23.529%;
  --neutral-66: hsl(var(--neutral-66-hsl)/1);
  --neutral-66-hsl: 232.5 calc(var(--saturation-factor, 1) * 6.897%) 22.745%;
  --neutral-67: hsl(var(--neutral-67-hsl)/1);
  --neutral-67-hsl: 231.429 calc(var(--saturation-factor, 1) * 6.195%) 22.157%;
  --neutral-68: hsl(var(--neutral-68-hsl)/1);
  --neutral-68-hsl: 240 calc(var(--saturation-factor, 1) * 5.455%) 21.569%;
  --neutral-69: hsl(var(--neutral-69-hsl)/1);
  --neutral-69-hsl: 231.429 calc(var(--saturation-factor, 1) * 6.542%) 20.98%;
  --neutral-70: hsl(var(--neutral-70-hsl)/1);
  --neutral-70-hsl: 240 calc(var(--saturation-factor, 1) * 5.769%) 20.392%;
  --neutral-71: hsl(var(--neutral-71-hsl)/1);
  --neutral-71-hsl: 230 calc(var(--saturation-factor, 1) * 6%) 19.608%;
  --neutral-72: hsl(var(--neutral-72-hsl)/1);
  --neutral-72-hsl: 240 calc(var(--saturation-factor, 1) * 6.122%) 19.216%;
  --neutral-73: hsl(var(--neutral-73-hsl)/1);
  --neutral-73-hsl: 230 calc(var(--saturation-factor, 1) * 6.383%) 18.431%;
  --neutral-74: hsl(var(--neutral-74-hsl)/1);
  --neutral-74-hsl: 240 calc(var(--saturation-factor, 1) * 6.522%) 18.039%;
  --neutral-75: hsl(var(--neutral-75-hsl)/1);
  --neutral-75-hsl: 230 calc(var(--saturation-factor, 1) * 6.818%) 17.255%;
  --neutral-76: hsl(var(--neutral-76-hsl)/1);
  --neutral-76-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 16.667%;
  --neutral-77: hsl(var(--neutral-77-hsl)/1);
  --neutral-77-hsl: 240 calc(var(--saturation-factor, 1) * 6.024%) 16.275%;
  --neutral-78: hsl(var(--neutral-78-hsl)/1);
  --neutral-78-hsl: 228 calc(var(--saturation-factor, 1) * 6.329%) 15.49%;
  --neutral-79: hsl(var(--neutral-79-hsl)/1);
  --neutral-79-hsl: 240 calc(var(--saturation-factor, 1) * 6.494%) 15.098%;
  --neutral-80: hsl(var(--neutral-80-hsl)/1);
  --neutral-80-hsl: 228 calc(var(--saturation-factor, 1) * 6.849%) 14.314%;
  --neutral-81: hsl(var(--neutral-81-hsl)/1);
  --neutral-81-hsl: 240 calc(var(--saturation-factor, 1) * 5.714%) 13.725%;
  --neutral-82: hsl(var(--neutral-82-hsl)/1);
  --neutral-82-hsl: 240 calc(var(--saturation-factor, 1) * 5.882%) 13.333%;
  --neutral-83: hsl(var(--neutral-83-hsl)/1);
  --neutral-83-hsl: 225 calc(var(--saturation-factor, 1) * 6.25%) 12.549%;
  --neutral-84: hsl(var(--neutral-84-hsl)/1);
  --neutral-84-hsl: 240 calc(var(--saturation-factor, 1) * 6.452%) 12.157%;
  --neutral-85: hsl(var(--neutral-85-hsl)/1);
  --neutral-85-hsl: 225 calc(var(--saturation-factor, 1) * 6.897%) 11.373%;
  --neutral-86: hsl(var(--neutral-86-hsl)/1);
  --neutral-86-hsl: 240 calc(var(--saturation-factor, 1) * 7.143%) 10.98%;
  --neutral-87: hsl(var(--neutral-87-hsl)/1);
  --neutral-87-hsl: 240 calc(var(--saturation-factor, 1) * 5.66%) 10.392%;
  --neutral-88: hsl(var(--neutral-88-hsl)/1);
  --neutral-88-hsl: 225 calc(var(--saturation-factor, 1) * 8%) 9.804%;
  --neutral-89: hsl(var(--neutral-89-hsl)/1);
  --neutral-89-hsl: 240 calc(var(--saturation-factor, 1) * 6.383%) 9.216%;
  --neutral-90: hsl(var(--neutral-90-hsl)/1);
  --neutral-90-hsl: 240 calc(var(--saturation-factor, 1) * 6.667%) 8.824%;
  --neutral-91: hsl(var(--neutral-91-hsl)/1);
  --neutral-91-hsl: 220 calc(var(--saturation-factor, 1) * 7.317%) 8.039%;
  --neutral-92: hsl(var(--neutral-92-hsl)/1);
  --neutral-92-hsl: 240 calc(var(--saturation-factor, 1) * 5.263%) 7.451%;
  --neutral-93: hsl(var(--neutral-93-hsl)/1);
  --neutral-93-hsl: 240 calc(var(--saturation-factor, 1) * 8.571%) 6.863%;
  --neutral-94: hsl(var(--neutral-94-hsl)/1);
  --neutral-94-hsl: 240 calc(var(--saturation-factor, 1) * 6.667%) 5.882%;
  --neutral-95: hsl(var(--neutral-95-hsl)/1);
  --neutral-95-hsl: 240 calc(var(--saturation-factor, 1) * 7.692%) 5.098%;
  --neutral-96: hsl(var(--neutral-96-hsl)/1);
  --neutral-96-hsl: 240 calc(var(--saturation-factor, 1) * 9.091%) 4.314%;
  --neutral-97: hsl(var(--neutral-97-hsl)/1);
  --neutral-97-hsl: 240 calc(var(--saturation-factor, 1) * 12.5%) 3.137%;
  --neutral-98: hsl(var(--neutral-98-hsl)/1);
  --neutral-98-hsl: 240 calc(var(--saturation-factor, 1) * 9.091%) 2.157%;
  --neutral-99: hsl(var(--neutral-99-hsl)/1);
  --neutral-99-hsl: 240 calc(var(--saturation-factor, 1) * 20%) 0.98%;
  --neutral-100: hsl(var(--neutral-100-hsl)/1);
  --neutral-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --blue-new-1: hsl(var(--blue-new-1-hsl)/1);
  --blue-new-1-hsl: 216.923 calc(var(--saturation-factor, 1) * 100%) 94.902%;
  --blue-new-2: hsl(var(--blue-new-2-hsl)/1);
  --blue-new-2-hsl: 216.774 calc(var(--saturation-factor, 1) * 100%) 93.922%;
  --blue-new-3: hsl(var(--blue-new-3-hsl)/1);
  --blue-new-3-hsl: 216 calc(var(--saturation-factor, 1) * 100%) 93.137%;
  --blue-new-4: hsl(var(--blue-new-4-hsl)/1);
  --blue-new-4-hsl: 216 calc(var(--saturation-factor, 1) * 100%) 92.157%;
  --blue-new-5: hsl(var(--blue-new-5-hsl)/1);
  --blue-new-5-hsl: 215.455 calc(var(--saturation-factor, 1) * 100%) 91.373%;
  --blue-new-6: hsl(var(--blue-new-6-hsl)/1);
  --blue-new-6-hsl: 214.286 calc(var(--saturation-factor, 1) * 100%) 90.392%;
  --blue-new-7: hsl(var(--blue-new-7-hsl)/1);
  --blue-new-7-hsl: 215.094 calc(var(--saturation-factor, 1) * 100%) 89.608%;
  --blue-new-8: hsl(var(--blue-new-8-hsl)/1);
  --blue-new-8-hsl: 214.138 calc(var(--saturation-factor, 1) * 100%) 88.627%;
  --blue-new-9: hsl(var(--blue-new-9-hsl)/1);
  --blue-new-9-hsl: 213.871 calc(var(--saturation-factor, 1) * 100%) 87.843%;
  --blue-new-10: hsl(var(--blue-new-10-hsl)/1);
  --blue-new-10-hsl: 214.545 calc(var(--saturation-factor, 1) * 100%) 87.059%;
  --blue-new-11: hsl(var(--blue-new-11-hsl)/1);
  --blue-new-11-hsl: 213.803 calc(var(--saturation-factor, 1) * 100%) 86.078%;
  --blue-new-12: hsl(var(--blue-new-12-hsl)/1);
  --blue-new-12-hsl: 214.4 calc(var(--saturation-factor, 1) * 100%) 85.294%;
  --blue-new-13: hsl(var(--blue-new-13-hsl)/1);
  --blue-new-13-hsl: 214.177 calc(var(--saturation-factor, 1) * 100%) 84.51%;
  --blue-new-14: hsl(var(--blue-new-14-hsl)/1);
  --blue-new-14-hsl: 214.286 calc(var(--saturation-factor, 1) * 100%) 83.529%;
  --blue-new-15: hsl(var(--blue-new-15-hsl)/1);
  --blue-new-15-hsl: 213.793 calc(var(--saturation-factor, 1) * 97.753%) 82.549%;
  --blue-new-16: hsl(var(--blue-new-16-hsl)/1);
  --blue-new-16-hsl: 213.333 calc(var(--saturation-factor, 1) * 95.745%) 81.569%;
  --blue-new-17: hsl(var(--blue-new-17-hsl)/1);
  --blue-new-17-hsl: 213.83 calc(var(--saturation-factor, 1) * 95.918%) 80.784%;
  --blue-new-18: hsl(var(--blue-new-18-hsl)/1);
  --blue-new-18-hsl: 213.402 calc(var(--saturation-factor, 1) * 94.175%) 79.804%;
  --blue-new-19: hsl(var(--blue-new-19-hsl)/1);
  --blue-new-19-hsl: 213.861 calc(var(--saturation-factor, 1) * 94.393%) 79.02%;
  --blue-new-20: hsl(var(--blue-new-20-hsl)/1);
  --blue-new-20-hsl: 213.143 calc(var(--saturation-factor, 1) * 92.92%) 77.843%;
  --blue-new-21: hsl(var(--blue-new-21-hsl)/1);
  --blue-new-21-hsl: 213.333 calc(var(--saturation-factor, 1) * 91.525%) 76.863%;
  --blue-new-22: hsl(var(--blue-new-22-hsl)/1);
  --blue-new-22-hsl: 213.214 calc(var(--saturation-factor, 1) * 91.803%) 76.078%;
  --blue-new-23: hsl(var(--blue-new-23-hsl)/1);
  --blue-new-23-hsl: 213.391 calc(var(--saturation-factor, 1) * 90.551%) 75.098%;
  --blue-new-24: hsl(var(--blue-new-24-hsl)/1);
  --blue-new-24-hsl: 213.051 calc(var(--saturation-factor, 1) * 89.394%) 74.118%;
  --blue-new-25: hsl(var(--blue-new-25-hsl)/1);
  --blue-new-25-hsl: 213.443 calc(var(--saturation-factor, 1) * 89.706%) 73.333%;
  --blue-new-26: hsl(var(--blue-new-26-hsl)/1);
  --blue-new-26-hsl: 213.12 calc(var(--saturation-factor, 1) * 88.652%) 72.353%;
  --blue-new-27: hsl(var(--blue-new-27-hsl)/1);
  --blue-new-27-hsl: 213.281 calc(var(--saturation-factor, 1) * 87.671%) 71.373%;
  --blue-new-28: hsl(var(--blue-new-28-hsl)/1);
  --blue-new-28-hsl: 212.977 calc(var(--saturation-factor, 1) * 86.755%) 70.392%;
  --blue-new-29: hsl(var(--blue-new-29-hsl)/1);
  --blue-new-29-hsl: 213.333 calc(var(--saturation-factor, 1) * 87.097%) 69.608%;
  --blue-new-30: hsl(var(--blue-new-30-hsl)/1);
  --blue-new-30-hsl: 213.043 calc(var(--saturation-factor, 1) * 86.25%) 68.627%;
  --blue-new-31: hsl(var(--blue-new-31-hsl)/1);
  --blue-new-31-hsl: 213.191 calc(var(--saturation-factor, 1) * 85.455%) 67.647%;
  --blue-new-32: hsl(var(--blue-new-32-hsl)/1);
  --blue-new-32-hsl: 212.917 calc(var(--saturation-factor, 1) * 84.706%) 66.667%;
  --blue-new-33: hsl(var(--blue-new-33-hsl)/1);
  --blue-new-33-hsl: 213.061 calc(var(--saturation-factor, 1) * 84%) 65.686%;
  --blue-new-34: hsl(var(--blue-new-34-hsl)/1);
  --blue-new-34-hsl: 212.98 calc(var(--saturation-factor, 1) * 84.358%) 64.902%;
  --blue-new-35: hsl(var(--blue-new-35-hsl)/1);
  --blue-new-35-hsl: 213.117 calc(var(--saturation-factor, 1) * 83.696%) 63.922%;
  --blue-new-36: hsl(var(--blue-new-36-hsl)/1);
  --blue-new-36-hsl: 212.866 calc(var(--saturation-factor, 1) * 83.069%) 62.941%;
  --blue-new-37: hsl(var(--blue-new-37-hsl)/1);
  --blue-new-37-hsl: 212.795 calc(var(--saturation-factor, 1) * 82.564%) 61.765%;
  --blue-new-38: hsl(var(--blue-new-38-hsl)/1);
  --blue-new-38-hsl: 212.927 calc(var(--saturation-factor, 1) * 82%) 60.784%;
  --blue-new-39: hsl(var(--blue-new-39-hsl)/1);
  --blue-new-39-hsl: 212.695 calc(var(--saturation-factor, 1) * 81.463%) 59.804%;
  --blue-new-40: hsl(var(--blue-new-40-hsl)/1);
  --blue-new-40-hsl: 212.791 calc(var(--saturation-factor, 1) * 81.905%) 58.824%;
  --blue-new-41: hsl(var(--blue-new-41-hsl)/1);
  --blue-new-41-hsl: 212.571 calc(var(--saturation-factor, 1) * 81.395%) 57.843%;
  --blue-new-42: hsl(var(--blue-new-42-hsl)/1);
  --blue-new-42-hsl: 212.514 calc(var(--saturation-factor, 1) * 80.995%) 56.667%;
  --blue-new-43: hsl(var(--blue-new-43-hsl)/1);
  --blue-new-43-hsl: 212.459 calc(var(--saturation-factor, 1) * 80.617%) 55.49%;
  --blue-new-44: hsl(var(--blue-new-44-hsl)/1);
  --blue-new-44-hsl: 212.086 calc(var(--saturation-factor, 1) * 80.258%) 54.314%;
  --blue-new-45: hsl(var(--blue-new-45-hsl)/1);
  --blue-new-45-hsl: 211.875 calc(var(--saturation-factor, 1) * 80%) 52.941%;
  --blue-new-46: hsl(var(--blue-new-46-hsl)/1);
  --blue-new-46-hsl: 211.515 calc(var(--saturation-factor, 1) * 80.488%) 51.765%;
  --blue-new-47: hsl(var(--blue-new-47-hsl)/1);
  --blue-new-47-hsl: 211.176 calc(var(--saturation-factor, 1) * 80.315%) 50.196%;
  --blue-new-48: hsl(var(--blue-new-48-hsl)/1);
  --blue-new-48-hsl: 210.711 calc(var(--saturation-factor, 1) * 85.425%) 48.431%;
  --blue-new-49: hsl(var(--blue-new-49-hsl)/1);
  --blue-new-49-hsl: 209.327 calc(var(--saturation-factor, 1) * 95.708%) 45.686%;
  --blue-new-50: hsl(var(--blue-new-50-hsl)/1);
  --blue-new-50-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --blue-new-51: hsl(var(--blue-new-51-hsl)/1);
  --blue-new-51-hsl: 209.189 calc(var(--saturation-factor, 1) * 100%) 43.529%;
  --blue-new-52: hsl(var(--blue-new-52-hsl)/1);
  --blue-new-52-hsl: 209.309 calc(var(--saturation-factor, 1) * 100%) 42.549%;
  --blue-new-53: hsl(var(--blue-new-53-hsl)/1);
  --blue-new-53-hsl: 209.151 calc(var(--saturation-factor, 1) * 100%) 41.569%;
  --blue-new-54: hsl(var(--blue-new-54-hsl)/1);
  --blue-new-54-hsl: 209.126 calc(var(--saturation-factor, 1) * 99.038%) 40.784%;
  --blue-new-55: hsl(var(--blue-new-55-hsl)/1);
  --blue-new-55-hsl: 209.4 calc(var(--saturation-factor, 1) * 98.039%) 40%;
  --blue-new-56: hsl(var(--blue-new-56-hsl)/1);
  --blue-new-56-hsl: 209.388 calc(var(--saturation-factor, 1) * 98%) 39.216%;
  --blue-new-57: hsl(var(--blue-new-57-hsl)/1);
  --blue-new-57-hsl: 209.684 calc(var(--saturation-factor, 1) * 96.939%) 38.431%;
  --blue-new-58: hsl(var(--blue-new-58-hsl)/1);
  --blue-new-58-hsl: 209.514 calc(var(--saturation-factor, 1) * 96.859%) 37.451%;
  --blue-new-59: hsl(var(--blue-new-59-hsl)/1);
  --blue-new-59-hsl: 209.503 calc(var(--saturation-factor, 1) * 96.791%) 36.667%;
  --blue-new-60: hsl(var(--blue-new-60-hsl)/1);
  --blue-new-60-hsl: 209.492 calc(var(--saturation-factor, 1) * 97.79%) 35.49%;
  --blue-new-61: hsl(var(--blue-new-61-hsl)/1);
  --blue-new-61-hsl: 209.48 calc(var(--saturation-factor, 1) * 97.74%) 34.706%;
  --blue-new-62: hsl(var(--blue-new-62-hsl)/1);
  --blue-new-62-hsl: 209.294 calc(var(--saturation-factor, 1) * 98.837%) 33.725%;
  --blue-new-63: hsl(var(--blue-new-63-hsl)/1);
  --blue-new-63-hsl: 209.455 calc(var(--saturation-factor, 1) * 98.802%) 32.745%;
  --blue-new-64: hsl(var(--blue-new-64-hsl)/1);
  --blue-new-64-hsl: 209.259 calc(var(--saturation-factor, 1) * 100%) 31.765%;
  --blue-new-65: hsl(var(--blue-new-65-hsl)/1);
  --blue-new-65-hsl: 209.241 calc(var(--saturation-factor, 1) * 100%) 30.98%;
  --blue-new-66: hsl(var(--blue-new-66-hsl)/1);
  --blue-new-66-hsl: 209.221 calc(var(--saturation-factor, 1) * 100%) 30.196%;
  --blue-new-67: hsl(var(--blue-new-67-hsl)/1);
  --blue-new-67-hsl: 209.6 calc(var(--saturation-factor, 1) * 100%) 29.412%;
  --blue-new-68: hsl(var(--blue-new-68-hsl)/1);
  --blue-new-68-hsl: 209.589 calc(var(--saturation-factor, 1) * 100%) 28.627%;
  --blue-new-69: hsl(var(--blue-new-69-hsl)/1);
  --blue-new-69-hsl: 209.577 calc(var(--saturation-factor, 1) * 100%) 27.843%;
  --blue-new-70: hsl(var(--blue-new-70-hsl)/1);
  --blue-new-70-hsl: 209.565 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --blue-new-71: hsl(var(--blue-new-71-hsl)/1);
  --blue-new-71-hsl: 210 calc(var(--saturation-factor, 1) * 100%) 26.275%;
  --blue-new-72: hsl(var(--blue-new-72-hsl)/1);
  --blue-new-72-hsl: 210 calc(var(--saturation-factor, 1) * 100%) 25.49%;
  --blue-new-73: hsl(var(--blue-new-73-hsl)/1);
  --blue-new-73-hsl: 210 calc(var(--saturation-factor, 1) * 100%) 24.706%;
  --blue-new-74: hsl(var(--blue-new-74-hsl)/1);
  --blue-new-74-hsl: 210 calc(var(--saturation-factor, 1) * 100%) 23.922%;
  --blue-new-75: hsl(var(--blue-new-75-hsl)/1);
  --blue-new-75-hsl: 210.508 calc(var(--saturation-factor, 1) * 100%) 23.137%;
  --blue-new-76: hsl(var(--blue-new-76-hsl)/1);
  --blue-new-76-hsl: 210.783 calc(var(--saturation-factor, 1) * 100%) 22.549%;
  --blue-new-77: hsl(var(--blue-new-77-hsl)/1);
  --blue-new-77-hsl: 210.811 calc(var(--saturation-factor, 1) * 100%) 21.765%;
  --blue-new-78: hsl(var(--blue-new-78-hsl)/1);
  --blue-new-78-hsl: 210.841 calc(var(--saturation-factor, 1) * 100%) 20.98%;
  --blue-new-79: hsl(var(--blue-new-79-hsl)/1);
  --blue-new-79-hsl: 211.154 calc(var(--saturation-factor, 1) * 100%) 20.392%;
  --blue-new-80: hsl(var(--blue-new-80-hsl)/1);
  --blue-new-80-hsl: 211.2 calc(var(--saturation-factor, 1) * 100%) 19.608%;
  --blue-new-81: hsl(var(--blue-new-81-hsl)/1);
  --blue-new-81-hsl: 211.25 calc(var(--saturation-factor, 1) * 100%) 18.824%;
  --blue-new-82: hsl(var(--blue-new-82-hsl)/1);
  --blue-new-82-hsl: 212.258 calc(var(--saturation-factor, 1) * 100%) 18.235%;
  --blue-new-83: hsl(var(--blue-new-83-hsl)/1);
  --blue-new-83-hsl: 212.36 calc(var(--saturation-factor, 1) * 100%) 17.451%;
  --blue-new-84: hsl(var(--blue-new-84-hsl)/1);
  --blue-new-84-hsl: 212.791 calc(var(--saturation-factor, 1) * 100%) 16.863%;
  --blue-new-85: hsl(var(--blue-new-85-hsl)/1);
  --blue-new-85-hsl: 212.927 calc(var(--saturation-factor, 1) * 100%) 16.078%;
  --blue-new-86: hsl(var(--blue-new-86-hsl)/1);
  --blue-new-86-hsl: 213.418 calc(var(--saturation-factor, 1) * 100%) 15.49%;
  --blue-new-87: hsl(var(--blue-new-87-hsl)/1);
  --blue-new-87-hsl: 213.6 calc(var(--saturation-factor, 1) * 100%) 14.706%;
  --blue-new-88: hsl(var(--blue-new-88-hsl)/1);
  --blue-new-88-hsl: 214.167 calc(var(--saturation-factor, 1) * 100%) 14.118%;
  --blue-new-89: hsl(var(--blue-new-89-hsl)/1);
  --blue-new-89-hsl: 214.783 calc(var(--saturation-factor, 1) * 100%) 13.529%;
  --blue-new-90: hsl(var(--blue-new-90-hsl)/1);
  --blue-new-90-hsl: 215.077 calc(var(--saturation-factor, 1) * 100%) 12.745%;
  --blue-new-91: hsl(var(--blue-new-91-hsl)/1);
  --blue-new-91-hsl: 215.806 calc(var(--saturation-factor, 1) * 100%) 12.157%;
  --blue-new-92: hsl(var(--blue-new-92-hsl)/1);
  --blue-new-92-hsl: 216.61 calc(var(--saturation-factor, 1) * 100%) 11.569%;
  --blue-new-93: hsl(var(--blue-new-93-hsl)/1);
  --blue-new-93-hsl: 217.091 calc(var(--saturation-factor, 1) * 100%) 10.784%;
  --blue-new-94: hsl(var(--blue-new-94-hsl)/1);
  --blue-new-94-hsl: 217.647 calc(var(--saturation-factor, 1) * 100%) 10%;
  --blue-new-95: hsl(var(--blue-new-95-hsl)/1);
  --blue-new-95-hsl: 219.574 calc(var(--saturation-factor, 1) * 100%) 9.216%;
  --blue-new-96: hsl(var(--blue-new-96-hsl)/1);
  --blue-new-96-hsl: 221.429 calc(var(--saturation-factor, 1) * 100%) 8.235%;
  --blue-new-97: hsl(var(--blue-new-97-hsl)/1);
  --blue-new-97-hsl: 223.333 calc(var(--saturation-factor, 1) * 100%) 7.059%;
  --blue-new-98: hsl(var(--blue-new-98-hsl)/1);
  --blue-new-98-hsl: 227.586 calc(var(--saturation-factor, 1) * 100%) 5.686%;
  --blue-new-99: hsl(var(--blue-new-99-hsl)/1);
  --blue-new-99-hsl: 231 calc(var(--saturation-factor, 1) * 100%) 3.922%;
  --blue-new-100: hsl(var(--blue-new-100-hsl)/1);
  --blue-new-100-hsl: 240 calc(var(--saturation-factor, 1) * 100%) 1.373%;
  --blurple-1: hsl(var(--blurple-1-hsl)/1);
  --blurple-1-hsl: 230.4 calc(var(--saturation-factor, 1) * 100%) 95.098%;
  --blurple-2: hsl(var(--blurple-2-hsl)/1);
  --blurple-2-hsl: 231.429 calc(var(--saturation-factor, 1) * 100%) 94.51%;
  --blurple-3: hsl(var(--blurple-3-hsl)/1);
  --blurple-3-hsl: 230.625 calc(var(--saturation-factor, 1) * 100%) 93.725%;
  --blurple-4: hsl(var(--blurple-4-hsl)/1);
  --blurple-4-hsl: 228.333 calc(var(--saturation-factor, 1) * 100%) 92.941%;
  --blurple-5: hsl(var(--blurple-5-hsl)/1);
  --blurple-5-hsl: 229.231 calc(var(--saturation-factor, 1) * 100%) 92.353%;
  --blurple-6: hsl(var(--blurple-6-hsl)/1);
  --blurple-6-hsl: 227.442 calc(var(--saturation-factor, 1) * 100%) 91.569%;
  --blurple-7: hsl(var(--blurple-7-hsl)/1);
  --blurple-7-hsl: 228.261 calc(var(--saturation-factor, 1) * 100%) 90.98%;
  --blurple-8: hsl(var(--blurple-8-hsl)/1);
  --blurple-8-hsl: 228 calc(var(--saturation-factor, 1) * 100%) 90.196%;
  --blurple-9: hsl(var(--blurple-9-hsl)/1);
  --blurple-9-hsl: 227.547 calc(var(--saturation-factor, 1) * 100%) 89.608%;
  --blurple-10: hsl(var(--blurple-10-hsl)/1);
  --blurple-10-hsl: 228.214 calc(var(--saturation-factor, 1) * 100%) 89.02%;
  --blurple-11: hsl(var(--blurple-11-hsl)/1);
  --blurple-11-hsl: 227 calc(var(--saturation-factor, 1) * 100%) 88.235%;
  --blurple-12: hsl(var(--blurple-12-hsl)/1);
  --blurple-12-hsl: 227.619 calc(var(--saturation-factor, 1) * 100%) 87.647%;
  --blurple-13: hsl(var(--blurple-13-hsl)/1);
  --blurple-13-hsl: 227.463 calc(var(--saturation-factor, 1) * 100%) 86.863%;
  --blurple-14: hsl(var(--blurple-14-hsl)/1);
  --blurple-14-hsl: 227.143 calc(var(--saturation-factor, 1) * 100%) 86.275%;
  --blurple-15: hsl(var(--blurple-15-hsl)/1);
  --blurple-15-hsl: 227.671 calc(var(--saturation-factor, 1) * 100%) 85.686%;
  --blurple-16: hsl(var(--blurple-16-hsl)/1);
  --blurple-16-hsl: 227.368 calc(var(--saturation-factor, 1) * 100%) 85.098%;
  --blurple-17: hsl(var(--blurple-17-hsl)/1);
  --blurple-17-hsl: 227.848 calc(var(--saturation-factor, 1) * 100%) 84.51%;
  --blurple-18: hsl(var(--blurple-18-hsl)/1);
  --blurple-18-hsl: 227.711 calc(var(--saturation-factor, 1) * 100%) 83.725%;
  --blurple-19: hsl(var(--blurple-19-hsl)/1);
  --blurple-19-hsl: 227.442 calc(var(--saturation-factor, 1) * 100%) 83.137%;
  --blurple-20: hsl(var(--blurple-20-hsl)/1);
  --blurple-20-hsl: 227.865 calc(var(--saturation-factor, 1) * 100%) 82.549%;
  --blurple-21: hsl(var(--blurple-21-hsl)/1);
  --blurple-21-hsl: 228.261 calc(var(--saturation-factor, 1) * 100%) 81.961%;
  --blurple-22: hsl(var(--blurple-22-hsl)/1);
  --blurple-22-hsl: 228 calc(var(--saturation-factor, 1) * 100%) 81.373%;
  --blurple-23: hsl(var(--blurple-23-hsl)/1);
  --blurple-23-hsl: 228.367 calc(var(--saturation-factor, 1) * 100%) 80.784%;
  --blurple-24: hsl(var(--blurple-24-hsl)/1);
  --blurple-24-hsl: 228.713 calc(var(--saturation-factor, 1) * 100%) 80.196%;
  --blurple-25: hsl(var(--blurple-25-hsl)/1);
  --blurple-25-hsl: 228.462 calc(var(--saturation-factor, 1) * 100%) 79.608%;
  --blurple-26: hsl(var(--blurple-26-hsl)/1);
  --blurple-26-hsl: 228.785 calc(var(--saturation-factor, 1) * 100%) 79.02%;
  --blurple-27: hsl(var(--blurple-27-hsl)/1);
  --blurple-27-hsl: 228.991 calc(var(--saturation-factor, 1) * 98.198%) 78.235%;
  --blurple-28: hsl(var(--blurple-28-hsl)/1);
  --blurple-28-hsl: 229.189 calc(var(--saturation-factor, 1) * 98.23%) 77.843%;
  --blurple-29: hsl(var(--blurple-29-hsl)/1);
  --blurple-29-hsl: 229.381 calc(var(--saturation-factor, 1) * 96.581%) 77.059%;
  --blurple-30: hsl(var(--blurple-30-hsl)/1);
  --blurple-30-hsl: 229.655 calc(var(--saturation-factor, 1) * 96.667%) 76.471%;
  --blurple-31: hsl(var(--blurple-31-hsl)/1);
  --blurple-31-hsl: 229.322 calc(var(--saturation-factor, 1) * 95.161%) 75.686%;
  --blurple-32: hsl(var(--blurple-32-hsl)/1);
  --blurple-32-hsl: 229.5 calc(var(--saturation-factor, 1) * 93.75%) 74.902%;
  --blurple-33: hsl(var(--blurple-33-hsl)/1);
  --blurple-33-hsl: 230.164 calc(var(--saturation-factor, 1) * 93.846%) 74.51%;
  --blurple-34: hsl(var(--blurple-34-hsl)/1);
  --blurple-34-hsl: 230.323 calc(var(--saturation-factor, 1) * 92.537%) 73.725%;
  --blurple-35: hsl(var(--blurple-35-hsl)/1);
  --blurple-35-hsl: 230.476 calc(var(--saturation-factor, 1) * 92.647%) 73.333%;
  --blurple-36: hsl(var(--blurple-36-hsl)/1);
  --blurple-36-hsl: 230.625 calc(var(--saturation-factor, 1) * 91.429%) 72.549%;
  --blurple-37: hsl(var(--blurple-37-hsl)/1);
  --blurple-37-hsl: 230.84 calc(var(--saturation-factor, 1) * 91.608%) 71.961%;
  --blurple-38: hsl(var(--blurple-38-hsl)/1);
  --blurple-38-hsl: 231.364 calc(var(--saturation-factor, 1) * 90.411%) 71.373%;
  --blurple-39: hsl(var(--blurple-39-hsl)/1);
  --blurple-39-hsl: 231.111 calc(var(--saturation-factor, 1) * 90.604%) 70.784%;
  --blurple-40: hsl(var(--blurple-40-hsl)/1);
  --blurple-40-hsl: 231.618 calc(var(--saturation-factor, 1) * 89.474%) 70.196%;
  --blurple-41: hsl(var(--blurple-41-hsl)/1);
  --blurple-41-hsl: 231.739 calc(var(--saturation-factor, 1) * 88.462%) 69.412%;
  --blurple-42: hsl(var(--blurple-42-hsl)/1);
  --blurple-42-hsl: 232.286 calc(var(--saturation-factor, 1) * 88.608%) 69.02%;
  --blurple-43: hsl(var(--blurple-43-hsl)/1);
  --blurple-43-hsl: 232.766 calc(var(--saturation-factor, 1) * 87.578%) 68.431%;
  --blurple-44: hsl(var(--blurple-44-hsl)/1);
  --blurple-44-hsl: 232.917 calc(var(--saturation-factor, 1) * 87.805%) 67.843%;
  --blurple-45: hsl(var(--blurple-45-hsl)/1);
  --blurple-45-hsl: 232.966 calc(var(--saturation-factor, 1) * 86.826%) 67.255%;
  --blurple-46: hsl(var(--blurple-46-hsl)/1);
  --blurple-46-hsl: 233.469 calc(var(--saturation-factor, 1) * 86.982%) 66.863%;
  --blurple-47: hsl(var(--blurple-47-hsl)/1);
  --blurple-47-hsl: 233.919 calc(var(--saturation-factor, 1) * 86.047%) 66.275%;
  --blurple-48: hsl(var(--blurple-48-hsl)/1);
  --blurple-48-hsl: 234.4 calc(var(--saturation-factor, 1) * 86.207%) 65.882%;
  --blurple-49: hsl(var(--blurple-49-hsl)/1);
  --blurple-49-hsl: 234.474 calc(var(--saturation-factor, 1) * 85.393%) 65.098%;
  --blurple-50: hsl(var(--blurple-50-hsl)/1);
  --blurple-50-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --blurple-51: hsl(var(--blurple-51-hsl)/1);
  --blurple-51-hsl: 234.8 calc(var(--saturation-factor, 1) * 79.787%) 63.137%;
  --blurple-52: hsl(var(--blurple-52-hsl)/1);
  --blurple-52-hsl: 234.658 calc(var(--saturation-factor, 1) * 74.49%) 61.569%;
  --blurple-53: hsl(var(--blurple-53-hsl)/1);
  --blurple-53-hsl: 234.507 calc(var(--saturation-factor, 1) * 69.608%) 60%;
  --blurple-54: hsl(var(--blurple-54-hsl)/1);
  --blurple-54-hsl: 234.388 calc(var(--saturation-factor, 1) * 65.877%) 58.627%;
  --blurple-55: hsl(var(--blurple-55-hsl)/1);
  --blurple-55-hsl: 234.222 calc(var(--saturation-factor, 1) * 61.644%) 57.059%;
  --blurple-56: hsl(var(--blurple-56-hsl)/1);
  --blurple-56-hsl: 234.091 calc(var(--saturation-factor, 1) * 58.407%) 55.686%;
  --blurple-57: hsl(var(--blurple-57-hsl)/1);
  --blurple-57-hsl: 233.488 calc(var(--saturation-factor, 1) * 55.365%) 54.314%;
  --blurple-58: hsl(var(--blurple-58-hsl)/1);
  --blurple-58-hsl: 233.28 calc(var(--saturation-factor, 1) * 51.867%) 52.745%;
  --blurple-59: hsl(var(--blurple-59-hsl)/1);
  --blurple-59-hsl: 233.115 calc(var(--saturation-factor, 1) * 49.194%) 51.373%;
  --blurple-60: hsl(var(--blurple-60-hsl)/1);
  --blurple-60-hsl: 232.941 calc(var(--saturation-factor, 1) * 46.667%) 50%;
  --blurple-61: hsl(var(--blurple-61-hsl)/1);
  --blurple-61-hsl: 232.759 calc(var(--saturation-factor, 1) * 46.774%) 48.627%;
  --blurple-62: hsl(var(--blurple-62-hsl)/1);
  --blurple-62-hsl: 232.566 calc(var(--saturation-factor, 1) * 46.888%) 47.255%;
  --blurple-63: hsl(var(--blurple-63-hsl)/1);
  --blurple-63-hsl: 232.432 calc(var(--saturation-factor, 1) * 47.234%) 46.078%;
  --blurple-64: hsl(var(--blurple-64-hsl)/1);
  --blurple-64-hsl: 232.222 calc(var(--saturation-factor, 1) * 47.368%) 44.706%;
  --blurple-65: hsl(var(--blurple-65-hsl)/1);
  --blurple-65-hsl: 232 calc(var(--saturation-factor, 1) * 47.511%) 43.333%;
  --blurple-66: hsl(var(--blurple-66-hsl)/1);
  --blurple-66-hsl: 231.845 calc(var(--saturation-factor, 1) * 47.907%) 42.157%;
  --blurple-67: hsl(var(--blurple-67-hsl)/1);
  --blurple-67-hsl: 231.6 calc(var(--saturation-factor, 1) * 48.077%) 40.784%;
  --blurple-68: hsl(var(--blurple-68-hsl)/1);
  --blurple-68-hsl: 231.429 calc(var(--saturation-factor, 1) * 48.515%) 39.608%;
  --blurple-69: hsl(var(--blurple-69-hsl)/1);
  --blurple-69-hsl: 231.158 calc(var(--saturation-factor, 1) * 48.718%) 38.235%;
  --blurple-70: hsl(var(--blurple-70-hsl)/1);
  --blurple-70-hsl: 230.968 calc(var(--saturation-factor, 1) * 49.206%) 37.059%;
  --blurple-71: hsl(var(--blurple-71-hsl)/1);
  --blurple-71-hsl: 230.667 calc(var(--saturation-factor, 1) * 49.451%) 35.686%;
  --blurple-72: hsl(var(--blurple-72-hsl)/1);
  --blurple-72-hsl: 230.455 calc(var(--saturation-factor, 1) * 50%) 34.51%;
  --blurple-73: hsl(var(--blurple-73-hsl)/1);
  --blurple-73-hsl: 230.824 calc(var(--saturation-factor, 1) * 49.708%) 33.529%;
  --blurple-74: hsl(var(--blurple-74-hsl)/1);
  --blurple-74-hsl: 230.602 calc(var(--saturation-factor, 1) * 50.303%) 32.353%;
  --blurple-75: hsl(var(--blurple-75-hsl)/1);
  --blurple-75-hsl: 230.37 calc(var(--saturation-factor, 1) * 50.943%) 31.176%;
  --blurple-76: hsl(var(--blurple-76-hsl)/1);
  --blurple-76-hsl: 230 calc(var(--saturation-factor, 1) * 51.316%) 29.804%;
  --blurple-77: hsl(var(--blurple-77-hsl)/1);
  --blurple-77-hsl: 228.947 calc(var(--saturation-factor, 1) * 52.055%) 28.627%;
  --blurple-78: hsl(var(--blurple-78-hsl)/1);
  --blurple-78-hsl: 228.649 calc(var(--saturation-factor, 1) * 52.857%) 27.451%;
  --blurple-79: hsl(var(--blurple-79-hsl)/1);
  --blurple-79-hsl: 228.333 calc(var(--saturation-factor, 1) * 53.731%) 26.275%;
  --blurple-80: hsl(var(--blurple-80-hsl)/1);
  --blurple-80-hsl: 228.696 calc(var(--saturation-factor, 1) * 53.488%) 25.294%;
  --blurple-81: hsl(var(--blurple-81-hsl)/1);
  --blurple-81-hsl: 228.358 calc(var(--saturation-factor, 1) * 54.472%) 24.118%;
  --blurple-82: hsl(var(--blurple-82-hsl)/1);
  --blurple-82-hsl: 228 calc(var(--saturation-factor, 1) * 55.556%) 22.941%;
  --blurple-83: hsl(var(--blurple-83-hsl)/1);
  --blurple-83-hsl: 227.619 calc(var(--saturation-factor, 1) * 56.757%) 21.765%;
  --blurple-84: hsl(var(--blurple-84-hsl)/1);
  --blurple-84-hsl: 228.197 calc(var(--saturation-factor, 1) * 57.009%) 20.98%;
  --blurple-85: hsl(var(--blurple-85-hsl)/1);
  --blurple-85-hsl: 226.78 calc(var(--saturation-factor, 1) * 58.416%) 19.804%;
  --blurple-86: hsl(var(--blurple-86-hsl)/1);
  --blurple-86-hsl: 227.143 calc(var(--saturation-factor, 1) * 58.333%) 18.824%;
  --blurple-87: hsl(var(--blurple-87-hsl)/1);
  --blurple-87-hsl: 226.667 calc(var(--saturation-factor, 1) * 60%) 17.647%;
  --blurple-88: hsl(var(--blurple-88-hsl)/1);
  --blurple-88-hsl: 226.415 calc(var(--saturation-factor, 1) * 62.353%) 16.667%;
  --blurple-89: hsl(var(--blurple-89-hsl)/1);
  --blurple-89-hsl: 226.8 calc(var(--saturation-factor, 1) * 62.5%) 15.686%;
  --blurple-90: hsl(var(--blurple-90-hsl)/1);
  --blurple-90-hsl: 225 calc(var(--saturation-factor, 1) * 64.865%) 14.51%;
  --blurple-91: hsl(var(--blurple-91-hsl)/1);
  --blurple-91-hsl: 225.652 calc(var(--saturation-factor, 1) * 65.714%) 13.725%;
  --blurple-92: hsl(var(--blurple-92-hsl)/1);
  --blurple-92-hsl: 225 calc(var(--saturation-factor, 1) * 68.75%) 12.549%;
  --blurple-93: hsl(var(--blurple-93-hsl)/1);
  --blurple-93-hsl: 225.366 calc(var(--saturation-factor, 1) * 69.492%) 11.569%;
  --blurple-94: hsl(var(--blurple-94-hsl)/1);
  --blurple-94-hsl: 225.789 calc(var(--saturation-factor, 1) * 70.37%) 10.588%;
  --blurple-95: hsl(var(--blurple-95-hsl)/1);
  --blurple-95-hsl: 224.571 calc(var(--saturation-factor, 1) * 74.468%) 9.216%;
  --blurple-96: hsl(var(--blurple-96-hsl)/1);
  --blurple-96-hsl: 224.516 calc(var(--saturation-factor, 1) * 75.61%) 8.039%;
  --blurple-97: hsl(var(--blurple-97-hsl)/1);
  --blurple-97-hsl: 226.154 calc(var(--saturation-factor, 1) * 76.471%) 6.667%;
  --blurple-98: hsl(var(--blurple-98-hsl)/1);
  --blurple-98-hsl: 227.368 calc(var(--saturation-factor, 1) * 76%) 4.902%;
  --blurple-99: hsl(var(--blurple-99-hsl)/1);
  --blurple-99-hsl: 229.091 calc(var(--saturation-factor, 1) * 84.615%) 2.549%;
  --blurple-100: hsl(var(--blurple-100-hsl)/1);
  --blurple-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --green-new-1: hsl(var(--green-new-1-hsl)/1);
  --green-new-1-hsl: 137.455 calc(var(--saturation-factor, 1) * 100%) 89.216%;
  --green-new-2: hsl(var(--green-new-2-hsl)/1);
  --green-new-2-hsl: 136.552 calc(var(--saturation-factor, 1) * 100%) 88.627%;
  --green-new-3: hsl(var(--green-new-3-hsl)/1);
  --green-new-3-hsl: 136.271 calc(var(--saturation-factor, 1) * 90.769%) 87.255%;
  --green-new-4: hsl(var(--green-new-4-hsl)/1);
  --green-new-4-hsl: 137 calc(var(--saturation-factor, 1) * 83.333%) 85.882%;
  --green-new-5: hsl(var(--green-new-5-hsl)/1);
  --green-new-5-hsl: 135.738 calc(var(--saturation-factor, 1) * 79.221%) 84.902%;
  --green-new-6: hsl(var(--green-new-6-hsl)/1);
  --green-new-6-hsl: 136.452 calc(var(--saturation-factor, 1) * 73.81%) 83.529%;
  --green-new-7: hsl(var(--green-new-7-hsl)/1);
  --green-new-7-hsl: 135.938 calc(var(--saturation-factor, 1) * 71.111%) 82.353%;
  --green-new-8: hsl(var(--green-new-8-hsl)/1);
  --green-new-8-hsl: 135.938 calc(var(--saturation-factor, 1) * 66.667%) 81.176%;
  --green-new-9: hsl(var(--green-new-9-hsl)/1);
  --green-new-9-hsl: 136.364 calc(var(--saturation-factor, 1) * 64.706%) 80%;
  --green-new-10: hsl(var(--green-new-10-hsl)/1);
  --green-new-10-hsl: 136.364 calc(var(--saturation-factor, 1) * 61.111%)
    78.824%;
  --green-new-11: hsl(var(--green-new-11-hsl)/1);
  --green-new-11-hsl: 135.882 calc(var(--saturation-factor, 1) * 59.649%)
    77.647%;
  --green-new-12: hsl(var(--green-new-12-hsl)/1);
  --green-new-12-hsl: 136.522 calc(var(--saturation-factor, 1) * 57.025%)
    76.275%;
  --green-new-13: hsl(var(--green-new-13-hsl)/1);
  --green-new-13-hsl: 136.522 calc(var(--saturation-factor, 1) * 54.331%)
    75.098%;
  --green-new-14: hsl(var(--green-new-14-hsl)/1);
  --green-new-14-hsl: 136.901 calc(var(--saturation-factor, 1) * 53.383%)
    73.922%;
  --green-new-15: hsl(var(--green-new-15-hsl)/1);
  --green-new-15-hsl: 136.056 calc(var(--saturation-factor, 1) * 51.079%)
    72.745%;
  --green-new-16: hsl(var(--green-new-16-hsl)/1);
  --green-new-16-hsl: 136.438 calc(var(--saturation-factor, 1) * 50.345%)
    71.569%;
  --green-new-17: hsl(var(--green-new-17-hsl)/1);
  --green-new-17-hsl: 136.438 calc(var(--saturation-factor, 1) * 48.344%)
    70.392%;
  --green-new-18: hsl(var(--green-new-18-hsl)/1);
  --green-new-18-hsl: 136.8 calc(var(--saturation-factor, 1) * 47.771%) 69.216%;
  --green-new-19: hsl(var(--green-new-19-hsl)/1);
  --green-new-19-hsl: 136.8 calc(var(--saturation-factor, 1) * 46.012%) 68.039%;
  --green-new-20: hsl(var(--green-new-20-hsl)/1);
  --green-new-20-hsl: 137.368 calc(var(--saturation-factor, 1) * 44.706%)
    66.667%;
  --green-new-21: hsl(var(--green-new-21-hsl)/1);
  --green-new-21-hsl: 137.143 calc(var(--saturation-factor, 1) * 44%) 65.686%;
  --green-new-22: hsl(var(--green-new-22-hsl)/1);
  --green-new-22-hsl: 137.143 calc(var(--saturation-factor, 1) * 42.541%) 64.51%;
  --green-new-23: hsl(var(--green-new-23-hsl)/1);
  --green-new-23-hsl: 137.468 calc(var(--saturation-factor, 1) * 42.246%)
    63.333%;
  --green-new-24: hsl(var(--green-new-24-hsl)/1);
  --green-new-24-hsl: 137.468 calc(var(--saturation-factor, 1) * 40.933%)
    62.157%;
  --green-new-25: hsl(var(--green-new-25-hsl)/1);
  --green-new-25-hsl: 137.778 calc(var(--saturation-factor, 1) * 40.704%) 60.98%;
  --green-new-26: hsl(var(--green-new-26-hsl)/1);
  --green-new-26-hsl: 137.778 calc(var(--saturation-factor, 1) * 39.512%)
    59.804%;
  --green-new-27: hsl(var(--green-new-27-hsl)/1);
  --green-new-27-hsl: 138.072 calc(var(--saturation-factor, 1) * 39.336%)
    58.627%;
  --green-new-28: hsl(var(--green-new-28-hsl)/1);
  --green-new-28-hsl: 138.072 calc(var(--saturation-factor, 1) * 38.249%)
    57.451%;
  --green-new-29: hsl(var(--green-new-29-hsl)/1);
  --green-new-29-hsl: 138.353 calc(var(--saturation-factor, 1) * 38.117%)
    56.275%;
  --green-new-30: hsl(var(--green-new-30-hsl)/1);
  --green-new-30-hsl: 138.353 calc(var(--saturation-factor, 1) * 37.118%)
    55.098%;
  --green-new-31: hsl(var(--green-new-31-hsl)/1);
  --green-new-31-hsl: 138.837 calc(var(--saturation-factor, 1) * 36.441%)
    53.725%;
  --green-new-32: hsl(var(--green-new-32-hsl)/1);
  --green-new-32-hsl: 139.31 calc(var(--saturation-factor, 1) * 36.1%) 52.745%;
  --green-new-33: hsl(var(--green-new-33-hsl)/1);
  --green-new-33-hsl: 139.773 calc(var(--saturation-factor, 1) * 35.484%)
    51.373%;
  --green-new-34: hsl(var(--green-new-34-hsl)/1);
  --green-new-34-hsl: 140 calc(var(--saturation-factor, 1) * 35.433%) 50.196%;
  --green-new-35: hsl(var(--green-new-35-hsl)/1);
  --green-new-35-hsl: 140 calc(var(--saturation-factor, 1) * 36%) 49.02%;
  --green-new-36: hsl(var(--green-new-36-hsl)/1);
  --green-new-36-hsl: 140.217 calc(var(--saturation-factor, 1) * 37.705%)
    47.843%;
  --green-new-37: hsl(var(--green-new-37-hsl)/1);
  --green-new-37-hsl: 140.645 calc(var(--saturation-factor, 1) * 39.241%)
    46.471%;
  --green-new-38: hsl(var(--green-new-38-hsl)/1);
  --green-new-38-hsl: 141.064 calc(var(--saturation-factor, 1) * 40.517%) 45.49%;
  --green-new-39: hsl(var(--green-new-39-hsl)/1);
  --green-new-39-hsl: 141.474 calc(var(--saturation-factor, 1) * 42.222%)
    44.118%;
  --green-new-40: hsl(var(--green-new-40-hsl)/1);
  --green-new-40-hsl: 141.649 calc(var(--saturation-factor, 1) * 44.292%)
    42.941%;
  --green-new-41: hsl(var(--green-new-41-hsl)/1);
  --green-new-41-hsl: 142.041 calc(var(--saturation-factor, 1) * 46.226%)
    41.569%;
  --green-new-42: hsl(var(--green-new-42-hsl)/1);
  --green-new-42-hsl: 143.168 calc(var(--saturation-factor, 1) * 49.268%)
    40.196%;
  --green-new-43: hsl(var(--green-new-43-hsl)/1);
  --green-new-43-hsl: 143.529 calc(var(--saturation-factor, 1) * 51.515%)
    38.824%;
  --green-new-44: hsl(var(--green-new-44-hsl)/1);
  --green-new-44-hsl: 144 calc(var(--saturation-factor, 1) * 54.974%) 37.451%;
  --green-new-45: hsl(var(--green-new-45-hsl)/1);
  --green-new-45-hsl: 145.234 calc(var(--saturation-factor, 1) * 58.47%) 35.882%;
  --green-new-46: hsl(var(--green-new-46-hsl)/1);
  --green-new-46-hsl: 145.636 calc(var(--saturation-factor, 1) * 62.5%) 34.51%;
  --green-new-47: hsl(var(--green-new-47-hsl)/1);
  --green-new-47-hsl: 146.316 calc(var(--saturation-factor, 1) * 67.857%)
    32.941%;
  --green-new-48: hsl(var(--green-new-48-hsl)/1);
  --green-new-48-hsl: 147.731 calc(var(--saturation-factor, 1) * 75.796%)
    30.784%;
  --green-new-49: hsl(var(--green-new-49-hsl)/1);
  --green-new-49-hsl: 149.764 calc(var(--saturation-factor, 1) * 87.586%)
    28.431%;
  --green-new-50: hsl(var(--green-new-50-hsl)/1);
  --green-new-50-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%) 26.078%;
  --green-new-51: hsl(var(--green-new-51-hsl)/1);
  --green-new-51-hsl: 151.145 calc(var(--saturation-factor, 1) * 100%) 25.686%;
  --green-new-52: hsl(var(--green-new-52-hsl)/1);
  --green-new-52-hsl: 151.406 calc(var(--saturation-factor, 1) * 100%) 25.098%;
  --green-new-53: hsl(var(--green-new-53-hsl)/1);
  --green-new-53-hsl: 150.968 calc(var(--saturation-factor, 1) * 98.413%)
    24.706%;
  --green-new-54: hsl(var(--green-new-54-hsl)/1);
  --green-new-54-hsl: 150.984 calc(var(--saturation-factor, 1) * 98.387%)
    24.314%;
  --green-new-55: hsl(var(--green-new-55-hsl)/1);
  --green-new-55-hsl: 150.756 calc(var(--saturation-factor, 1) * 98.347%)
    23.725%;
  --green-new-56: hsl(var(--green-new-56-hsl)/1);
  --green-new-56-hsl: 150.769 calc(var(--saturation-factor, 1) * 98.319%)
    23.333%;
  --green-new-57: hsl(var(--green-new-57-hsl)/1);
  --green-new-57-hsl: 151.053 calc(var(--saturation-factor, 1) * 98.276%)
    22.745%;
  --green-new-58: hsl(var(--green-new-58-hsl)/1);
  --green-new-58-hsl: 150.536 calc(var(--saturation-factor, 1) * 98.246%)
    22.353%;
  --green-new-59: hsl(var(--green-new-59-hsl)/1);
  --green-new-59-hsl: 150.826 calc(var(--saturation-factor, 1) * 98.198%)
    21.765%;
  --green-new-60: hsl(var(--green-new-60-hsl)/1);
  --green-new-60-hsl: 150.556 calc(var(--saturation-factor, 1) * 100%) 21.176%;
  --green-new-61: hsl(var(--green-new-61-hsl)/1);
  --green-new-61-hsl: 150.857 calc(var(--saturation-factor, 1) * 100%) 20.588%;
  --green-new-62: hsl(var(--green-new-62-hsl)/1);
  --green-new-62-hsl: 150.291 calc(var(--saturation-factor, 1) * 100%) 20.196%;
  --green-new-63: hsl(var(--green-new-63-hsl)/1);
  --green-new-63-hsl: 150.6 calc(var(--saturation-factor, 1) * 100%) 19.608%;
  --green-new-64: hsl(var(--green-new-64-hsl)/1);
  --green-new-64-hsl: 150 calc(var(--saturation-factor, 1) * 100%) 19.216%;
  --green-new-65: hsl(var(--green-new-65-hsl)/1);
  --green-new-65-hsl: 150.316 calc(var(--saturation-factor, 1) * 100%) 18.627%;
  --green-new-66: hsl(var(--green-new-66-hsl)/1);
  --green-new-66-hsl: 149.677 calc(var(--saturation-factor, 1) * 100%) 18.235%;
  --green-new-67: hsl(var(--green-new-67-hsl)/1);
  --green-new-67-hsl: 149.67 calc(var(--saturation-factor, 1) * 100%) 17.843%;
  --green-new-68: hsl(var(--green-new-68-hsl)/1);
  --green-new-68-hsl: 149.318 calc(var(--saturation-factor, 1) * 100%) 17.255%;
  --green-new-69: hsl(var(--green-new-69-hsl)/1);
  --green-new-69-hsl: 149.302 calc(var(--saturation-factor, 1) * 100%) 16.863%;
  --green-new-70: hsl(var(--green-new-70-hsl)/1);
  --green-new-70-hsl: 148.571 calc(var(--saturation-factor, 1) * 100%) 16.471%;
  --green-new-71: hsl(var(--green-new-71-hsl)/1);
  --green-new-71-hsl: 148.889 calc(var(--saturation-factor, 1) * 100%) 15.882%;
  --green-new-72: hsl(var(--green-new-72-hsl)/1);
  --green-new-72-hsl: 148.101 calc(var(--saturation-factor, 1) * 100%) 15.49%;
  --green-new-73: hsl(var(--green-new-73-hsl)/1);
  --green-new-73-hsl: 148.052 calc(var(--saturation-factor, 1) * 100%) 15.098%;
  --green-new-74: hsl(var(--green-new-74-hsl)/1);
  --green-new-74-hsl: 147.568 calc(var(--saturation-factor, 1) * 100%) 14.51%;
  --green-new-75: hsl(var(--green-new-75-hsl)/1);
  --green-new-75-hsl: 147.5 calc(var(--saturation-factor, 1) * 100%) 14.118%;
  --green-new-76: hsl(var(--green-new-76-hsl)/1);
  --green-new-76-hsl: 146.571 calc(var(--saturation-factor, 1) * 100%) 13.725%;
  --green-new-77: hsl(var(--green-new-77-hsl)/1);
  --green-new-77-hsl: 146.866 calc(var(--saturation-factor, 1) * 100%) 13.137%;
  --green-new-78: hsl(var(--green-new-78-hsl)/1);
  --green-new-78-hsl: 145.846 calc(var(--saturation-factor, 1) * 100%) 12.745%;
  --green-new-79: hsl(var(--green-new-79-hsl)/1);
  --green-new-79-hsl: 145.714 calc(var(--saturation-factor, 1) * 100%) 12.353%;
  --green-new-80: hsl(var(--green-new-80-hsl)/1);
  --green-new-80-hsl: 144.59 calc(var(--saturation-factor, 1) * 100%) 11.961%;
  --green-new-81: hsl(var(--green-new-81-hsl)/1);
  --green-new-81-hsl: 144.407 calc(var(--saturation-factor, 1) * 100%) 11.569%;
  --green-new-82: hsl(var(--green-new-82-hsl)/1);
  --green-new-82-hsl: 143.571 calc(var(--saturation-factor, 1) * 100%) 10.98%;
  --green-new-83: hsl(var(--green-new-83-hsl)/1);
  --green-new-83-hsl: 143.333 calc(var(--saturation-factor, 1) * 100%) 10.588%;
  --green-new-84: hsl(var(--green-new-84-hsl)/1);
  --green-new-84-hsl: 143.077 calc(var(--saturation-factor, 1) * 100%) 10.196%;
  --green-new-85: hsl(var(--green-new-85-hsl)/1);
  --green-new-85-hsl: 141.6 calc(var(--saturation-factor, 1) * 100%) 9.804%;
  --green-new-86: hsl(var(--green-new-86-hsl)/1);
  --green-new-86-hsl: 141.25 calc(var(--saturation-factor, 1) * 100%) 9.412%;
  --green-new-87: hsl(var(--green-new-87-hsl)/1);
  --green-new-87-hsl: 139.565 calc(var(--saturation-factor, 1) * 100%) 9.02%;
  --green-new-88: hsl(var(--green-new-88-hsl)/1);
  --green-new-88-hsl: 139.535 calc(var(--saturation-factor, 1) * 100%) 8.431%;
  --green-new-89: hsl(var(--green-new-89-hsl)/1);
  --green-new-89-hsl: 139.024 calc(var(--saturation-factor, 1) * 100%) 8.039%;
  --green-new-90: hsl(var(--green-new-90-hsl)/1);
  --green-new-90-hsl: 138.462 calc(var(--saturation-factor, 1) * 100%) 7.647%;
  --green-new-91: hsl(var(--green-new-91-hsl)/1);
  --green-new-91-hsl: 136.216 calc(var(--saturation-factor, 1) * 100%) 7.255%;
  --green-new-92: hsl(var(--green-new-92-hsl)/1);
  --green-new-92-hsl: 135.429 calc(var(--saturation-factor, 1) * 100%) 6.863%;
  --green-new-93: hsl(var(--green-new-93-hsl)/1);
  --green-new-93-hsl: 134.545 calc(var(--saturation-factor, 1) * 100%) 6.471%;
  --green-new-94: hsl(var(--green-new-94-hsl)/1);
  --green-new-94-hsl: 133.548 calc(var(--saturation-factor, 1) * 100%) 6.078%;
  --green-new-95: hsl(var(--green-new-95-hsl)/1);
  --green-new-95-hsl: 132.414 calc(var(--saturation-factor, 1) * 100%) 5.686%;
  --green-new-96: hsl(var(--green-new-96-hsl)/1);
  --green-new-96-hsl: 131.111 calc(var(--saturation-factor, 1) * 100%) 5.294%;
  --green-new-97: hsl(var(--green-new-97-hsl)/1);
  --green-new-97-hsl: 129.6 calc(var(--saturation-factor, 1) * 100%) 4.902%;
  --green-new-98: hsl(var(--green-new-98-hsl)/1);
  --green-new-98-hsl: 128.182 calc(var(--saturation-factor, 1) * 100%) 4.314%;
  --green-new-99: hsl(var(--green-new-99-hsl)/1);
  --green-new-99-hsl: 129.474 calc(var(--saturation-factor, 1) * 100%) 3.725%;
  --green-new-100: hsl(var(--green-new-100-hsl)/1);
  --green-new-100-hsl: 127.5 calc(var(--saturation-factor, 1) * 100%) 3.137%;
  --red-new-1: hsl(var(--red-new-1-hsl)/1);
  --red-new-1-hsl: 1.765 calc(var(--saturation-factor, 1) * 100%) 93.333%;
  --red-new-2: hsl(var(--red-new-2-hsl)/1);
  --red-new-2-hsl: 1.579 calc(var(--saturation-factor, 1) * 100%) 92.549%;
  --red-new-3: hsl(var(--red-new-3-hsl)/1);
  --red-new-3-hsl: 1.429 calc(var(--saturation-factor, 1) * 100%) 91.765%;
  --red-new-4: hsl(var(--red-new-4-hsl)/1);
  --red-new-4-hsl: 2.609 calc(var(--saturation-factor, 1) * 100%) 90.98%;
  --red-new-5: hsl(var(--red-new-5-hsl)/1);
  --red-new-5-hsl: 2.4 calc(var(--saturation-factor, 1) * 100%) 90.196%;
  --red-new-6: hsl(var(--red-new-6-hsl)/1);
  --red-new-6-hsl: 2.222 calc(var(--saturation-factor, 1) * 100%) 89.412%;
  --red-new-7: hsl(var(--red-new-7-hsl)/1);
  --red-new-7-hsl: 3.103 calc(var(--saturation-factor, 1) * 100%) 88.627%;
  --red-new-8: hsl(var(--red-new-8-hsl)/1);
  --red-new-8-hsl: 2.903 calc(var(--saturation-factor, 1) * 100%) 87.843%;
  --red-new-9: hsl(var(--red-new-9-hsl)/1);
  --red-new-9-hsl: 2.727 calc(var(--saturation-factor, 1) * 100%) 87.059%;
  --red-new-10: hsl(var(--red-new-10-hsl)/1);
  --red-new-10-hsl: 3.429 calc(var(--saturation-factor, 1) * 100%) 86.275%;
  --red-new-11: hsl(var(--red-new-11-hsl)/1);
  --red-new-11-hsl: 3.243 calc(var(--saturation-factor, 1) * 100%) 85.49%;
  --red-new-12: hsl(var(--red-new-12-hsl)/1);
  --red-new-12-hsl: 3.846 calc(var(--saturation-factor, 1) * 100%) 84.706%;
  --red-new-13: hsl(var(--red-new-13-hsl)/1);
  --red-new-13-hsl: 2.963 calc(var(--saturation-factor, 1) * 100%) 84.118%;
  --red-new-14: hsl(var(--red-new-14-hsl)/1);
  --red-new-14-hsl: 2.824 calc(var(--saturation-factor, 1) * 100%) 83.333%;
  --red-new-15: hsl(var(--red-new-15-hsl)/1);
  --red-new-15-hsl: 3.371 calc(var(--saturation-factor, 1) * 100%) 82.549%;
  --red-new-16: hsl(var(--red-new-16-hsl)/1);
  --red-new-16-hsl: 2.609 calc(var(--saturation-factor, 1) * 100%) 81.961%;
  --red-new-17: hsl(var(--red-new-17-hsl)/1);
  --red-new-17-hsl: 3.125 calc(var(--saturation-factor, 1) * 100%) 81.176%;
  --red-new-18: hsl(var(--red-new-18-hsl)/1);
  --red-new-18-hsl: 3 calc(var(--saturation-factor, 1) * 100%) 80.392%;
  --red-new-19: hsl(var(--red-new-19-hsl)/1);
  --red-new-19-hsl: 2.913 calc(var(--saturation-factor, 1) * 100%) 79.804%;
  --red-new-20: hsl(var(--red-new-20-hsl)/1);
  --red-new-20-hsl: 3.364 calc(var(--saturation-factor, 1) * 100%) 79.02%;
  --red-new-21: hsl(var(--red-new-21-hsl)/1);
  --red-new-21-hsl: 2.727 calc(var(--saturation-factor, 1) * 100%) 78.431%;
  --red-new-22: hsl(var(--red-new-22-hsl)/1);
  --red-new-22-hsl: 2.655 calc(var(--saturation-factor, 1) * 100%) 77.843%;
  --red-new-23: hsl(var(--red-new-23-hsl)/1);
  --red-new-23-hsl: 2.586 calc(var(--saturation-factor, 1) * 98.305%) 76.863%;
  --red-new-24: hsl(var(--red-new-24-hsl)/1);
  --red-new-24-hsl: 2.542 calc(var(--saturation-factor, 1) * 96.721%) 76.078%;
  --red-new-25: hsl(var(--red-new-25-hsl)/1);
  --red-new-25-hsl: 2 calc(var(--saturation-factor, 1) * 95.238%) 75.294%;
  --red-new-26: hsl(var(--red-new-26-hsl)/1);
  --red-new-26-hsl: 2.439 calc(var(--saturation-factor, 1) * 93.893%) 74.314%;
  --red-new-27: hsl(var(--red-new-27-hsl)/1);
  --red-new-27-hsl: 2.4 calc(var(--saturation-factor, 1) * 92.593%) 73.529%;
  --red-new-28: hsl(var(--red-new-28-hsl)/1);
  --red-new-28-hsl: 1.905 calc(var(--saturation-factor, 1) * 90%) 72.549%;
  --red-new-29: hsl(var(--red-new-29-hsl)/1);
  --red-new-29-hsl: 1.875 calc(var(--saturation-factor, 1) * 88.889%) 71.765%;
  --red-new-30: hsl(var(--red-new-30-hsl)/1);
  --red-new-30-hsl: 1.385 calc(var(--saturation-factor, 1) * 87.838%) 70.98%;
  --red-new-31: hsl(var(--red-new-31-hsl)/1);
  --red-new-31-hsl: 1.818 calc(var(--saturation-factor, 1) * 85.714%) 69.804%;
  --red-new-32: hsl(var(--red-new-32-hsl)/1);
  --red-new-32-hsl: 1.343 calc(var(--saturation-factor, 1) * 84.81%) 69.02%;
  --red-new-33: hsl(var(--red-new-33-hsl)/1);
  --red-new-33-hsl: 1.333 calc(var(--saturation-factor, 1) * 82.822%) 68.039%;
  --red-new-34: hsl(var(--red-new-34-hsl)/1);
  --red-new-34-hsl: 1.314 calc(var(--saturation-factor, 1) * 82.036%) 67.255%;
  --red-new-35: hsl(var(--red-new-35-hsl)/1);
  --red-new-35-hsl: 0.87 calc(var(--saturation-factor, 1) * 80.233%) 66.275%;
  --red-new-36: hsl(var(--red-new-36-hsl)/1);
  --red-new-36-hsl: 0.863 calc(var(--saturation-factor, 1) * 78.531%) 65.294%;
  --red-new-37: hsl(var(--red-new-37-hsl)/1);
  --red-new-37-hsl: 0.426 calc(var(--saturation-factor, 1) * 77.901%) 64.51%;
  --red-new-38: hsl(var(--red-new-38-hsl)/1);
  --red-new-38-hsl: 0.423 calc(var(--saturation-factor, 1) * 76.344%) 63.529%;
  --red-new-39: hsl(var(--red-new-39-hsl)/1);
  --red-new-39-hsl: 0 calc(var(--saturation-factor, 1) * 74.869%) 62.549%;
  --red-new-40: hsl(var(--red-new-40-hsl)/1);
  --red-new-40-hsl: 359.586 calc(var(--saturation-factor, 1) * 73.604%) 61.373%;
  --red-new-41: hsl(var(--red-new-41-hsl)/1);
  --red-new-41-hsl: 359.592 calc(var(--saturation-factor, 1) * 73.134%) 60.588%;
  --red-new-42: hsl(var(--red-new-42-hsl)/1);
  --red-new-42-hsl: 358.792 calc(var(--saturation-factor, 1) * 71.981%) 59.412%;
  --red-new-43: hsl(var(--red-new-43-hsl)/1);
  --red-new-43-hsl: 358.411 calc(var(--saturation-factor, 1) * 70.892%) 58.235%;
  --red-new-44: hsl(var(--red-new-44-hsl)/1);
  --red-new-44-hsl: 358.421 calc(var(--saturation-factor, 1) * 69.725%) 57.255%;
  --red-new-45: hsl(var(--red-new-45-hsl)/1);
  --red-new-45-hsl: 358.052 calc(var(--saturation-factor, 1) * 68.75%) 56.078%;
  --red-new-46: hsl(var(--red-new-46-hsl)/1);
  --red-new-46-hsl: 357.692 calc(var(--saturation-factor, 1) * 67.826%) 54.902%;
  --red-new-47: hsl(var(--red-new-47-hsl)/1);
  --red-new-47-hsl: 357.342 calc(var(--saturation-factor, 1) * 66.949%) 53.725%;
  --red-new-48: hsl(var(--red-new-48-hsl)/1);
  --red-new-48-hsl: 356.625 calc(var(--saturation-factor, 1) * 66.116%) 52.549%;
  --red-new-49: hsl(var(--red-new-49-hsl)/1);
  --red-new-49-hsl: 355.951 calc(var(--saturation-factor, 1) * 65.462%) 51.176%;
  --red-new-50: hsl(var(--red-new-50-hsl)/1);
  --red-new-50-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --red-new-51: hsl(var(--red-new-51-hsl)/1);
  --red-new-51-hsl: 355.556 calc(var(--saturation-factor, 1) * 64.8%) 49.02%;
  --red-new-52: hsl(var(--red-new-52-hsl)/1);
  --red-new-52-hsl: 355.472 calc(var(--saturation-factor, 1) * 64.898%) 48.039%;
  --red-new-53: hsl(var(--red-new-53-hsl)/1);
  --red-new-53-hsl: 355.355 calc(var(--saturation-factor, 1) * 64.854%) 46.863%;
  --red-new-54: hsl(var(--red-new-54-hsl)/1);
  --red-new-54-hsl: 355.263 calc(var(--saturation-factor, 1) * 64.957%) 45.882%;
  --red-new-55: hsl(var(--red-new-55-hsl)/1);
  --red-new-55-hsl: 355.541 calc(var(--saturation-factor, 1) * 64.348%) 45.098%;
  --red-new-56: hsl(var(--red-new-56-hsl)/1);
  --red-new-56-hsl: 355.068 calc(var(--saturation-factor, 1) * 65.179%) 43.922%;
  --red-new-57: hsl(var(--red-new-57-hsl)/1);
  --red-new-57-hsl: 355.385 calc(var(--saturation-factor, 1) * 65.297%) 42.941%;
  --red-new-58: hsl(var(--red-new-58-hsl)/1);
  --red-new-58-hsl: 355.286 calc(var(--saturation-factor, 1) * 65.421%) 41.961%;
  --red-new-59: hsl(var(--red-new-59-hsl)/1);
  --red-new-59-hsl: 355.182 calc(var(--saturation-factor, 1) * 65.55%) 40.98%;
  --red-new-60: hsl(var(--red-new-60-hsl)/1);
  --red-new-60-hsl: 355.075 calc(var(--saturation-factor, 1) * 65.686%) 40%;
  --red-new-61: hsl(var(--red-new-61-hsl)/1);
  --red-new-61-hsl: 355 calc(var(--saturation-factor, 1) * 66%) 39.216%;
  --red-new-62: hsl(var(--red-new-62-hsl)/1);
  --red-new-62-hsl: 355.349 calc(var(--saturation-factor, 1) * 66.154%) 38.235%;
  --red-new-63: hsl(var(--red-new-63-hsl)/1);
  --red-new-63-hsl: 354.803 calc(var(--saturation-factor, 1) * 67.196%) 37.059%;
  --red-new-64: hsl(var(--red-new-64-hsl)/1);
  --red-new-64-hsl: 354.677 calc(var(--saturation-factor, 1) * 67.391%) 36.078%;
  --red-new-65: hsl(var(--red-new-65-hsl)/1);
  --red-new-65-hsl: 354.59 calc(var(--saturation-factor, 1) * 67.778%) 35.294%;
  --red-new-66: hsl(var(--red-new-66-hsl)/1);
  --red-new-66-hsl: 354.5 calc(var(--saturation-factor, 1) * 68.966%) 34.118%;
  --red-new-67: hsl(var(--red-new-67-hsl)/1);
  --red-new-67-hsl: 354.359 calc(var(--saturation-factor, 1) * 69.231%) 33.137%;
  --red-new-68: hsl(var(--red-new-68-hsl)/1);
  --red-new-68-hsl: 353.793 calc(var(--saturation-factor, 1) * 70.732%) 32.157%;
  --red-new-69: hsl(var(--red-new-69-hsl)/1);
  --red-new-69-hsl: 353.628 calc(var(--saturation-factor, 1) * 71.069%) 31.176%;
  --red-new-70: hsl(var(--red-new-70-hsl)/1);
  --red-new-70-hsl: 354.054 calc(var(--saturation-factor, 1) * 71.613%) 30.392%;
  --red-new-71: hsl(var(--red-new-71-hsl)/1);
  --red-new-71-hsl: 353.394 calc(var(--saturation-factor, 1) * 73.154%) 29.216%;
  --red-new-72: hsl(var(--red-new-72-hsl)/1);
  --red-new-72-hsl: 353.271 calc(var(--saturation-factor, 1) * 73.793%) 28.431%;
  --red-new-73: hsl(var(--red-new-73-hsl)/1);
  --red-new-73-hsl: 352.571 calc(var(--saturation-factor, 1) * 75.54%) 27.255%;
  --red-new-74: hsl(var(--red-new-74-hsl)/1);
  --red-new-74-hsl: 353.01 calc(var(--saturation-factor, 1) * 76.296%) 26.471%;
  --red-new-75: hsl(var(--red-new-75-hsl)/1);
  --red-new-75-hsl: 352.277 calc(var(--saturation-factor, 1) * 78.295%) 25.294%;
  --red-new-76: hsl(var(--red-new-76-hsl)/1);
  --red-new-76-hsl: 351.6 calc(var(--saturation-factor, 1) * 80.645%) 24.314%;
  --red-new-77: hsl(var(--red-new-77-hsl)/1);
  --red-new-77-hsl: 351.34 calc(var(--saturation-factor, 1) * 81.513%) 23.333%;
  --red-new-78: hsl(var(--red-new-78-hsl)/1);
  --red-new-78-hsl: 351.25 calc(var(--saturation-factor, 1) * 84.211%) 22.353%;
  --red-new-79: hsl(var(--red-new-79-hsl)/1);
  --red-new-79-hsl: 351.064 calc(var(--saturation-factor, 1) * 85.455%) 21.569%;
  --red-new-80: hsl(var(--red-new-80-hsl)/1);
  --red-new-80-hsl: 350.217 calc(var(--saturation-factor, 1) * 88.462%) 20.392%;
  --red-new-81: hsl(var(--red-new-81-hsl)/1);
  --red-new-81-hsl: 350 calc(var(--saturation-factor, 1) * 90%) 19.608%;
  --red-new-82: hsl(var(--red-new-82-hsl)/1);
  --red-new-82-hsl: 349.773 calc(var(--saturation-factor, 1) * 91.667%) 18.824%;
  --red-new-83: hsl(var(--red-new-83-hsl)/1);
  --red-new-83-hsl: 349.412 calc(var(--saturation-factor, 1) * 93.407%) 17.843%;
  --red-new-84: hsl(var(--red-new-84-hsl)/1);
  --red-new-84-hsl: 349.157 calc(var(--saturation-factor, 1) * 95.402%) 17.059%;
  --red-new-85: hsl(var(--red-new-85-hsl)/1);
  --red-new-85-hsl: 348.889 calc(var(--saturation-factor, 1) * 97.59%) 16.275%;
  --red-new-86: hsl(var(--red-new-86-hsl)/1);
  --red-new-86-hsl: 348.608 calc(var(--saturation-factor, 1) * 100%) 15.49%;
  --red-new-87: hsl(var(--red-new-87-hsl)/1);
  --red-new-87-hsl: 348.8 calc(var(--saturation-factor, 1) * 100%) 14.706%;
  --red-new-88: hsl(var(--red-new-88-hsl)/1);
  --red-new-88-hsl: 349.167 calc(var(--saturation-factor, 1) * 100%) 14.118%;
  --red-new-89: hsl(var(--red-new-89-hsl)/1);
  --red-new-89-hsl: 349.565 calc(var(--saturation-factor, 1) * 100%) 13.529%;
  --red-new-90: hsl(var(--red-new-90-hsl)/1);
  --red-new-90-hsl: 350 calc(var(--saturation-factor, 1) * 100%) 12.941%;
  --red-new-91: hsl(var(--red-new-91-hsl)/1);
  --red-new-91-hsl: 350.476 calc(var(--saturation-factor, 1) * 100%) 12.353%;
  --red-new-92: hsl(var(--red-new-92-hsl)/1);
  --red-new-92-hsl: 351 calc(var(--saturation-factor, 1) * 100%) 11.765%;
  --red-new-93: hsl(var(--red-new-93-hsl)/1);
  --red-new-93-hsl: 351.579 calc(var(--saturation-factor, 1) * 100%) 11.176%;
  --red-new-94: hsl(var(--red-new-94-hsl)/1);
  --red-new-94-hsl: 352.075 calc(var(--saturation-factor, 1) * 100%) 10.392%;
  --red-new-95: hsl(var(--red-new-95-hsl)/1);
  --red-new-95-hsl: 351.6 calc(var(--saturation-factor, 1) * 100%) 9.804%;
  --red-new-96: hsl(var(--red-new-96-hsl)/1);
  --red-new-96-hsl: 352 calc(var(--saturation-factor, 1) * 100%) 8.824%;
  --red-new-97: hsl(var(--red-new-97-hsl)/1);
  --red-new-97-hsl: 352.683 calc(var(--saturation-factor, 1) * 100%) 8.039%;
  --red-new-98: hsl(var(--red-new-98-hsl)/1);
  --red-new-98-hsl: 353.143 calc(var(--saturation-factor, 1) * 100%) 6.863%;
  --red-new-99: hsl(var(--red-new-99-hsl)/1);
  --red-new-99-hsl: 351.724 calc(var(--saturation-factor, 1) * 100%) 5.686%;
  --red-new-100: hsl(var(--red-new-100-hsl)/1);
  --red-new-100-hsl: 354 calc(var(--saturation-factor, 1) * 100%) 3.922%;
  --teal-new-1: hsl(var(--teal-new-1-hsl)/1);
  --teal-new-1-hsl: 183.396 calc(var(--saturation-factor, 1) * 100%) 89.608%;
  --teal-new-2: hsl(var(--teal-new-2-hsl)/1);
  --teal-new-2-hsl: 186.316 calc(var(--saturation-factor, 1) * 100%) 88.824%;
  --teal-new-3: hsl(var(--teal-new-3-hsl)/1);
  --teal-new-3-hsl: 186.102 calc(var(--saturation-factor, 1) * 93.651%) 87.647%;
  --teal-new-4: hsl(var(--teal-new-4-hsl)/1);
  --teal-new-4-hsl: 186.774 calc(var(--saturation-factor, 1) * 88.571%) 86.275%;
  --teal-new-5: hsl(var(--teal-new-5-hsl)/1);
  --teal-new-5-hsl: 185.714 calc(var(--saturation-factor, 1) * 81.818%) 84.902%;
  --teal-new-6: hsl(var(--teal-new-6-hsl)/1);
  --teal-new-6-hsl: 185.538 calc(var(--saturation-factor, 1) * 78.313%) 83.725%;
  --teal-new-7: hsl(var(--teal-new-7-hsl)/1);
  --teal-new-7-hsl: 186.176 calc(var(--saturation-factor, 1) * 75.556%) 82.353%;
  --teal-new-8: hsl(var(--teal-new-8-hsl)/1);
  --teal-new-8-hsl: 186 calc(var(--saturation-factor, 1) * 72.917%) 81.176%;
  --teal-new-9: hsl(var(--teal-new-9-hsl)/1);
  --teal-new-9-hsl: 185.915 calc(var(--saturation-factor, 1) * 68.932%) 79.804%;
  --teal-new-10: hsl(var(--teal-new-10-hsl)/1);
  --teal-new-10-hsl: 185.676 calc(var(--saturation-factor, 1) * 67.273%) 78.431%;
  --teal-new-11: hsl(var(--teal-new-11-hsl)/1);
  --teal-new-11-hsl: 186.316 calc(var(--saturation-factor, 1) * 65.517%) 77.255%;
  --teal-new-12: hsl(var(--teal-new-12-hsl)/1);
  --teal-new-12-hsl: 185.455 calc(var(--saturation-factor, 1) * 62.602%) 75.882%;
  --teal-new-13: hsl(var(--teal-new-13-hsl)/1);
  --teal-new-13-hsl: 185.316 calc(var(--saturation-factor, 1) * 61.24%) 74.706%;
  --teal-new-14: hsl(var(--teal-new-14-hsl)/1);
  --teal-new-14-hsl: 185.926 calc(var(--saturation-factor, 1) * 60%) 73.529%;
  --teal-new-15: hsl(var(--teal-new-15-hsl)/1);
  --teal-new-15-hsl: 185.06 calc(var(--saturation-factor, 1) * 58.042%) 71.961%;
  --teal-new-16: hsl(var(--teal-new-16-hsl)/1);
  --teal-new-16-hsl: 185.647 calc(var(--saturation-factor, 1) * 57.047%) 70.784%;
  --teal-new-17: hsl(var(--teal-new-17-hsl)/1);
  --teal-new-17-hsl: 185.517 calc(var(--saturation-factor, 1) * 56.129%) 69.608%;
  --teal-new-18: hsl(var(--teal-new-18-hsl)/1);
  --teal-new-18-hsl: 186.067 calc(var(--saturation-factor, 1) * 55.28%) 68.431%;
  --teal-new-19: hsl(var(--teal-new-19-hsl)/1);
  --teal-new-19-hsl: 185.275 calc(var(--saturation-factor, 1) * 53.846%) 66.863%;
  --teal-new-20: hsl(var(--teal-new-20-hsl)/1);
  --teal-new-20-hsl: 185.806 calc(var(--saturation-factor, 1) * 53.143%) 65.686%;
  --teal-new-21: hsl(var(--teal-new-21-hsl)/1);
  --teal-new-21-hsl: 185.684 calc(var(--saturation-factor, 1) * 52.486%) 64.51%;
  --teal-new-22: hsl(var(--teal-new-22-hsl)/1);
  --teal-new-22-hsl: 185 calc(var(--saturation-factor, 1) * 51.064%) 63.137%;
  --teal-new-23: hsl(var(--teal-new-23-hsl)/1);
  --teal-new-23-hsl: 185.455 calc(var(--saturation-factor, 1) * 50.769%) 61.765%;
  --teal-new-24: hsl(var(--teal-new-24-hsl)/1);
  --teal-new-24-hsl: 185.347 calc(var(--saturation-factor, 1) * 50.249%) 60.588%;
  --teal-new-25: hsl(var(--teal-new-25-hsl)/1);
  --teal-new-25-hsl: 185.243 calc(var(--saturation-factor, 1) * 49.282%) 59.02%;
  --teal-new-26: hsl(var(--teal-new-26-hsl)/1);
  --teal-new-26-hsl: 185.143 calc(var(--saturation-factor, 1) * 48.837%) 57.843%;
  --teal-new-27: hsl(var(--teal-new-27-hsl)/1);
  --teal-new-27-hsl: 185.556 calc(var(--saturation-factor, 1) * 48.649%) 56.471%;
  --teal-new-28: hsl(var(--teal-new-28-hsl)/1);
  --teal-new-28-hsl: 184.954 calc(var(--saturation-factor, 1) * 47.598%) 55.098%;
  --teal-new-29: hsl(var(--teal-new-29-hsl)/1);
  --teal-new-29-hsl: 184.821 calc(var(--saturation-factor, 1) * 47.458%) 53.725%;
  --teal-new-30: hsl(var(--teal-new-30-hsl)/1);
  --teal-new-30-hsl: 185.217 calc(var(--saturation-factor, 1) * 47.325%) 52.353%;
  --teal-new-31: hsl(var(--teal-new-31-hsl)/1);
  --teal-new-31-hsl: 184.615 calc(var(--saturation-factor, 1) * 46.614%) 50.784%;
  --teal-new-32: hsl(var(--teal-new-32-hsl)/1);
  --teal-new-32-hsl: 184.959 calc(var(--saturation-factor, 1) * 48.207%) 49.216%;
  --teal-new-33: hsl(var(--teal-new-33-hsl)/1);
  --teal-new-33-hsl: 184.839 calc(var(--saturation-factor, 1) * 50.82%) 47.843%;
  --teal-new-34: hsl(var(--teal-new-34-hsl)/1);
  --teal-new-34-hsl: 185.156 calc(var(--saturation-factor, 1) * 54.237%) 46.275%;
  --teal-new-35: hsl(var(--teal-new-35-hsl)/1);
  --teal-new-35-hsl: 184.545 calc(var(--saturation-factor, 1) * 58.407%) 44.314%;
  --teal-new-36: hsl(var(--teal-new-36-hsl)/1);
  --teal-new-36-hsl: 184.38 calc(var(--saturation-factor, 1) * 63.134%) 42.549%;
  --teal-new-37: hsl(var(--teal-new-37-hsl)/1);
  --teal-new-37-hsl: 184.615 calc(var(--saturation-factor, 1) * 69.082%) 40.588%;
  --teal-new-38: hsl(var(--teal-new-38-hsl)/1);
  --teal-new-38-hsl: 183.974 calc(var(--saturation-factor, 1) * 78.238%) 37.843%;
  --teal-new-39: hsl(var(--teal-new-39-hsl)/1);
  --teal-new-39-hsl: 183.976 calc(var(--saturation-factor, 1) * 95.402%) 34.118%;
  --teal-new-40: hsl(var(--teal-new-40-hsl)/1);
  --teal-new-40-hsl: 183.929 calc(var(--saturation-factor, 1) * 100%) 32.941%;
  --teal-new-41: hsl(var(--teal-new-41-hsl)/1);
  --teal-new-41-hsl: 183.976 calc(var(--saturation-factor, 1) * 100%) 32.549%;
  --teal-new-42: hsl(var(--teal-new-42-hsl)/1);
  --teal-new-42-hsl: 184.049 calc(var(--saturation-factor, 1) * 100%) 31.961%;
  --teal-new-43: hsl(var(--teal-new-43-hsl)/1);
  --teal-new-43-hsl: 184.099 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --teal-new-44: hsl(var(--teal-new-44-hsl)/1);
  --teal-new-44-hsl: 184.528 calc(var(--saturation-factor, 1) * 100%) 31.176%;
  --teal-new-45: hsl(var(--teal-new-45-hsl)/1);
  --teal-new-45-hsl: 184.586 calc(var(--saturation-factor, 1) * 100%) 30.784%;
  --teal-new-46: hsl(var(--teal-new-46-hsl)/1);
  --teal-new-46-hsl: 184.286 calc(var(--saturation-factor, 1) * 100%) 30.196%;
  --teal-new-47: hsl(var(--teal-new-47-hsl)/1);
  --teal-new-47-hsl: 184.371 calc(var(--saturation-factor, 1) * 100%) 29.608%;
  --teal-new-48: hsl(var(--teal-new-48-hsl)/1);
  --teal-new-48-hsl: 184.832 calc(var(--saturation-factor, 1) * 100%) 29.216%;
  --teal-new-49: hsl(var(--teal-new-49-hsl)/1);
  --teal-new-49-hsl: 184.932 calc(var(--saturation-factor, 1) * 100%) 28.627%;
  --teal-new-50: hsl(var(--teal-new-50-hsl)/1);
  --teal-new-50-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%) 28.039%;
  --teal-new-51: hsl(var(--teal-new-51-hsl)/1);
  --teal-new-51-hsl: 184.714 calc(var(--saturation-factor, 1) * 100%) 27.451%;
  --teal-new-52: hsl(var(--teal-new-52-hsl)/1);
  --teal-new-52-hsl: 184.783 calc(var(--saturation-factor, 1) * 100%) 27.059%;
  --teal-new-53: hsl(var(--teal-new-53-hsl)/1);
  --teal-new-53-hsl: 184.889 calc(var(--saturation-factor, 1) * 100%) 26.471%;
  --teal-new-54: hsl(var(--teal-new-54-hsl)/1);
  --teal-new-54-hsl: 184.545 calc(var(--saturation-factor, 1) * 100%) 25.882%;
  --teal-new-55: hsl(var(--teal-new-55-hsl)/1);
  --teal-new-55-hsl: 185.077 calc(var(--saturation-factor, 1) * 100%) 25.49%;
  --teal-new-56: hsl(var(--teal-new-56-hsl)/1);
  --teal-new-56-hsl: 184.724 calc(var(--saturation-factor, 1) * 100%) 24.902%;
  --teal-new-57: hsl(var(--teal-new-57-hsl)/1);
  --teal-new-57-hsl: 185.28 calc(var(--saturation-factor, 1) * 100%) 24.51%;
  --teal-new-58: hsl(var(--teal-new-58-hsl)/1);
  --teal-new-58-hsl: 184.918 calc(var(--saturation-factor, 1) * 100%) 23.922%;
  --teal-new-59: hsl(var(--teal-new-59-hsl)/1);
  --teal-new-59-hsl: 185.5 calc(var(--saturation-factor, 1) * 100%) 23.529%;
  --teal-new-60: hsl(var(--teal-new-60-hsl)/1);
  --teal-new-60-hsl: 185.128 calc(var(--saturation-factor, 1) * 100%) 22.941%;
  --teal-new-61: hsl(var(--teal-new-61-hsl)/1);
  --teal-new-61-hsl: 185.739 calc(var(--saturation-factor, 1) * 100%) 22.549%;
  --teal-new-62: hsl(var(--teal-new-62-hsl)/1);
  --teal-new-62-hsl: 185.357 calc(var(--saturation-factor, 1) * 100%) 21.961%;
  --teal-new-63: hsl(var(--teal-new-63-hsl)/1);
  --teal-new-63-hsl: 186 calc(var(--saturation-factor, 1) * 100%) 21.569%;
  --teal-new-64: hsl(var(--teal-new-64-hsl)/1);
  --teal-new-64-hsl: 185.607 calc(var(--saturation-factor, 1) * 100%) 20.98%;
  --teal-new-65: hsl(var(--teal-new-65-hsl)/1);
  --teal-new-65-hsl: 186.286 calc(var(--saturation-factor, 1) * 100%) 20.588%;
  --teal-new-66: hsl(var(--teal-new-66-hsl)/1);
  --teal-new-66-hsl: 185.882 calc(var(--saturation-factor, 1) * 100%) 20%;
  --teal-new-67: hsl(var(--teal-new-67-hsl)/1);
  --teal-new-67-hsl: 186.6 calc(var(--saturation-factor, 1) * 100%) 19.608%;
  --teal-new-68: hsl(var(--teal-new-68-hsl)/1);
  --teal-new-68-hsl: 186.186 calc(var(--saturation-factor, 1) * 100%) 19.02%;
  --teal-new-69: hsl(var(--teal-new-69-hsl)/1);
  --teal-new-69-hsl: 186.316 calc(var(--saturation-factor, 1) * 100%) 18.627%;
  --teal-new-70: hsl(var(--teal-new-70-hsl)/1);
  --teal-new-70-hsl: 186.522 calc(var(--saturation-factor, 1) * 100%) 18.039%;
  --teal-new-71: hsl(var(--teal-new-71-hsl)/1);
  --teal-new-71-hsl: 186.667 calc(var(--saturation-factor, 1) * 100%) 17.647%;
  --teal-new-72: hsl(var(--teal-new-72-hsl)/1);
  --teal-new-72-hsl: 186.818 calc(var(--saturation-factor, 1) * 100%) 17.255%;
  --teal-new-73: hsl(var(--teal-new-73-hsl)/1);
  --teal-new-73-hsl: 187.059 calc(var(--saturation-factor, 1) * 100%) 16.667%;
  --teal-new-74: hsl(var(--teal-new-74-hsl)/1);
  --teal-new-74-hsl: 187.229 calc(var(--saturation-factor, 1) * 100%) 16.275%;
  --teal-new-75: hsl(var(--teal-new-75-hsl)/1);
  --teal-new-75-hsl: 186.75 calc(var(--saturation-factor, 1) * 100%) 15.686%;
  --teal-new-76: hsl(var(--teal-new-76-hsl)/1);
  --teal-new-76-hsl: 187.692 calc(var(--saturation-factor, 1) * 100%) 15.294%;
  --teal-new-77: hsl(var(--teal-new-77-hsl)/1);
  --teal-new-77-hsl: 187.895 calc(var(--saturation-factor, 1) * 100%) 14.902%;
  --teal-new-78: hsl(var(--teal-new-78-hsl)/1);
  --teal-new-78-hsl: 187.397 calc(var(--saturation-factor, 1) * 100%) 14.314%;
  --teal-new-79: hsl(var(--teal-new-79-hsl)/1);
  --teal-new-79-hsl: 188.451 calc(var(--saturation-factor, 1) * 100%) 13.922%;
  --teal-new-80: hsl(var(--teal-new-80-hsl)/1);
  --teal-new-80-hsl: 188.696 calc(var(--saturation-factor, 1) * 100%) 13.529%;
  --teal-new-81: hsl(var(--teal-new-81-hsl)/1);
  --teal-new-81-hsl: 188.182 calc(var(--saturation-factor, 1) * 100%) 12.941%;
  --teal-new-82: hsl(var(--teal-new-82-hsl)/1);
  --teal-new-82-hsl: 188.438 calc(var(--saturation-factor, 1) * 100%) 12.549%;
  --teal-new-83: hsl(var(--teal-new-83-hsl)/1);
  --teal-new-83-hsl: 189.677 calc(var(--saturation-factor, 1) * 100%) 12.157%;
  --teal-new-84: hsl(var(--teal-new-84-hsl)/1);
  --teal-new-84-hsl: 189.153 calc(var(--saturation-factor, 1) * 100%) 11.569%;
  --teal-new-85: hsl(var(--teal-new-85-hsl)/1);
  --teal-new-85-hsl: 189.474 calc(var(--saturation-factor, 1) * 100%) 11.176%;
  --teal-new-86: hsl(var(--teal-new-86-hsl)/1);
  --teal-new-86-hsl: 189.818 calc(var(--saturation-factor, 1) * 100%) 10.784%;
  --teal-new-87: hsl(var(--teal-new-87-hsl)/1);
  --teal-new-87-hsl: 190.189 calc(var(--saturation-factor, 1) * 100%) 10.392%;
  --teal-new-88: hsl(var(--teal-new-88-hsl)/1);
  --teal-new-88-hsl: 190.588 calc(var(--saturation-factor, 1) * 100%) 10%;
  --teal-new-89: hsl(var(--teal-new-89-hsl)/1);
  --teal-new-89-hsl: 191.25 calc(var(--saturation-factor, 1) * 100%) 9.412%;
  --teal-new-90: hsl(var(--teal-new-90-hsl)/1);
  --teal-new-90-hsl: 191.739 calc(var(--saturation-factor, 1) * 100%) 9.02%;
  --teal-new-91: hsl(var(--teal-new-91-hsl)/1);
  --teal-new-91-hsl: 192.273 calc(var(--saturation-factor, 1) * 100%) 8.627%;
  --teal-new-92: hsl(var(--teal-new-92-hsl)/1);
  --teal-new-92-hsl: 192.857 calc(var(--saturation-factor, 1) * 100%) 8.235%;
  --teal-new-93: hsl(var(--teal-new-93-hsl)/1);
  --teal-new-93-hsl: 193.5 calc(var(--saturation-factor, 1) * 100%) 7.843%;
  --teal-new-94: hsl(var(--teal-new-94-hsl)/1);
  --teal-new-94-hsl: 194.211 calc(var(--saturation-factor, 1) * 100%) 7.451%;
  --teal-new-95: hsl(var(--teal-new-95-hsl)/1);
  --teal-new-95-hsl: 195 calc(var(--saturation-factor, 1) * 100%) 7.059%;
  --teal-new-96: hsl(var(--teal-new-96-hsl)/1);
  --teal-new-96-hsl: 194.545 calc(var(--saturation-factor, 1) * 100%) 6.471%;
  --teal-new-97: hsl(var(--teal-new-97-hsl)/1);
  --teal-new-97-hsl: 197.419 calc(var(--saturation-factor, 1) * 100%) 6.078%;
  --teal-new-98: hsl(var(--teal-new-98-hsl)/1);
  --teal-new-98-hsl: 197.143 calc(var(--saturation-factor, 1) * 100%) 5.49%;
  --teal-new-99: hsl(var(--teal-new-99-hsl)/1);
  --teal-new-99-hsl: 199.2 calc(var(--saturation-factor, 1) * 100%) 4.902%;
  --teal-new-100: hsl(var(--teal-new-100-hsl)/1);
  --teal-new-100-hsl: 204.545 calc(var(--saturation-factor, 1) * 100%) 4.314%;
  --yellow-new-1: hsl(var(--yellow-new-1-hsl)/1);
  --yellow-new-1-hsl: 30 calc(var(--saturation-factor, 1) * 100%) 90.588%;
  --yellow-new-2: hsl(var(--yellow-new-2-hsl)/1);
  --yellow-new-2-hsl: 31.698 calc(var(--saturation-factor, 1) * 100%) 89.608%;
  --yellow-new-3: hsl(var(--yellow-new-3-hsl)/1);
  --yellow-new-3-hsl: 33.559 calc(var(--saturation-factor, 1) * 100%) 88.431%;
  --yellow-new-4: hsl(var(--yellow-new-4-hsl)/1);
  --yellow-new-4-hsl: 34.688 calc(var(--saturation-factor, 1) * 100%) 87.451%;
  --yellow-new-5: hsl(var(--yellow-new-5-hsl)/1);
  --yellow-new-5-hsl: 34.783 calc(var(--saturation-factor, 1) * 100%) 86.471%;
  --yellow-new-6: hsl(var(--yellow-new-6-hsl)/1);
  --yellow-new-6-hsl: 35.676 calc(var(--saturation-factor, 1) * 100%) 85.49%;
  --yellow-new-7: hsl(var(--yellow-new-7-hsl)/1);
  --yellow-new-7-hsl: 36.456 calc(var(--saturation-factor, 1) * 100%) 84.51%;
  --yellow-new-8: hsl(var(--yellow-new-8-hsl)/1);
  --yellow-new-8-hsl: 36.429 calc(var(--saturation-factor, 1) * 100%) 83.529%;
  --yellow-new-9: hsl(var(--yellow-new-9-hsl)/1);
  --yellow-new-9-hsl: 37.079 calc(var(--saturation-factor, 1) * 100%) 82.549%;
  --yellow-new-10: hsl(var(--yellow-new-10-hsl)/1);
  --yellow-new-10-hsl: 37.66 calc(var(--saturation-factor, 1) * 100%) 81.569%;
  --yellow-new-11: hsl(var(--yellow-new-11-hsl)/1);
  --yellow-new-11-hsl: 37.347 calc(var(--saturation-factor, 1) * 100%) 80.784%;
  --yellow-new-12: hsl(var(--yellow-new-12-hsl)/1);
  --yellow-new-12-hsl: 37.864 calc(var(--saturation-factor, 1) * 100%) 79.804%;
  --yellow-new-13: hsl(var(--yellow-new-13-hsl)/1);
  --yellow-new-13-hsl: 38.131 calc(var(--saturation-factor, 1) * 100%) 79.02%;
  --yellow-new-14: hsl(var(--yellow-new-14-hsl)/1);
  --yellow-new-14-hsl: 38.036 calc(var(--saturation-factor, 1) * 100%) 78.039%;
  --yellow-new-15: hsl(var(--yellow-new-15-hsl)/1);
  --yellow-new-15-hsl: 38.276 calc(var(--saturation-factor, 1) * 100%) 77.255%;
  --yellow-new-16: hsl(var(--yellow-new-16-hsl)/1);
  --yellow-new-16-hsl: 38.5 calc(var(--saturation-factor, 1) * 100%) 76.471%;
  --yellow-new-17: hsl(var(--yellow-new-17-hsl)/1);
  --yellow-new-17-hsl: 38.4 calc(var(--saturation-factor, 1) * 100%) 75.49%;
  --yellow-new-18: hsl(var(--yellow-new-18-hsl)/1);
  --yellow-new-18-hsl: 38.605 calc(var(--saturation-factor, 1) * 100%) 74.706%;
  --yellow-new-19: hsl(var(--yellow-new-19-hsl)/1);
  --yellow-new-19-hsl: 38.797 calc(var(--saturation-factor, 1) * 100%) 73.922%;
  --yellow-new-20: hsl(var(--yellow-new-20-hsl)/1);
  --yellow-new-20-hsl: 38.54 calc(var(--saturation-factor, 1) * 100%) 73.137%;
  --yellow-new-21: hsl(var(--yellow-new-21-hsl)/1);
  --yellow-new-21-hsl: 38.723 calc(var(--saturation-factor, 1) * 100%) 72.353%;
  --yellow-new-22: hsl(var(--yellow-new-22-hsl)/1);
  --yellow-new-22-hsl: 38.483 calc(var(--saturation-factor, 1) * 100%) 71.569%;
  --yellow-new-23: hsl(var(--yellow-new-23-hsl)/1);
  --yellow-new-23-hsl: 38.658 calc(var(--saturation-factor, 1) * 100%) 70.784%;
  --yellow-new-24: hsl(var(--yellow-new-24-hsl)/1);
  --yellow-new-24-hsl: 38.824 calc(var(--saturation-factor, 1) * 100%) 70%;
  --yellow-new-25: hsl(var(--yellow-new-25-hsl)/1);
  --yellow-new-25-hsl: 38.599 calc(var(--saturation-factor, 1) * 100%) 69.216%;
  --yellow-new-26: hsl(var(--yellow-new-26-hsl)/1);
  --yellow-new-26-hsl: 38.758 calc(var(--saturation-factor, 1) * 100%) 68.431%;
  --yellow-new-27: hsl(var(--yellow-new-27-hsl)/1);
  --yellow-new-27-hsl: 38.545 calc(var(--saturation-factor, 1) * 100%) 67.647%;
  --yellow-new-28: hsl(var(--yellow-new-28-hsl)/1);
  --yellow-new-28-hsl: 38.698 calc(var(--saturation-factor, 1) * 100%) 66.863%;
  --yellow-new-29: hsl(var(--yellow-new-29-hsl)/1);
  --yellow-new-29-hsl: 38.844 calc(var(--saturation-factor, 1) * 100%) 66.078%;
  --yellow-new-30: hsl(var(--yellow-new-30-hsl)/1);
  --yellow-new-30-hsl: 38.644 calc(var(--saturation-factor, 1) * 100%) 65.294%;
  --yellow-new-31: hsl(var(--yellow-new-31-hsl)/1);
  --yellow-new-31-hsl: 38.785 calc(var(--saturation-factor, 1) * 100%) 64.51%;
  --yellow-new-32: hsl(var(--yellow-new-32-hsl)/1);
  --yellow-new-32-hsl: 38.919 calc(var(--saturation-factor, 1) * 98.93%) 63.333%;
  --yellow-new-33: hsl(var(--yellow-new-33-hsl)/1);
  --yellow-new-33-hsl: 39.048 calc(var(--saturation-factor, 1) * 98.953%)
    62.549%;
  --yellow-new-34: hsl(var(--yellow-new-34-hsl)/1);
  --yellow-new-34-hsl: 38.86 calc(var(--saturation-factor, 1) * 98.974%) 61.765%;
  --yellow-new-35: hsl(var(--yellow-new-35-hsl)/1);
  --yellow-new-35-hsl: 39.289 calc(var(--saturation-factor, 1) * 98.01%) 60.588%;
  --yellow-new-36: hsl(var(--yellow-new-36-hsl)/1);
  --yellow-new-36-hsl: 39.505 calc(var(--saturation-factor, 1) * 98.058%)
    59.608%;
  --yellow-new-37: hsl(var(--yellow-new-37-hsl)/1);
  --yellow-new-37-hsl: 39.42 calc(var(--saturation-factor, 1) * 98.104%) 58.627%;
  --yellow-new-38: hsl(var(--yellow-new-38-hsl)/1);
  --yellow-new-38-hsl: 39.81 calc(var(--saturation-factor, 1) * 97.235%) 57.451%;
  --yellow-new-39: hsl(var(--yellow-new-39-hsl)/1);
  --yellow-new-39-hsl: 39.816 calc(var(--saturation-factor, 1) * 97.309%)
    56.275%;
  --yellow-new-40: hsl(var(--yellow-new-40-hsl)/1);
  --yellow-new-40-hsl: 40.179 calc(var(--saturation-factor, 1) * 97.391%)
    54.902%;
  --yellow-new-41: hsl(var(--yellow-new-41-hsl)/1);
  --yellow-new-41-hsl: 40.345 calc(var(--saturation-factor, 1) * 97.479%)
    53.333%;
  --yellow-new-42: hsl(var(--yellow-new-42-hsl)/1);
  --yellow-new-42-hsl: 41.311 calc(var(--saturation-factor, 1) * 96.825%)
    50.588%;
  --yellow-new-43: hsl(var(--yellow-new-43-hsl)/1);
  --yellow-new-43-hsl: 41.355 calc(var(--saturation-factor, 1) * 100%) 49.216%;
  --yellow-new-44: hsl(var(--yellow-new-44-hsl)/1);
  --yellow-new-44-hsl: 41.116 calc(var(--saturation-factor, 1) * 100%) 49.216%;
  --yellow-new-45: hsl(var(--yellow-new-45-hsl)/1);
  --yellow-new-45-hsl: 40.8 calc(var(--saturation-factor, 1) * 100%) 49.02%;
  --yellow-new-46: hsl(var(--yellow-new-46-hsl)/1);
  --yellow-new-46-hsl: 40.56 calc(var(--saturation-factor, 1) * 100%) 49.02%;
  --yellow-new-47: hsl(var(--yellow-new-47-hsl)/1);
  --yellow-new-47-hsl: 40.241 calc(var(--saturation-factor, 1) * 100%) 48.824%;
  --yellow-new-48: hsl(var(--yellow-new-48-hsl)/1);
  --yellow-new-48-hsl: 40 calc(var(--saturation-factor, 1) * 100%) 48.824%;
  --yellow-new-49: hsl(var(--yellow-new-49-hsl)/1);
  --yellow-new-49-hsl: 39.518 calc(var(--saturation-factor, 1) * 100%) 48.824%;
  --yellow-new-50: hsl(var(--yellow-new-50-hsl)/1);
  --yellow-new-50-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%) 48.627%;
  --yellow-new-51: hsl(var(--yellow-new-51-hsl)/1);
  --yellow-new-51-hsl: 39.098 calc(var(--saturation-factor, 1) * 100%) 47.843%;
  --yellow-new-52: hsl(var(--yellow-new-52-hsl)/1);
  --yellow-new-52-hsl: 38.912 calc(var(--saturation-factor, 1) * 100%) 46.863%;
  --yellow-new-53: hsl(var(--yellow-new-53-hsl)/1);
  --yellow-new-53-hsl: 38.974 calc(var(--saturation-factor, 1) * 100%) 45.882%;
  --yellow-new-54: hsl(var(--yellow-new-54-hsl)/1);
  --yellow-new-54-hsl: 38.777 calc(var(--saturation-factor, 1) * 100%) 44.902%;
  --yellow-new-55: hsl(var(--yellow-new-55-hsl)/1);
  --yellow-new-55-hsl: 38.571 calc(var(--saturation-factor, 1) * 100%) 43.922%;
  --yellow-new-56: hsl(var(--yellow-new-56-hsl)/1);
  --yellow-new-56-hsl: 38.455 calc(var(--saturation-factor, 1) * 100%) 43.137%;
  --yellow-new-57: hsl(var(--yellow-new-57-hsl)/1);
  --yellow-new-57-hsl: 38.233 calc(var(--saturation-factor, 1) * 100%) 42.157%;
  --yellow-new-58: hsl(var(--yellow-new-58-hsl)/1);
  --yellow-new-58-hsl: 38 calc(var(--saturation-factor, 1) * 100%) 41.176%;
  --yellow-new-59: hsl(var(--yellow-new-59-hsl)/1);
  --yellow-new-59-hsl: 37.573 calc(var(--saturation-factor, 1) * 100%) 40.392%;
  --yellow-new-60: hsl(var(--yellow-new-60-hsl)/1);
  --yellow-new-60-hsl: 37.612 calc(var(--saturation-factor, 1) * 100%) 39.412%;
  --yellow-new-61: hsl(var(--yellow-new-61-hsl)/1);
  --yellow-new-61-hsl: 37.347 calc(var(--saturation-factor, 1) * 100%) 38.431%;
  --yellow-new-62: hsl(var(--yellow-new-62-hsl)/1);
  --yellow-new-62-hsl: 36.875 calc(var(--saturation-factor, 1) * 100%) 37.647%;
  --yellow-new-63: hsl(var(--yellow-new-63-hsl)/1);
  --yellow-new-63-hsl: 36.898 calc(var(--saturation-factor, 1) * 100%) 36.667%;
  --yellow-new-64: hsl(var(--yellow-new-64-hsl)/1);
  --yellow-new-64-hsl: 36.393 calc(var(--saturation-factor, 1) * 100%) 35.882%;
  --yellow-new-65: hsl(var(--yellow-new-65-hsl)/1);
  --yellow-new-65-hsl: 36.201 calc(var(--saturation-factor, 1) * 100%) 35.098%;
  --yellow-new-66: hsl(var(--yellow-new-66-hsl)/1);
  --yellow-new-66-hsl: 35.862 calc(var(--saturation-factor, 1) * 100%) 34.118%;
  --yellow-new-67: hsl(var(--yellow-new-67-hsl)/1);
  --yellow-new-67-hsl: 35.294 calc(var(--saturation-factor, 1) * 100%) 33.333%;
  --yellow-new-68: hsl(var(--yellow-new-68-hsl)/1);
  --yellow-new-68-hsl: 35.273 calc(var(--saturation-factor, 1) * 100%) 32.353%;
  --yellow-new-69: hsl(var(--yellow-new-69-hsl)/1);
  --yellow-new-69-hsl: 34.658 calc(var(--saturation-factor, 1) * 100%) 31.569%;
  --yellow-new-70: hsl(var(--yellow-new-70-hsl)/1);
  --yellow-new-70-hsl: 34.395 calc(var(--saturation-factor, 1) * 100%) 30.784%;
  --yellow-new-71: hsl(var(--yellow-new-71-hsl)/1);
  --yellow-new-71-hsl: 33.725 calc(var(--saturation-factor, 1) * 100%) 30%;
  --yellow-new-72: hsl(var(--yellow-new-72-hsl)/1);
  --yellow-new-72-hsl: 33.649 calc(var(--saturation-factor, 1) * 100%) 29.02%;
  --yellow-new-73: hsl(var(--yellow-new-73-hsl)/1);
  --yellow-new-73-hsl: 32.917 calc(var(--saturation-factor, 1) * 100%) 28.235%;
  --yellow-new-74: hsl(var(--yellow-new-74-hsl)/1);
  --yellow-new-74-hsl: 32.571 calc(var(--saturation-factor, 1) * 100%) 27.451%;
  --yellow-new-75: hsl(var(--yellow-new-75-hsl)/1);
  --yellow-new-75-hsl: 31.765 calc(var(--saturation-factor, 1) * 100%) 26.667%;
  --yellow-new-76: hsl(var(--yellow-new-76-hsl)/1);
  --yellow-new-76-hsl: 31.603 calc(var(--saturation-factor, 1) * 100%) 25.686%;
  --yellow-new-77: hsl(var(--yellow-new-77-hsl)/1);
  --yellow-new-77-hsl: 30.709 calc(var(--saturation-factor, 1) * 100%) 24.902%;
  --yellow-new-78: hsl(var(--yellow-new-78-hsl)/1);
  --yellow-new-78-hsl: 30.244 calc(var(--saturation-factor, 1) * 100%) 24.118%;
  --yellow-new-79: hsl(var(--yellow-new-79-hsl)/1);
  --yellow-new-79-hsl: 29.748 calc(var(--saturation-factor, 1) * 100%) 23.333%;
  --yellow-new-80: hsl(var(--yellow-new-80-hsl)/1);
  --yellow-new-80-hsl: 28.696 calc(var(--saturation-factor, 1) * 100%) 22.549%;
  --yellow-new-81: hsl(var(--yellow-new-81-hsl)/1);
  --yellow-new-81-hsl: 28.108 calc(var(--saturation-factor, 1) * 100%) 21.765%;
  --yellow-new-82: hsl(var(--yellow-new-82-hsl)/1);
  --yellow-new-82-hsl: 27.477 calc(var(--saturation-factor, 1) * 100%) 20.98%;
  --yellow-new-83: hsl(var(--yellow-new-83-hsl)/1);
  --yellow-new-83-hsl: 26.214 calc(var(--saturation-factor, 1) * 100%) 20.196%;
  --yellow-new-84: hsl(var(--yellow-new-84-hsl)/1);
  --yellow-new-84-hsl: 25.714 calc(var(--saturation-factor, 1) * 100%) 19.216%;
  --yellow-new-85: hsl(var(--yellow-new-85-hsl)/1);
  --yellow-new-85-hsl: 24.894 calc(var(--saturation-factor, 1) * 100%) 18.431%;
  --yellow-new-86: hsl(var(--yellow-new-86-hsl)/1);
  --yellow-new-86-hsl: 24 calc(var(--saturation-factor, 1) * 100%) 17.647%;
  --yellow-new-87: hsl(var(--yellow-new-87-hsl)/1);
  --yellow-new-87-hsl: 22.326 calc(var(--saturation-factor, 1) * 100%) 16.863%;
  --yellow-new-88: hsl(var(--yellow-new-88-hsl)/1);
  --yellow-new-88-hsl: 21.22 calc(var(--saturation-factor, 1) * 100%) 16.078%;
  --yellow-new-89: hsl(var(--yellow-new-89-hsl)/1);
  --yellow-new-89-hsl: 19.747 calc(var(--saturation-factor, 1) * 100%) 15.49%;
  --yellow-new-90: hsl(var(--yellow-new-90-hsl)/1);
  --yellow-new-90-hsl: 18.4 calc(var(--saturation-factor, 1) * 100%) 14.706%;
  --yellow-new-91: hsl(var(--yellow-new-91-hsl)/1);
  --yellow-new-91-hsl: 16.056 calc(var(--saturation-factor, 1) * 100%) 13.922%;
  --yellow-new-92: hsl(var(--yellow-new-92-hsl)/1);
  --yellow-new-92-hsl: 14.328 calc(var(--saturation-factor, 1) * 100%) 13.137%;
  --yellow-new-93: hsl(var(--yellow-new-93-hsl)/1);
  --yellow-new-93-hsl: 12.381 calc(var(--saturation-factor, 1) * 100%) 12.353%;
  --yellow-new-94: hsl(var(--yellow-new-94-hsl)/1);
  --yellow-new-94-hsl: 9.153 calc(var(--saturation-factor, 1) * 100%) 11.569%;
  --yellow-new-95: hsl(var(--yellow-new-95-hsl)/1);
  --yellow-new-95-hsl: 6.545 calc(var(--saturation-factor, 1) * 100%) 10.784%;
  --yellow-new-96: hsl(var(--yellow-new-96-hsl)/1);
  --yellow-new-96-hsl: 4.706 calc(var(--saturation-factor, 1) * 100%) 10%;
  --yellow-new-97: hsl(var(--yellow-new-97-hsl)/1);
  --yellow-new-97-hsl: 1.277 calc(var(--saturation-factor, 1) * 100%) 9.216%;
  --yellow-new-98: hsl(var(--yellow-new-98-hsl)/1);
  --yellow-new-98-hsl: 0 calc(var(--saturation-factor, 1) * 100%) 8.235%;
  --yellow-new-99: hsl(var(--yellow-new-99-hsl)/1);
  --yellow-new-99-hsl: 0 calc(var(--saturation-factor, 1) * 100%) 7.059%;
  --yellow-new-100: hsl(var(--yellow-new-100-hsl)/1);
  --yellow-new-100-hsl: 0 calc(var(--saturation-factor, 1) * 100%) 5.294%;
  --orange-new-1: hsl(var(--orange-new-1-hsl)/1);
  --orange-new-1-hsl: 15.789 calc(var(--saturation-factor, 1) * 100%) 92.549%;
  --orange-new-2: hsl(var(--orange-new-2-hsl)/1);
  --orange-new-2-hsl: 17.727 calc(var(--saturation-factor, 1) * 100%) 91.373%;
  --orange-new-3: hsl(var(--orange-new-3-hsl)/1);
  --orange-new-3-hsl: 17.143 calc(var(--saturation-factor, 1) * 100%) 90.392%;
  --orange-new-4: hsl(var(--orange-new-4-hsl)/1);
  --orange-new-4-hsl: 17.778 calc(var(--saturation-factor, 1) * 100%) 89.412%;
  --orange-new-5: hsl(var(--orange-new-5-hsl)/1);
  --orange-new-5-hsl: 19 calc(var(--saturation-factor, 1) * 100%) 88.235%;
  --orange-new-6: hsl(var(--orange-new-6-hsl)/1);
  --orange-new-6-hsl: 19.385 calc(var(--saturation-factor, 1) * 100%) 87.255%;
  --orange-new-7: hsl(var(--orange-new-7-hsl)/1);
  --orange-new-7-hsl: 19.714 calc(var(--saturation-factor, 1) * 100%) 86.275%;
  --orange-new-8: hsl(var(--orange-new-8-hsl)/1);
  --orange-new-8-hsl: 20 calc(var(--saturation-factor, 1) * 100%) 85.294%;
  --orange-new-9: hsl(var(--orange-new-9-hsl)/1);
  --orange-new-9-hsl: 20.506 calc(var(--saturation-factor, 1) * 97.531%) 84.118%;
  --orange-new-10: hsl(var(--orange-new-10-hsl)/1);
  --orange-new-10-hsl: 20.241 calc(var(--saturation-factor, 1) * 95.402%)
    82.941%;
  --orange-new-11: hsl(var(--orange-new-11-hsl)/1);
  --orange-new-11-hsl: 20.455 calc(var(--saturation-factor, 1) * 95.652%)
    81.961%;
  --orange-new-12: hsl(var(--orange-new-12-hsl)/1);
  --orange-new-12-hsl: 20.44 calc(var(--saturation-factor, 1) * 93.814%) 80.98%;
  --orange-new-13: hsl(var(--orange-new-13-hsl)/1);
  --orange-new-13-hsl: 21.064 calc(var(--saturation-factor, 1) * 90.385%)
    79.608%;
  --orange-new-14: hsl(var(--orange-new-14-hsl)/1);
  --orange-new-14-hsl: 21.429 calc(var(--saturation-factor, 1) * 89.091%)
    78.431%;
  --orange-new-15: hsl(var(--orange-new-15-hsl)/1);
  --orange-new-15-hsl: 21.386 calc(var(--saturation-factor, 1) * 87.826%)
    77.451%;
  --orange-new-16: hsl(var(--orange-new-16-hsl)/1);
  --orange-new-16-hsl: 21.714 calc(var(--saturation-factor, 1) * 86.777%)
    76.275%;
  --orange-new-17: hsl(var(--orange-new-17-hsl)/1);
  --orange-new-17-hsl: 21.667 calc(var(--saturation-factor, 1) * 85.714%)
    75.294%;
  --orange-new-18: hsl(var(--orange-new-18-hsl)/1);
  --orange-new-18-hsl: 21.622 calc(var(--saturation-factor, 1) * 84.733%)
    74.314%;
  --orange-new-19: hsl(var(--orange-new-19-hsl)/1);
  --orange-new-19-hsl: 22.105 calc(var(--saturation-factor, 1) * 82.609%)
    72.941%;
  --orange-new-20: hsl(var(--orange-new-20-hsl)/1);
  --orange-new-20-hsl: 22.051 calc(var(--saturation-factor, 1) * 81.818%)
    71.961%;
  --orange-new-21: hsl(var(--orange-new-21-hsl)/1);
  --orange-new-21-hsl: 22 calc(var(--saturation-factor, 1) * 81.081%) 70.98%;
  --orange-new-22: hsl(var(--orange-new-22-hsl)/1);
  --orange-new-22-hsl: 22.131 calc(var(--saturation-factor, 1) * 79.221%)
    69.804%;
  --orange-new-23: hsl(var(--orange-new-23-hsl)/1);
  --orange-new-23-hsl: 22.08 calc(var(--saturation-factor, 1) * 78.616%) 68.824%;
  --orange-new-24: hsl(var(--orange-new-24-hsl)/1);
  --orange-new-24-hsl: 22.205 calc(var(--saturation-factor, 1) * 76.97%) 67.647%;
  --orange-new-25: hsl(var(--orange-new-25-hsl)/1);
  --orange-new-25-hsl: 22.154 calc(var(--saturation-factor, 1) * 76.471%)
    66.667%;
  --orange-new-26: hsl(var(--orange-new-26-hsl)/1);
  --orange-new-26-hsl: 22.273 calc(var(--saturation-factor, 1) * 75%) 65.49%;
  --orange-new-27: hsl(var(--orange-new-27-hsl)/1);
  --orange-new-27-hsl: 22.222 calc(var(--saturation-factor, 1) * 74.586%) 64.51%;
  --orange-new-28: hsl(var(--orange-new-28-hsl)/1);
  --orange-new-28-hsl: 22.336 calc(var(--saturation-factor, 1) * 73.262%)
    63.333%;
  --orange-new-29: hsl(var(--orange-new-29-hsl)/1);
  --orange-new-29-hsl: 22.174 calc(var(--saturation-factor, 1) * 71.875%)
    62.353%;
  --orange-new-30: hsl(var(--orange-new-30-hsl)/1);
  --orange-new-30-hsl: 22.128 calc(var(--saturation-factor, 1) * 71.574%)
    61.373%;
  --orange-new-31: hsl(var(--orange-new-31-hsl)/1);
  --orange-new-31-hsl: 22.238 calc(var(--saturation-factor, 1) * 70.443%)
    60.196%;
  --orange-new-32: hsl(var(--orange-new-32-hsl)/1);
  --orange-new-32-hsl: 22.345 calc(var(--saturation-factor, 1) * 69.378%) 59.02%;
  --orange-new-33: hsl(var(--orange-new-33-hsl)/1);
  --orange-new-33-hsl: 22.041 calc(var(--saturation-factor, 1) * 69.014%)
    58.235%;
  --orange-new-34: hsl(var(--orange-new-34-hsl)/1);
  --orange-new-34-hsl: 22.148 calc(var(--saturation-factor, 1) * 68.037%)
    57.059%;
  --orange-new-35: hsl(var(--orange-new-35-hsl)/1);
  --orange-new-35-hsl: 22.252 calc(var(--saturation-factor, 1) * 67.111%)
    55.882%;
  --orange-new-36: hsl(var(--orange-new-36-hsl)/1);
  --orange-new-36-hsl: 22.353 calc(var(--saturation-factor, 1) * 66.234%)
    54.706%;
  --orange-new-37: hsl(var(--orange-new-37-hsl)/1);
  --orange-new-37-hsl: 22.208 calc(var(--saturation-factor, 1) * 65.254%)
    53.725%;
  --orange-new-38: hsl(var(--orange-new-38-hsl)/1);
  --orange-new-38-hsl: 22.166 calc(var(--saturation-factor, 1) * 65.145%)
    52.745%;
  --orange-new-39: hsl(var(--orange-new-39-hsl)/1);
  --orange-new-39-hsl: 22.264 calc(var(--saturation-factor, 1) * 64.372%)
    51.569%;
  --orange-new-40: hsl(var(--orange-new-40-hsl)/1);
  --orange-new-40-hsl: 22.125 calc(var(--saturation-factor, 1) * 63.492%)
    50.588%;
  --orange-new-41: hsl(var(--orange-new-41-hsl)/1);
  --orange-new-41-hsl: 22.222 calc(var(--saturation-factor, 1) * 64.286%)
    49.412%;
  --orange-new-42: hsl(var(--orange-new-42-hsl)/1);
  --orange-new-42-hsl: 22.683 calc(var(--saturation-factor, 1) * 66.667%)
    48.235%;
  --orange-new-43: hsl(var(--orange-new-43-hsl)/1);
  --orange-new-43-hsl: 22.771 calc(var(--saturation-factor, 1) * 69.167%)
    47.059%;
  --orange-new-44: hsl(var(--orange-new-44-hsl)/1);
  --orange-new-44-hsl: 22.857 calc(var(--saturation-factor, 1) * 71.795%)
    45.882%;
  --orange-new-45: hsl(var(--orange-new-45-hsl)/1);
  --orange-new-45-hsl: 22.941 calc(var(--saturation-factor, 1) * 74.561%)
    44.706%;
  --orange-new-46: hsl(var(--orange-new-46-hsl)/1);
  --orange-new-46-hsl: 23.237 calc(var(--saturation-factor, 1) * 78.281%)
    43.333%;
  --orange-new-47: hsl(var(--orange-new-47-hsl)/1);
  --orange-new-47-hsl: 23.523 calc(var(--saturation-factor, 1) * 82.243%)
    41.961%;
  --orange-new-48: hsl(var(--orange-new-48-hsl)/1);
  --orange-new-48-hsl: 24 calc(var(--saturation-factor, 1) * 87.379%) 40.392%;
  --orange-new-49: hsl(var(--orange-new-49-hsl)/1);
  --orange-new-49-hsl: 24.649 calc(var(--saturation-factor, 1) * 93.909%)
    38.627%;
  --orange-new-50: hsl(var(--orange-new-50-hsl)/1);
  --orange-new-50-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%) 37.059%;
  --orange-new-51: hsl(var(--orange-new-51-hsl)/1);
  --orange-new-51-hsl: 24.783 calc(var(--saturation-factor, 1) * 98.925%)
    36.471%;
  --orange-new-52: hsl(var(--orange-new-52-hsl)/1);
  --orange-new-52-hsl: 24.333 calc(var(--saturation-factor, 1) * 97.826%)
    36.078%;
  --orange-new-53: hsl(var(--orange-new-53-hsl)/1);
  --orange-new-53-hsl: 24.343 calc(var(--saturation-factor, 1) * 96.685%) 35.49%;
  --orange-new-54: hsl(var(--orange-new-54-hsl)/1);
  --orange-new-54-hsl: 24.07 calc(var(--saturation-factor, 1) * 96.629%) 34.902%;
  --orange-new-55: hsl(var(--orange-new-55-hsl)/1);
  --orange-new-55-hsl: 23.713 calc(var(--saturation-factor, 1) * 95.429%)
    34.314%;
  --orange-new-56: hsl(var(--orange-new-56-hsl)/1);
  --orange-new-56-hsl: 23.558 calc(var(--saturation-factor, 1) * 95.322%)
    33.529%;
  --orange-new-57: hsl(var(--orange-new-57-hsl)/1);
  --orange-new-57-hsl: 23.625 calc(var(--saturation-factor, 1) * 95.238%)
    32.941%;
  --orange-new-58: hsl(var(--orange-new-58-hsl)/1);
  --orange-new-58-hsl: 23.312 calc(var(--saturation-factor, 1) * 95.152%)
    32.353%;
  --orange-new-59: hsl(var(--orange-new-59-hsl)/1);
  --orange-new-59-hsl: 23.137 calc(var(--saturation-factor, 1) * 95.031%)
    31.569%;
  --orange-new-60: hsl(var(--orange-new-60-hsl)/1);
  --orange-new-60-hsl: 23.046 calc(var(--saturation-factor, 1) * 96.178%)
    30.784%;
  --orange-new-61: hsl(var(--orange-new-61-hsl)/1);
  --orange-new-61-hsl: 22.857 calc(var(--saturation-factor, 1) * 96.078%) 30%;
  --orange-new-62: hsl(var(--orange-new-62-hsl)/1);
  --orange-new-62-hsl: 22.917 calc(var(--saturation-factor, 1) * 96%) 29.412%;
  --orange-new-63: hsl(var(--orange-new-63-hsl)/1);
  --orange-new-63-hsl: 22.817 calc(var(--saturation-factor, 1) * 97.26%) 28.627%;
  --orange-new-64: hsl(var(--orange-new-64-hsl)/1);
  --orange-new-64-hsl: 22.446 calc(var(--saturation-factor, 1) * 97.203%)
    28.039%;
  --orange-new-65: hsl(var(--orange-new-65-hsl)/1);
  --orange-new-65-hsl: 22.5 calc(var(--saturation-factor, 1) * 98.551%) 27.059%;
  --orange-new-66: hsl(var(--orange-new-66-hsl)/1);
  --orange-new-66-hsl: 22.105 calc(var(--saturation-factor, 1) * 98.519%)
    26.471%;
  --orange-new-67: hsl(var(--orange-new-67-hsl)/1);
  --orange-new-67-hsl: 22.443 calc(var(--saturation-factor, 1) * 100%) 25.686%;
  --orange-new-68: hsl(var(--orange-new-68-hsl)/1);
  --orange-new-68-hsl: 22.031 calc(var(--saturation-factor, 1) * 100%) 25.098%;
  --orange-new-69: hsl(var(--orange-new-69-hsl)/1);
  --orange-new-69-hsl: 21.6 calc(var(--saturation-factor, 1) * 100%) 24.51%;
  --orange-new-70: hsl(var(--orange-new-70-hsl)/1);
  --orange-new-70-hsl: 21.322 calc(var(--saturation-factor, 1) * 100%) 23.725%;
  --orange-new-71: hsl(var(--orange-new-71-hsl)/1);
  --orange-new-71-hsl: 20.847 calc(var(--saturation-factor, 1) * 100%) 23.137%;
  --orange-new-72: hsl(var(--orange-new-72-hsl)/1);
  --orange-new-72-hsl: 20.348 calc(var(--saturation-factor, 1) * 100%) 22.549%;
  --orange-new-73: hsl(var(--orange-new-73-hsl)/1);
  --orange-new-73-hsl: 20.357 calc(var(--saturation-factor, 1) * 100%) 21.961%;
  --orange-new-74: hsl(var(--orange-new-74-hsl)/1);
  --orange-new-74-hsl: 19.817 calc(var(--saturation-factor, 1) * 100%) 21.373%;
  --orange-new-75: hsl(var(--orange-new-75-hsl)/1);
  --orange-new-75-hsl: 19.245 calc(var(--saturation-factor, 1) * 100%) 20.784%;
  --orange-new-76: hsl(var(--orange-new-76-hsl)/1);
  --orange-new-76-hsl: 18.641 calc(var(--saturation-factor, 1) * 100%) 20.196%;
  --orange-new-77: hsl(var(--orange-new-77-hsl)/1);
  --orange-new-77-hsl: 18 calc(var(--saturation-factor, 1) * 100%) 19.608%;
  --orange-new-78: hsl(var(--orange-new-78-hsl)/1);
  --orange-new-78-hsl: 17.32 calc(var(--saturation-factor, 1) * 100%) 19.02%;
  --orange-new-79: hsl(var(--orange-new-79-hsl)/1);
  --orange-new-79-hsl: 16.596 calc(var(--saturation-factor, 1) * 100%) 18.431%;
  --orange-new-80: hsl(var(--orange-new-80-hsl)/1);
  --orange-new-80-hsl: 16.484 calc(var(--saturation-factor, 1) * 100%) 17.843%;
  --orange-new-81: hsl(var(--orange-new-81-hsl)/1);
  --orange-new-81-hsl: 15.682 calc(var(--saturation-factor, 1) * 100%) 17.255%;
  --orange-new-82: hsl(var(--orange-new-82-hsl)/1);
  --orange-new-82-hsl: 14.824 calc(var(--saturation-factor, 1) * 100%) 16.667%;
  --orange-new-83: hsl(var(--orange-new-83-hsl)/1);
  --orange-new-83-hsl: 13.735 calc(var(--saturation-factor, 1) * 100%) 16.275%;
  --orange-new-84: hsl(var(--orange-new-84-hsl)/1);
  --orange-new-84-hsl: 12.75 calc(var(--saturation-factor, 1) * 100%) 15.686%;
  --orange-new-85: hsl(var(--orange-new-85-hsl)/1);
  --orange-new-85-hsl: 11.688 calc(var(--saturation-factor, 1) * 100%) 15.098%;
  --orange-new-86: hsl(var(--orange-new-86-hsl)/1);
  --orange-new-86-hsl: 10.541 calc(var(--saturation-factor, 1) * 100%) 14.51%;
  --orange-new-87: hsl(var(--orange-new-87-hsl)/1);
  --orange-new-87-hsl: 9.296 calc(var(--saturation-factor, 1) * 100%) 13.922%;
  --orange-new-88: hsl(var(--orange-new-88-hsl)/1);
  --orange-new-88-hsl: 7.941 calc(var(--saturation-factor, 1) * 100%) 13.333%;
  --orange-new-89: hsl(var(--orange-new-89-hsl)/1);
  --orange-new-89-hsl: 7.273 calc(var(--saturation-factor, 1) * 100%) 12.941%;
  --orange-new-90: hsl(var(--orange-new-90-hsl)/1);
  --orange-new-90-hsl: 5.714 calc(var(--saturation-factor, 1) * 100%) 12.353%;
  --orange-new-91: hsl(var(--orange-new-91-hsl)/1);
  --orange-new-91-hsl: 4 calc(var(--saturation-factor, 1) * 100%) 11.765%;
  --orange-new-92: hsl(var(--orange-new-92-hsl)/1);
  --orange-new-92-hsl: 3.158 calc(var(--saturation-factor, 1) * 100%) 11.176%;
  --orange-new-93: hsl(var(--orange-new-93-hsl)/1);
  --orange-new-93-hsl: 2.182 calc(var(--saturation-factor, 1) * 100%) 10.784%;
  --orange-new-94: hsl(var(--orange-new-94-hsl)/1);
  --orange-new-94-hsl: 1.154 calc(var(--saturation-factor, 1) * 100%) 10.196%;
  --orange-new-95: hsl(var(--orange-new-95-hsl)/1);
  --orange-new-95-hsl: 358.776 calc(var(--saturation-factor, 1) * 100%) 9.608%;
  --orange-new-96: hsl(var(--orange-new-96-hsl)/1);
  --orange-new-96-hsl: 358.667 calc(var(--saturation-factor, 1) * 100%) 8.824%;
  --orange-new-97: hsl(var(--orange-new-97-hsl)/1);
  --orange-new-97-hsl: 358.537 calc(var(--saturation-factor, 1) * 100%) 8.039%;
  --orange-new-98: hsl(var(--orange-new-98-hsl)/1);
  --orange-new-98-hsl: 356.757 calc(var(--saturation-factor, 1) * 100%) 7.255%;
  --orange-new-99: hsl(var(--orange-new-99-hsl)/1);
  --orange-new-99-hsl: 356.129 calc(var(--saturation-factor, 1) * 100%) 6.078%;
  --orange-new-100: hsl(var(--orange-new-100-hsl)/1);
  --orange-new-100-hsl: 355 calc(var(--saturation-factor, 1) * 100%) 4.706%;
  --pink-1: hsl(var(--pink-1-hsl)/1);
  --pink-1-hsl: 316.5 calc(var(--saturation-factor, 1) * 100%) 92.157%;
  --pink-2: hsl(var(--pink-2-hsl)/1);
  --pink-2-hsl: 316.744 calc(var(--saturation-factor, 1) * 100%) 91.569%;
  --pink-3: hsl(var(--pink-3-hsl)/1);
  --pink-3-hsl: 315.652 calc(var(--saturation-factor, 1) * 100%) 90.98%;
  --pink-4: hsl(var(--pink-4-hsl)/1);
  --pink-4-hsl: 315.918 calc(var(--saturation-factor, 1) * 100%) 90.392%;
  --pink-5: hsl(var(--pink-5-hsl)/1);
  --pink-5-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 89.804%;
  --pink-6: hsl(var(--pink-6-hsl)/1);
  --pink-6-hsl: 315.556 calc(var(--saturation-factor, 1) * 100%) 89.412%;
  --pink-7: hsl(var(--pink-7-hsl)/1);
  --pink-7-hsl: 314.737 calc(var(--saturation-factor, 1) * 100%) 88.824%;
  --pink-8: hsl(var(--pink-8-hsl)/1);
  --pink-8-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 88.235%;
  --pink-9: hsl(var(--pink-9-hsl)/1);
  --pink-9-hsl: 314.516 calc(var(--saturation-factor, 1) * 100%) 87.843%;
  --pink-10: hsl(var(--pink-10-hsl)/1);
  --pink-10-hsl: 314.769 calc(var(--saturation-factor, 1) * 100%) 87.255%;
  --pink-11: hsl(var(--pink-11-hsl)/1);
  --pink-11-hsl: 314.118 calc(var(--saturation-factor, 1) * 100%) 86.667%;
  --pink-12: hsl(var(--pink-12-hsl)/1);
  --pink-12-hsl: 314.366 calc(var(--saturation-factor, 1) * 100%) 86.078%;
  --pink-13: hsl(var(--pink-13-hsl)/1);
  --pink-13-hsl: 314.795 calc(var(--saturation-factor, 1) * 100%) 85.686%;
  --pink-14: hsl(var(--pink-14-hsl)/1);
  --pink-14-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 85.098%;
  --pink-15: hsl(var(--pink-15-hsl)/1);
  --pink-15-hsl: 314.615 calc(var(--saturation-factor, 1) * 100%) 84.706%;
  --pink-16: hsl(var(--pink-16-hsl)/1);
  --pink-16-hsl: 314.815 calc(var(--saturation-factor, 1) * 100%) 84.118%;
  --pink-17: hsl(var(--pink-17-hsl)/1);
  --pink-17-hsl: 315.181 calc(var(--saturation-factor, 1) * 100%) 83.725%;
  --pink-18: hsl(var(--pink-18-hsl)/1);
  --pink-18-hsl: 315.349 calc(var(--saturation-factor, 1) * 100%) 83.137%;
  --pink-19: hsl(var(--pink-19-hsl)/1);
  --pink-19-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 82.745%;
  --pink-20: hsl(var(--pink-20-hsl)/1);
  --pink-20-hsl: 315.165 calc(var(--saturation-factor, 1) * 100%) 82.157%;
  --pink-21: hsl(var(--pink-21-hsl)/1);
  --pink-21-hsl: 315.319 calc(var(--saturation-factor, 1) * 100%) 81.569%;
  --pink-22: hsl(var(--pink-22-hsl)/1);
  --pink-22-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 81.176%;
  --pink-23: hsl(var(--pink-23-hsl)/1);
  --pink-23-hsl: 315.152 calc(var(--saturation-factor, 1) * 100%) 80.588%;
  --pink-24: hsl(var(--pink-24-hsl)/1);
  --pink-24-hsl: 315.294 calc(var(--saturation-factor, 1) * 100%) 80%;
  --pink-25: hsl(var(--pink-25-hsl)/1);
  --pink-25-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 79.608%;
  --pink-26: hsl(var(--pink-26-hsl)/1);
  --pink-26-hsl: 315.14 calc(var(--saturation-factor, 1) * 100%) 79.02%;
  --pink-27: hsl(var(--pink-27-hsl)/1);
  --pink-27-hsl: 315.273 calc(var(--saturation-factor, 1) * 100%) 78.431%;
  --pink-28: hsl(var(--pink-28-hsl)/1);
  --pink-28-hsl: 314.867 calc(var(--saturation-factor, 1) * 100%) 77.843%;
  --pink-29: hsl(var(--pink-29-hsl)/1);
  --pink-29-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 77.255%;
  --pink-30: hsl(var(--pink-30-hsl)/1);
  --pink-30-hsl: 315.126 calc(var(--saturation-factor, 1) * 100%) 76.667%;
  --pink-31: hsl(var(--pink-31-hsl)/1);
  --pink-31-hsl: 315.372 calc(var(--saturation-factor, 1) * 100%) 76.275%;
  --pink-32: hsl(var(--pink-32-hsl)/1);
  --pink-32-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 75.686%;
  --pink-33: hsl(var(--pink-33-hsl)/1);
  --pink-33-hsl: 315.118 calc(var(--saturation-factor, 1) * 100%) 75.098%;
  --pink-34: hsl(var(--pink-34-hsl)/1);
  --pink-34-hsl: 315.231 calc(var(--saturation-factor, 1) * 100%) 74.51%;
  --pink-35: hsl(var(--pink-35-hsl)/1);
  --pink-35-hsl: 315.455 calc(var(--saturation-factor, 1) * 100%) 74.118%;
  --pink-36: hsl(var(--pink-36-hsl)/1);
  --pink-36-hsl: 315.111 calc(var(--saturation-factor, 1) * 100%) 73.529%;
  --pink-37: hsl(var(--pink-37-hsl)/1);
  --pink-37-hsl: 315.217 calc(var(--saturation-factor, 1) * 100%) 72.941%;
  --pink-38: hsl(var(--pink-38-hsl)/1);
  --pink-38-hsl: 315.319 calc(var(--saturation-factor, 1) * 100%) 72.353%;
  --pink-39: hsl(var(--pink-39-hsl)/1);
  --pink-39-hsl: 315.417 calc(var(--saturation-factor, 1) * 100%) 71.765%;
  --pink-40: hsl(var(--pink-40-hsl)/1);
  --pink-40-hsl: 315.51 calc(var(--saturation-factor, 1) * 100%) 71.176%;
  --pink-41: hsl(var(--pink-41-hsl)/1);
  --pink-41-hsl: 315.2 calc(var(--saturation-factor, 1) * 100%) 70.588%;
  --pink-42: hsl(var(--pink-42-hsl)/1);
  --pink-42-hsl: 315.294 calc(var(--saturation-factor, 1) * 100%) 70%;
  --pink-43: hsl(var(--pink-43-hsl)/1);
  --pink-43-hsl: 315.385 calc(var(--saturation-factor, 1) * 100%) 69.412%;
  --pink-44: hsl(var(--pink-44-hsl)/1);
  --pink-44-hsl: 315.472 calc(var(--saturation-factor, 1) * 100%) 68.824%;
  --pink-45: hsl(var(--pink-45-hsl)/1);
  --pink-45-hsl: 315.185 calc(var(--saturation-factor, 1) * 100%) 68.235%;
  --pink-46: hsl(var(--pink-46-hsl)/1);
  --pink-46-hsl: 315.181 calc(var(--saturation-factor, 1) * 100%) 67.451%;
  --pink-47: hsl(var(--pink-47-hsl)/1);
  --pink-47-hsl: 315.266 calc(var(--saturation-factor, 1) * 100%) 66.863%;
  --pink-48: hsl(var(--pink-48-hsl)/1);
  --pink-48-hsl: 315.349 calc(var(--saturation-factor, 1) * 100%) 66.275%;
  --pink-49: hsl(var(--pink-49-hsl)/1);
  --pink-49-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 65.49%;
  --pink-50: hsl(var(--pink-50-hsl)/1);
  --pink-50-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --pink-51: hsl(var(--pink-51-hsl)/1);
  --pink-51-hsl: 315.341 calc(var(--saturation-factor, 1) * 94.624%) 63.529%;
  --pink-52: hsl(var(--pink-52-hsl)/1);
  --pink-52-hsl: 315.349 calc(var(--saturation-factor, 1) * 89.583%) 62.353%;
  --pink-53: hsl(var(--pink-53-hsl)/1);
  --pink-53-hsl: 315.357 calc(var(--saturation-factor, 1) * 84%) 60.784%;
  --pink-54: hsl(var(--pink-54-hsl)/1);
  --pink-54-hsl: 315.366 calc(var(--saturation-factor, 1) * 79.612%) 59.608%;
  --pink-55: hsl(var(--pink-55-hsl)/1);
  --pink-55-hsl: 315.375 calc(var(--saturation-factor, 1) * 74.766%) 58.039%;
  --pink-56: hsl(var(--pink-56-hsl)/1);
  --pink-56-hsl: 315.287 calc(var(--saturation-factor, 1) * 71.041%) 56.667%;
  --pink-57: hsl(var(--pink-57-hsl)/1);
  --pink-57-hsl: 315.294 calc(var(--saturation-factor, 1) * 67.401%) 55.49%;
  --pink-58: hsl(var(--pink-58-hsl)/1);
  --pink-58-hsl: 315.6 calc(var(--saturation-factor, 1) * 64.103%) 54.118%;
  --pink-59: hsl(var(--pink-59-hsl)/1);
  --pink-59-hsl: 315.51 calc(var(--saturation-factor, 1) * 60.996%) 52.745%;
  --pink-60: hsl(var(--pink-60-hsl)/1);
  --pink-60-hsl: 315.417 calc(var(--saturation-factor, 1) * 58.065%) 51.373%;
  --pink-61: hsl(var(--pink-61-hsl)/1);
  --pink-61-hsl: 315.319 calc(var(--saturation-factor, 1) * 55.294%) 50%;
  --pink-62: hsl(var(--pink-62-hsl)/1);
  --pink-62-hsl: 315.766 calc(var(--saturation-factor, 1) * 55.02%) 48.824%;
  --pink-63: hsl(var(--pink-63-hsl)/1);
  --pink-63-hsl: 315.672 calc(var(--saturation-factor, 1) * 55.372%) 47.451%;
  --pink-64: hsl(var(--pink-64-hsl)/1);
  --pink-64-hsl: 315.573 calc(var(--saturation-factor, 1) * 55.745%) 46.078%;
  --pink-65: hsl(var(--pink-65-hsl)/1);
  --pink-65-hsl: 315.469 calc(var(--saturation-factor, 1) * 56.14%) 44.706%;
  --pink-66: hsl(var(--pink-66-hsl)/1);
  --pink-66-hsl: 315.714 calc(var(--saturation-factor, 1) * 56.757%) 43.529%;
  --pink-67: hsl(var(--pink-67-hsl)/1);
  --pink-67-hsl: 315.61 calc(var(--saturation-factor, 1) * 57.209%) 42.157%;
  --pink-68: hsl(var(--pink-68-hsl)/1);
  --pink-68-hsl: 315.372 calc(var(--saturation-factor, 1) * 58.454%) 40.588%;
  --pink-69: hsl(var(--pink-69-hsl)/1);
  --pink-69-hsl: 315.126 calc(var(--saturation-factor, 1) * 59.204%) 39.412%;
  --pink-70: hsl(var(--pink-70-hsl)/1);
  --pink-70-hsl: 315 calc(var(--saturation-factor, 1) * 59.794%) 38.039%;
  --pink-71: hsl(var(--pink-71-hsl)/1);
  --pink-71-hsl: 315.263 calc(var(--saturation-factor, 1) * 60.638%) 36.863%;
  --pink-72: hsl(var(--pink-72-hsl)/1);
  --pink-72-hsl: 315.135 calc(var(--saturation-factor, 1) * 61.326%) 35.49%;
  --pink-73: hsl(var(--pink-73-hsl)/1);
  --pink-73-hsl: 315.413 calc(var(--saturation-factor, 1) * 62.286%) 34.314%;
  --pink-74: hsl(var(--pink-74-hsl)/1);
  --pink-74-hsl: 315.283 calc(var(--saturation-factor, 1) * 63.095%) 32.941%;
  --pink-75: hsl(var(--pink-75-hsl)/1);
  --pink-75-hsl: 315 calc(var(--saturation-factor, 1) * 64.198%) 31.765%;
  --pink-76: hsl(var(--pink-76-hsl)/1);
  --pink-76-hsl: 314.851 calc(var(--saturation-factor, 1) * 65.161%) 30.392%;
  --pink-77: hsl(var(--pink-77-hsl)/1);
  --pink-77-hsl: 315 calc(var(--saturation-factor, 1) * 67.568%) 29.02%;
  --pink-78: hsl(var(--pink-78-hsl)/1);
  --pink-78-hsl: 314.694 calc(var(--saturation-factor, 1) * 69.014%) 27.843%;
  --pink-79: hsl(var(--pink-79-hsl)/1);
  --pink-79-hsl: 314.526 calc(var(--saturation-factor, 1) * 70.37%) 26.471%;
  --pink-80: hsl(var(--pink-80-hsl)/1);
  --pink-80-hsl: 314.839 calc(var(--saturation-factor, 1) * 72.093%) 25.294%;
  --pink-81: hsl(var(--pink-81-hsl)/1);
  --pink-81-hsl: 314.505 calc(var(--saturation-factor, 1) * 73.984%) 24.118%;
  --pink-82: hsl(var(--pink-82-hsl)/1);
  --pink-82-hsl: 314.157 calc(var(--saturation-factor, 1) * 77.391%) 22.549%;
  --pink-83: hsl(var(--pink-83-hsl)/1);
  --pink-83-hsl: 313.793 calc(var(--saturation-factor, 1) * 79.817%) 21.373%;
  --pink-84: hsl(var(--pink-84-hsl)/1);
  --pink-84-hsl: 314.118 calc(var(--saturation-factor, 1) * 82.524%) 20.196%;
  --pink-85: hsl(var(--pink-85-hsl)/1);
  --pink-85-hsl: 313.735 calc(var(--saturation-factor, 1) * 85.567%) 19.02%;
  --pink-86: hsl(var(--pink-86-hsl)/1);
  --pink-86-hsl: 314.074 calc(var(--saturation-factor, 1) * 89.011%) 17.843%;
  --pink-87: hsl(var(--pink-87-hsl)/1);
  --pink-87-hsl: 313.671 calc(var(--saturation-factor, 1) * 92.941%) 16.667%;
  --pink-88: hsl(var(--pink-88-hsl)/1);
  --pink-88-hsl: 313.421 calc(var(--saturation-factor, 1) * 95%) 15.686%;
  --pink-89: hsl(var(--pink-89-hsl)/1);
  --pink-89-hsl: 313.973 calc(var(--saturation-factor, 1) * 97.333%) 14.706%;
  --pink-90: hsl(var(--pink-90-hsl)/1);
  --pink-90-hsl: 313.714 calc(var(--saturation-factor, 1) * 100%) 13.725%;
  --pink-91: hsl(var(--pink-91-hsl)/1);
  --pink-91-hsl: 313.636 calc(var(--saturation-factor, 1) * 100%) 12.941%;
  --pink-92: hsl(var(--pink-92-hsl)/1);
  --pink-92-hsl: 314.516 calc(var(--saturation-factor, 1) * 100%) 12.157%;
  --pink-93: hsl(var(--pink-93-hsl)/1);
  --pink-93-hsl: 314.483 calc(var(--saturation-factor, 1) * 100%) 11.373%;
  --pink-94: hsl(var(--pink-94-hsl)/1);
  --pink-94-hsl: 314.444 calc(var(--saturation-factor, 1) * 100%) 10.588%;
  --pink-95: hsl(var(--pink-95-hsl)/1);
  --pink-95-hsl: 315.6 calc(var(--saturation-factor, 1) * 100%) 9.804%;
  --pink-96: hsl(var(--pink-96-hsl)/1);
  --pink-96-hsl: 314.667 calc(var(--saturation-factor, 1) * 100%) 8.824%;
  --pink-97: hsl(var(--pink-97-hsl)/1);
  --pink-97-hsl: 316.5 calc(var(--saturation-factor, 1) * 100%) 7.843%;
  --pink-98: hsl(var(--pink-98-hsl)/1);
  --pink-98-hsl: 316.364 calc(var(--saturation-factor, 1) * 100%) 6.471%;
  --pink-99: hsl(var(--pink-99-hsl)/1);
  --pink-99-hsl: 319.2 calc(var(--saturation-factor, 1) * 100%) 4.902%;
  --pink-100: hsl(var(--pink-100-hsl)/1);
  --pink-100-hsl: 327.273 calc(var(--saturation-factor, 1) * 100%) 2.157%;
  --opacity-1: hsl(var(--opacity-1-hsl)/0.0196078431372549);
  --opacity-1-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-4: hsl(var(--opacity-4-hsl)/0.0392156862745098);
  --opacity-4-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-8: hsl(var(--opacity-8-hsl)/0.0784313725490196);
  --opacity-8-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-12: hsl(var(--opacity-12-hsl)/0.12156862745098039);
  --opacity-12-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-16: hsl(var(--opacity-16-hsl)/0.1607843137254902);
  --opacity-16-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-20: hsl(var(--opacity-20-hsl)/0.2);
  --opacity-20-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-24: hsl(var(--opacity-24-hsl)/0.23921568627450981);
  --opacity-24-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-28: hsl(var(--opacity-28-hsl)/0.2784313725490196);
  --opacity-28-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-32: hsl(var(--opacity-32-hsl)/0.3215686274509804);
  --opacity-32-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-36: hsl(var(--opacity-36-hsl)/0.3607843137254902);
  --opacity-36-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-40: hsl(var(--opacity-40-hsl)/0.4);
  --opacity-40-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-44: hsl(var(--opacity-44-hsl)/0.4392156862745098);
  --opacity-44-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-48: hsl(var(--opacity-48-hsl)/0.47843137254901963);
  --opacity-48-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-52: hsl(var(--opacity-52-hsl)/0.5215686274509804);
  --opacity-52-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-56: hsl(var(--opacity-56-hsl)/0.5607843137254902);
  --opacity-56-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-60: hsl(var(--opacity-60-hsl)/0.6);
  --opacity-60-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-64: hsl(var(--opacity-64-hsl)/0.6392156862745098);
  --opacity-64-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-68: hsl(var(--opacity-68-hsl)/0.6784313725490196);
  --opacity-68-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-72: hsl(var(--opacity-72-hsl)/0.7215686274509804);
  --opacity-72-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-76: hsl(var(--opacity-76-hsl)/0.7607843137254902);
  --opacity-76-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-80: hsl(var(--opacity-80-hsl)/0.8);
  --opacity-80-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-84: hsl(var(--opacity-84-hsl)/0.8392156862745098);
  --opacity-84-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-88: hsl(var(--opacity-88-hsl)/0.8784313725490196);
  --opacity-88-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-92: hsl(var(--opacity-92-hsl)/0.9215686274509803);
  --opacity-92-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-96: hsl(var(--opacity-96-hsl)/0.9607843137254902);
  --opacity-96-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 60.784%;
  --opacity-blue-1: hsl(var(--opacity-blue-1-hsl)/0.0196078431372549);
  --opacity-blue-1-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-4: hsl(var(--opacity-blue-4-hsl)/0.0392156862745098);
  --opacity-blue-4-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-8: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
  --opacity-blue-8-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-12: hsl(var(--opacity-blue-12-hsl)/0.12156862745098039);
  --opacity-blue-12-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-16: hsl(var(--opacity-blue-16-hsl)/0.1607843137254902);
  --opacity-blue-16-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-20: hsl(var(--opacity-blue-20-hsl)/0.2);
  --opacity-blue-20-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-24: hsl(var(--opacity-blue-24-hsl)/0.23921568627450981);
  --opacity-blue-24-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-28: hsl(var(--opacity-blue-28-hsl)/0.2784313725490196);
  --opacity-blue-28-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-32: hsl(var(--opacity-blue-32-hsl)/0.3215686274509804);
  --opacity-blue-32-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-36: hsl(var(--opacity-blue-36-hsl)/0.3607843137254902);
  --opacity-blue-36-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-40: hsl(var(--opacity-blue-40-hsl)/0.4);
  --opacity-blue-40-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-44: hsl(var(--opacity-blue-44-hsl)/0.4392156862745098);
  --opacity-blue-44-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-48: hsl(var(--opacity-blue-48-hsl)/0.47843137254901963);
  --opacity-blue-48-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-52: hsl(var(--opacity-blue-52-hsl)/0.5215686274509804);
  --opacity-blue-52-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-56: hsl(var(--opacity-blue-56-hsl)/0.5607843137254902);
  --opacity-blue-56-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-60: hsl(var(--opacity-blue-60-hsl)/0.6);
  --opacity-blue-60-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-64: hsl(var(--opacity-blue-64-hsl)/0.6392156862745098);
  --opacity-blue-64-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-68: hsl(var(--opacity-blue-68-hsl)/0.6784313725490196);
  --opacity-blue-68-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-72: hsl(var(--opacity-blue-72-hsl)/0.7215686274509804);
  --opacity-blue-72-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-76: hsl(var(--opacity-blue-76-hsl)/0.7607843137254902);
  --opacity-blue-76-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-80: hsl(var(--opacity-blue-80-hsl)/0.8);
  --opacity-blue-80-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-84: hsl(var(--opacity-blue-84-hsl)/0.8392156862745098);
  --opacity-blue-84-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-88: hsl(var(--opacity-blue-88-hsl)/0.8784313725490196);
  --opacity-blue-88-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-92: hsl(var(--opacity-blue-92-hsl)/0.9215686274509803);
  --opacity-blue-92-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blue-96: hsl(var(--opacity-blue-96-hsl)/0.9607843137254902);
  --opacity-blue-96-hsl: 209.339 calc(var(--saturation-factor, 1) * 100%) 44.51%;
  --opacity-blurple-1: hsl(var(--opacity-blurple-1-hsl)/0.0196078431372549);
  --opacity-blurple-1-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-4: hsl(var(--opacity-blurple-4-hsl)/0.0392156862745098);
  --opacity-blurple-4-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-8: hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196);
  --opacity-blurple-8-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-12: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
  --opacity-blurple-12-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-16: hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902);
  --opacity-blurple-16-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-20: hsl(var(--opacity-blurple-20-hsl)/0.2);
  --opacity-blurple-20-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-24: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
  --opacity-blurple-24-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-28: hsl(var(--opacity-blurple-28-hsl)/0.2784313725490196);
  --opacity-blurple-28-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-32: hsl(var(--opacity-blurple-32-hsl)/0.3215686274509804);
  --opacity-blurple-32-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-36: hsl(var(--opacity-blurple-36-hsl)/0.3607843137254902);
  --opacity-blurple-36-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-40: hsl(var(--opacity-blurple-40-hsl)/0.4);
  --opacity-blurple-40-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-44: hsl(var(--opacity-blurple-44-hsl)/0.4392156862745098);
  --opacity-blurple-44-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-48: hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963);
  --opacity-blurple-48-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-52: hsl(var(--opacity-blurple-52-hsl)/0.5215686274509804);
  --opacity-blurple-52-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-56: hsl(var(--opacity-blurple-56-hsl)/0.5607843137254902);
  --opacity-blurple-56-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-60: hsl(var(--opacity-blurple-60-hsl)/0.6);
  --opacity-blurple-60-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-64: hsl(var(--opacity-blurple-64-hsl)/0.6392156862745098);
  --opacity-blurple-64-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-68: hsl(var(--opacity-blurple-68-hsl)/0.6784313725490196);
  --opacity-blurple-68-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-72: hsl(var(--opacity-blurple-72-hsl)/0.7215686274509804);
  --opacity-blurple-72-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-76: hsl(var(--opacity-blurple-76-hsl)/0.7607843137254902);
  --opacity-blurple-76-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-80: hsl(var(--opacity-blurple-80-hsl)/0.8);
  --opacity-blurple-80-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-84: hsl(var(--opacity-blurple-84-hsl)/0.8392156862745098);
  --opacity-blurple-84-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-88: hsl(var(--opacity-blurple-88-hsl)/0.8784313725490196);
  --opacity-blurple-88-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-92: hsl(var(--opacity-blurple-92-hsl)/0.9215686274509803);
  --opacity-blurple-92-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-blurple-96: hsl(var(--opacity-blurple-96-hsl)/0.9607843137254902);
  --opacity-blurple-96-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%)
    64.706%;
  --opacity-green-1: hsl(var(--opacity-green-1-hsl)/0.0196078431372549);
  --opacity-green-1-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-4: hsl(var(--opacity-green-4-hsl)/0.0392156862745098);
  --opacity-green-4-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-8: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
  --opacity-green-8-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-12: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
  --opacity-green-12-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-16: hsl(var(--opacity-green-16-hsl)/0.1607843137254902);
  --opacity-green-16-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-20: hsl(var(--opacity-green-20-hsl)/0.2);
  --opacity-green-20-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-24: hsl(var(--opacity-green-24-hsl)/0.23921568627450981);
  --opacity-green-24-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-28: hsl(var(--opacity-green-28-hsl)/0.2784313725490196);
  --opacity-green-28-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-32: hsl(var(--opacity-green-32-hsl)/0.3215686274509804);
  --opacity-green-32-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-36: hsl(var(--opacity-green-36-hsl)/0.3607843137254902);
  --opacity-green-36-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-40: hsl(var(--opacity-green-40-hsl)/0.4);
  --opacity-green-40-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-44: hsl(var(--opacity-green-44-hsl)/0.4392156862745098);
  --opacity-green-44-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-48: hsl(var(--opacity-green-48-hsl)/0.47843137254901963);
  --opacity-green-48-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-52: hsl(var(--opacity-green-52-hsl)/0.5215686274509804);
  --opacity-green-52-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-56: hsl(var(--opacity-green-56-hsl)/0.5607843137254902);
  --opacity-green-56-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-60: hsl(var(--opacity-green-60-hsl)/0.6);
  --opacity-green-60-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-64: hsl(var(--opacity-green-64-hsl)/0.6392156862745098);
  --opacity-green-64-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-68: hsl(var(--opacity-green-68-hsl)/0.6784313725490196);
  --opacity-green-68-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-72: hsl(var(--opacity-green-72-hsl)/0.7215686274509804);
  --opacity-green-72-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-76: hsl(var(--opacity-green-76-hsl)/0.7607843137254902);
  --opacity-green-76-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-80: hsl(var(--opacity-green-80-hsl)/0.8);
  --opacity-green-80-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-84: hsl(var(--opacity-green-84-hsl)/0.8392156862745098);
  --opacity-green-84-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-88: hsl(var(--opacity-green-88-hsl)/0.8784313725490196);
  --opacity-green-88-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-92: hsl(var(--opacity-green-92-hsl)/0.9215686274509803);
  --opacity-green-92-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-green-96: hsl(var(--opacity-green-96-hsl)/0.9607843137254902);
  --opacity-green-96-hsl: 151.128 calc(var(--saturation-factor, 1) * 100%)
    26.078%;
  --opacity-red-1: hsl(var(--opacity-red-1-hsl)/0.0196078431372549);
  --opacity-red-1-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-4: hsl(var(--opacity-red-4-hsl)/0.0392156862745098);
  --opacity-red-4-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-8: hsl(var(--opacity-red-8-hsl)/0.0784313725490196);
  --opacity-red-8-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-12: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
  --opacity-red-12-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-16: hsl(var(--opacity-red-16-hsl)/0.1607843137254902);
  --opacity-red-16-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-20: hsl(var(--opacity-red-20-hsl)/0.2);
  --opacity-red-20-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-24: hsl(var(--opacity-red-24-hsl)/0.23921568627450981);
  --opacity-red-24-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-28: hsl(var(--opacity-red-28-hsl)/0.2784313725490196);
  --opacity-red-28-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-32: hsl(var(--opacity-red-32-hsl)/0.3215686274509804);
  --opacity-red-32-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-36: hsl(var(--opacity-red-36-hsl)/0.3607843137254902);
  --opacity-red-36-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-40: hsl(var(--opacity-red-40-hsl)/0.4);
  --opacity-red-40-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-44: hsl(var(--opacity-red-44-hsl)/0.4392156862745098);
  --opacity-red-44-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-48: hsl(var(--opacity-red-48-hsl)/0.47843137254901963);
  --opacity-red-48-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-52: hsl(var(--opacity-red-52-hsl)/0.5215686274509804);
  --opacity-red-52-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-56: hsl(var(--opacity-red-56-hsl)/0.5607843137254902);
  --opacity-red-56-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-60: hsl(var(--opacity-red-60-hsl)/0.6);
  --opacity-red-60-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-64: hsl(var(--opacity-red-64-hsl)/0.6392156862745098);
  --opacity-red-64-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-68: hsl(var(--opacity-red-68-hsl)/0.6784313725490196);
  --opacity-red-68-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-72: hsl(var(--opacity-red-72-hsl)/0.7215686274509804);
  --opacity-red-72-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-76: hsl(var(--opacity-red-76-hsl)/0.7607843137254902);
  --opacity-red-76-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-80: hsl(var(--opacity-red-80-hsl)/0.8);
  --opacity-red-80-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-84: hsl(var(--opacity-red-84-hsl)/0.8392156862745098);
  --opacity-red-84-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-88: hsl(var(--opacity-red-88-hsl)/0.8784313725490196);
  --opacity-red-88-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-92: hsl(var(--opacity-red-92-hsl)/0.9215686274509803);
  --opacity-red-92-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-red-96: hsl(var(--opacity-red-96-hsl)/0.9607843137254902);
  --opacity-red-96-hsl: 355.636 calc(var(--saturation-factor, 1) * 64.706%) 50%;
  --opacity-teal-1: hsl(var(--opacity-teal-1-hsl)/0.0196078431372549);
  --opacity-teal-1-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%) 28.039%;
  --opacity-teal-4: hsl(var(--opacity-teal-4-hsl)/0.0392156862745098);
  --opacity-teal-4-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%) 28.039%;
  --opacity-teal-8: hsl(var(--opacity-teal-8-hsl)/0.0784313725490196);
  --opacity-teal-8-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%) 28.039%;
  --opacity-teal-12: hsl(var(--opacity-teal-12-hsl)/0.12156862745098039);
  --opacity-teal-12-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-16: hsl(var(--opacity-teal-16-hsl)/0.1607843137254902);
  --opacity-teal-16-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-20: hsl(var(--opacity-teal-20-hsl)/0.2);
  --opacity-teal-20-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-24: hsl(var(--opacity-teal-24-hsl)/0.23921568627450981);
  --opacity-teal-24-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-28: hsl(var(--opacity-teal-28-hsl)/0.2784313725490196);
  --opacity-teal-28-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-32: hsl(var(--opacity-teal-32-hsl)/0.3215686274509804);
  --opacity-teal-32-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-36: hsl(var(--opacity-teal-36-hsl)/0.3607843137254902);
  --opacity-teal-36-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-40: hsl(var(--opacity-teal-40-hsl)/0.4);
  --opacity-teal-40-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-44: hsl(var(--opacity-teal-44-hsl)/0.4392156862745098);
  --opacity-teal-44-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-48: hsl(var(--opacity-teal-48-hsl)/0.47843137254901963);
  --opacity-teal-48-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-52: hsl(var(--opacity-teal-52-hsl)/0.5215686274509804);
  --opacity-teal-52-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-56: hsl(var(--opacity-teal-56-hsl)/0.5607843137254902);
  --opacity-teal-56-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-60: hsl(var(--opacity-teal-60-hsl)/0.6);
  --opacity-teal-60-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-64: hsl(var(--opacity-teal-64-hsl)/0.6392156862745098);
  --opacity-teal-64-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-68: hsl(var(--opacity-teal-68-hsl)/0.6784313725490196);
  --opacity-teal-68-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-72: hsl(var(--opacity-teal-72-hsl)/0.7215686274509804);
  --opacity-teal-72-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-76: hsl(var(--opacity-teal-76-hsl)/0.7607843137254902);
  --opacity-teal-76-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-80: hsl(var(--opacity-teal-80-hsl)/0.8);
  --opacity-teal-80-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-84: hsl(var(--opacity-teal-84-hsl)/0.8392156862745098);
  --opacity-teal-84-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-88: hsl(var(--opacity-teal-88-hsl)/0.8784313725490196);
  --opacity-teal-88-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-92: hsl(var(--opacity-teal-92-hsl)/0.9215686274509803);
  --opacity-teal-92-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-teal-96: hsl(var(--opacity-teal-96-hsl)/0.9607843137254902);
  --opacity-teal-96-hsl: 184.615 calc(var(--saturation-factor, 1) * 100%)
    28.039%;
  --opacity-yellow-1: hsl(var(--opacity-yellow-1-hsl)/0.0196078431372549);
  --opacity-yellow-1-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-4: hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098);
  --opacity-yellow-4-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-8: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
  --opacity-yellow-8-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-12: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
  --opacity-yellow-12-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-16: hsl(var(--opacity-yellow-16-hsl)/0.1607843137254902);
  --opacity-yellow-16-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-20: hsl(var(--opacity-yellow-20-hsl)/0.2);
  --opacity-yellow-20-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-24: hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981);
  --opacity-yellow-24-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-28: hsl(var(--opacity-yellow-28-hsl)/0.2784313725490196);
  --opacity-yellow-28-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-32: hsl(var(--opacity-yellow-32-hsl)/0.3215686274509804);
  --opacity-yellow-32-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-36: hsl(var(--opacity-yellow-36-hsl)/0.3607843137254902);
  --opacity-yellow-36-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-40: hsl(var(--opacity-yellow-40-hsl)/0.4);
  --opacity-yellow-40-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-44: hsl(var(--opacity-yellow-44-hsl)/0.4392156862745098);
  --opacity-yellow-44-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-48: hsl(var(--opacity-yellow-48-hsl)/0.47843137254901963);
  --opacity-yellow-48-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-52: hsl(var(--opacity-yellow-52-hsl)/0.5215686274509804);
  --opacity-yellow-52-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-56: hsl(var(--opacity-yellow-56-hsl)/0.5607843137254902);
  --opacity-yellow-56-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-60: hsl(var(--opacity-yellow-60-hsl)/0.6);
  --opacity-yellow-60-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-64: hsl(var(--opacity-yellow-64-hsl)/0.6392156862745098);
  --opacity-yellow-64-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-68: hsl(var(--opacity-yellow-68-hsl)/0.6784313725490196);
  --opacity-yellow-68-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-72: hsl(var(--opacity-yellow-72-hsl)/0.7215686274509804);
  --opacity-yellow-72-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-76: hsl(var(--opacity-yellow-76-hsl)/0.7607843137254902);
  --opacity-yellow-76-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-80: hsl(var(--opacity-yellow-80-hsl)/0.8);
  --opacity-yellow-80-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-84: hsl(var(--opacity-yellow-84-hsl)/0.8392156862745098);
  --opacity-yellow-84-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-88: hsl(var(--opacity-yellow-88-hsl)/0.8784313725490196);
  --opacity-yellow-88-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-92: hsl(var(--opacity-yellow-92-hsl)/0.9215686274509803);
  --opacity-yellow-92-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-yellow-96: hsl(var(--opacity-yellow-96-hsl)/0.9607843137254902);
  --opacity-yellow-96-hsl: 39.435 calc(var(--saturation-factor, 1) * 100%)
    48.627%;
  --opacity-orange-1: hsl(var(--opacity-orange-1-hsl)/0.0196078431372549);
  --opacity-orange-1-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-4: hsl(var(--opacity-orange-4-hsl)/0.0392156862745098);
  --opacity-orange-4-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-8: hsl(var(--opacity-orange-8-hsl)/0.0784313725490196);
  --opacity-orange-8-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-12: hsl(var(--opacity-orange-12-hsl)/0.12156862745098039);
  --opacity-orange-12-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-16: hsl(var(--opacity-orange-16-hsl)/0.1607843137254902);
  --opacity-orange-16-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-20: hsl(var(--opacity-orange-20-hsl)/0.2);
  --opacity-orange-20-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-24: hsl(var(--opacity-orange-24-hsl)/0.23921568627450981);
  --opacity-orange-24-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-28: hsl(var(--opacity-orange-28-hsl)/0.2784313725490196);
  --opacity-orange-28-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-32: hsl(var(--opacity-orange-32-hsl)/0.3215686274509804);
  --opacity-orange-32-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-36: hsl(var(--opacity-orange-36-hsl)/0.3607843137254902);
  --opacity-orange-36-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-40: hsl(var(--opacity-orange-40-hsl)/0.4);
  --opacity-orange-40-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-44: hsl(var(--opacity-orange-44-hsl)/0.4392156862745098);
  --opacity-orange-44-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-48: hsl(var(--opacity-orange-48-hsl)/0.47843137254901963);
  --opacity-orange-48-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-52: hsl(var(--opacity-orange-52-hsl)/0.5215686274509804);
  --opacity-orange-52-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-56: hsl(var(--opacity-orange-56-hsl)/0.5607843137254902);
  --opacity-orange-56-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-60: hsl(var(--opacity-orange-60-hsl)/0.6);
  --opacity-orange-60-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-64: hsl(var(--opacity-orange-64-hsl)/0.6392156862745098);
  --opacity-orange-64-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-68: hsl(var(--opacity-orange-68-hsl)/0.6784313725490196);
  --opacity-orange-68-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-72: hsl(var(--opacity-orange-72-hsl)/0.7215686274509804);
  --opacity-orange-72-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-76: hsl(var(--opacity-orange-76-hsl)/0.7607843137254902);
  --opacity-orange-76-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-80: hsl(var(--opacity-orange-80-hsl)/0.8);
  --opacity-orange-80-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-84: hsl(var(--opacity-orange-84-hsl)/0.8392156862745098);
  --opacity-orange-84-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-88: hsl(var(--opacity-orange-88-hsl)/0.8784313725490196);
  --opacity-orange-88-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-92: hsl(var(--opacity-orange-92-hsl)/0.9215686274509803);
  --opacity-orange-92-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-orange-96: hsl(var(--opacity-orange-96-hsl)/0.9607843137254902);
  --opacity-orange-96-hsl: 25.079 calc(var(--saturation-factor, 1) * 100%)
    37.059%;
  --opacity-pink-1: hsl(var(--opacity-pink-1-hsl)/0.0196078431372549);
  --opacity-pink-1-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-4: hsl(var(--opacity-pink-4-hsl)/0.0392156862745098);
  --opacity-pink-4-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-8: hsl(var(--opacity-pink-8-hsl)/0.0784313725490196);
  --opacity-pink-8-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-12: hsl(var(--opacity-pink-12-hsl)/0.12156862745098039);
  --opacity-pink-12-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-16: hsl(var(--opacity-pink-16-hsl)/0.1607843137254902);
  --opacity-pink-16-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-20: hsl(var(--opacity-pink-20-hsl)/0.2);
  --opacity-pink-20-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-24: hsl(var(--opacity-pink-24-hsl)/0.23921568627450981);
  --opacity-pink-24-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-28: hsl(var(--opacity-pink-28-hsl)/0.2784313725490196);
  --opacity-pink-28-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-32: hsl(var(--opacity-pink-32-hsl)/0.3215686274509804);
  --opacity-pink-32-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-36: hsl(var(--opacity-pink-36-hsl)/0.3607843137254902);
  --opacity-pink-36-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-40: hsl(var(--opacity-pink-40-hsl)/0.4);
  --opacity-pink-40-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-44: hsl(var(--opacity-pink-44-hsl)/0.4392156862745098);
  --opacity-pink-44-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-48: hsl(var(--opacity-pink-48-hsl)/0.47843137254901963);
  --opacity-pink-48-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-52: hsl(var(--opacity-pink-52-hsl)/0.5215686274509804);
  --opacity-pink-52-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-56: hsl(var(--opacity-pink-56-hsl)/0.5607843137254902);
  --opacity-pink-56-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-60: hsl(var(--opacity-pink-60-hsl)/0.6);
  --opacity-pink-60-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-64: hsl(var(--opacity-pink-64-hsl)/0.6392156862745098);
  --opacity-pink-64-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-68: hsl(var(--opacity-pink-68-hsl)/0.6784313725490196);
  --opacity-pink-68-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-72: hsl(var(--opacity-pink-72-hsl)/0.7215686274509804);
  --opacity-pink-72-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-76: hsl(var(--opacity-pink-76-hsl)/0.7607843137254902);
  --opacity-pink-76-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-80: hsl(var(--opacity-pink-80-hsl)/0.8);
  --opacity-pink-80-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-84: hsl(var(--opacity-pink-84-hsl)/0.8392156862745098);
  --opacity-pink-84-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-88: hsl(var(--opacity-pink-88-hsl)/0.8784313725490196);
  --opacity-pink-88-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-92: hsl(var(--opacity-pink-92-hsl)/0.9215686274509803);
  --opacity-pink-92-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-pink-96: hsl(var(--opacity-pink-96-hsl)/0.9607843137254902);
  --opacity-pink-96-hsl: 315 calc(var(--saturation-factor, 1) * 100%) 64.706%;
  --opacity-white-1: hsl(var(--opacity-white-1-hsl)/0.0196078431372549);
  --opacity-white-1-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-4: hsl(var(--opacity-white-4-hsl)/0.0392156862745098);
  --opacity-white-4-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-8: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
  --opacity-white-8-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-12: hsl(var(--opacity-white-12-hsl)/0.12156862745098039);
  --opacity-white-12-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-16: hsl(var(--opacity-white-16-hsl)/0.1607843137254902);
  --opacity-white-16-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-20: hsl(var(--opacity-white-20-hsl)/0.2);
  --opacity-white-20-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-24: hsl(var(--opacity-white-24-hsl)/0.23921568627450981);
  --opacity-white-24-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-28: hsl(var(--opacity-white-28-hsl)/0.2784313725490196);
  --opacity-white-28-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-32: hsl(var(--opacity-white-32-hsl)/0.3215686274509804);
  --opacity-white-32-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-36: hsl(var(--opacity-white-36-hsl)/0.3607843137254902);
  --opacity-white-36-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-40: hsl(var(--opacity-white-40-hsl)/0.4);
  --opacity-white-40-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-44: hsl(var(--opacity-white-44-hsl)/0.4392156862745098);
  --opacity-white-44-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-48: hsl(var(--opacity-white-48-hsl)/0.47843137254901963);
  --opacity-white-48-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-52: hsl(var(--opacity-white-52-hsl)/0.5215686274509804);
  --opacity-white-52-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-56: hsl(var(--opacity-white-56-hsl)/0.5607843137254902);
  --opacity-white-56-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-60: hsl(var(--opacity-white-60-hsl)/0.6);
  --opacity-white-60-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-64: hsl(var(--opacity-white-64-hsl)/0.6392156862745098);
  --opacity-white-64-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-68: hsl(var(--opacity-white-68-hsl)/0.6784313725490196);
  --opacity-white-68-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-72: hsl(var(--opacity-white-72-hsl)/0.7215686274509804);
  --opacity-white-72-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-76: hsl(var(--opacity-white-76-hsl)/0.7607843137254902);
  --opacity-white-76-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-80: hsl(var(--opacity-white-80-hsl)/0.8);
  --opacity-white-80-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-84: hsl(var(--opacity-white-84-hsl)/0.8392156862745098);
  --opacity-white-84-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-88: hsl(var(--opacity-white-88-hsl)/0.8784313725490196);
  --opacity-white-88-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-92: hsl(var(--opacity-white-92-hsl)/0.9215686274509803);
  --opacity-white-92-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-white-96: hsl(var(--opacity-white-96-hsl)/0.9607843137254902);
  --opacity-white-96-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --opacity-black-1: hsl(var(--opacity-black-1-hsl)/0.0196078431372549);
  --opacity-black-1-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-4: hsl(var(--opacity-black-4-hsl)/0.0392156862745098);
  --opacity-black-4-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-8: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
  --opacity-black-8-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-12: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
  --opacity-black-12-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-16: hsl(var(--opacity-black-16-hsl)/0.1607843137254902);
  --opacity-black-16-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-20: hsl(var(--opacity-black-20-hsl)/0.2);
  --opacity-black-20-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-24: hsl(var(--opacity-black-24-hsl)/0.23921568627450981);
  --opacity-black-24-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-28: hsl(var(--opacity-black-28-hsl)/0.2784313725490196);
  --opacity-black-28-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-32: hsl(var(--opacity-black-32-hsl)/0.3215686274509804);
  --opacity-black-32-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-36: hsl(var(--opacity-black-36-hsl)/0.3607843137254902);
  --opacity-black-36-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-40: hsl(var(--opacity-black-40-hsl)/0.4);
  --opacity-black-40-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-44: hsl(var(--opacity-black-44-hsl)/0.4392156862745098);
  --opacity-black-44-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-48: hsl(var(--opacity-black-48-hsl)/0.47843137254901963);
  --opacity-black-48-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-52: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
  --opacity-black-52-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-56: hsl(var(--opacity-black-56-hsl)/0.5607843137254902);
  --opacity-black-56-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-60: hsl(var(--opacity-black-60-hsl)/0.6);
  --opacity-black-60-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-64: hsl(var(--opacity-black-64-hsl)/0.6392156862745098);
  --opacity-black-64-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-68: hsl(var(--opacity-black-68-hsl)/0.6784313725490196);
  --opacity-black-68-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-72: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
  --opacity-black-72-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-76: hsl(var(--opacity-black-76-hsl)/0.7607843137254902);
  --opacity-black-76-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-80: hsl(var(--opacity-black-80-hsl)/0.8);
  --opacity-black-80-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-84: hsl(var(--opacity-black-84-hsl)/0.8392156862745098);
  --opacity-black-84-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-88: hsl(var(--opacity-black-88-hsl)/0.8784313725490196);
  --opacity-black-88-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-92: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
  --opacity-black-92-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --opacity-black-96: hsl(var(--opacity-black-96-hsl)/0.9607843137254902);
  --opacity-black-96-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --transparent: hsl(var(--transparent-hsl)/0);
  --transparent-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --red-100: hsl(var(--red-100-hsl)/1);
  --red-100-hsl: 350 calc(var(--saturation-factor, 1) * 75%) 98.431%;
  --red-130: hsl(var(--red-130-hsl)/1);
  --red-130-hsl: 0 calc(var(--saturation-factor, 1) * 83.333%) 97.647%;
  --red-160: hsl(var(--red-160-hsl)/1);
  --red-160-hsl: 0 calc(var(--saturation-factor, 1) * 90.909%) 95.686%;
  --red-200: hsl(var(--red-200-hsl)/1);
  --red-200-hsl: 358.125 calc(var(--saturation-factor, 1) * 88.889%) 92.941%;
  --red-230: hsl(var(--red-230-hsl)/1);
  --red-230-hsl: 358.696 calc(var(--saturation-factor, 1) * 85.185%) 89.412%;
  --red-260: hsl(var(--red-260-hsl)/1);
  --red-260-hsl: 359.077 calc(var(--saturation-factor, 1) * 89.041%) 85.686%;
  --red-300: hsl(var(--red-300-hsl)/1);
  --red-300-hsl: 358.588 calc(var(--saturation-factor, 1) * 91.398%) 81.765%;
  --red-330: hsl(var(--red-330-hsl)/1);
  --red-330-hsl: 358.857 calc(var(--saturation-factor, 1) * 91.304%) 77.451%;
  --red-345: hsl(var(--red-345-hsl)/1);
  --red-345-hsl: 358.168 calc(var(--saturation-factor, 1) * 92.908%) 72.353%;
  --red-360: hsl(var(--red-360-hsl)/1);
  --red-360-hsl: 358.471 calc(var(--saturation-factor, 1) * 91.813%) 66.471%;
  --red-400: hsl(var(--red-400-hsl)/1);
  --red-400-hsl: 358.659 calc(var(--saturation-factor, 1) * 87.317%) 59.804%;
  --red-430: hsl(var(--red-430-hsl)/1);
  --red-430-hsl: 358.16 calc(var(--saturation-factor, 1) * 68.776%) 53.529%;
  --red-460: hsl(var(--red-460-hsl)/1);
  --red-460-hsl: 358.705 calc(var(--saturation-factor, 1) * 59.149%) 46.078%;
  --red-500: hsl(var(--red-500-hsl)/1);
  --red-500-hsl: 359.504 calc(var(--saturation-factor, 1) * 60.199%) 39.412%;
  --red-530: hsl(var(--red-530-hsl)/1);
  --red-530-hsl: 358.919 calc(var(--saturation-factor, 1) * 63.429%) 34.314%;
  --red-560: hsl(var(--red-560-hsl)/1);
  --red-560-hsl: 358.788 calc(var(--saturation-factor, 1) * 63.871%) 30.392%;
  --red-600: hsl(var(--red-600-hsl)/1);
  --red-600-hsl: 358.636 calc(var(--saturation-factor, 1) * 64.706%) 26.667%;
  --red-630: hsl(var(--red-630-hsl)/1);
  --red-630-hsl: 358.5 calc(var(--saturation-factor, 1) * 65.574%) 23.922%;
  --red-660: hsl(var(--red-660-hsl)/1);
  --red-660-hsl: 359.155 calc(var(--saturation-factor, 1) * 65.138%) 21.373%;
  --red-700: hsl(var(--red-700-hsl)/1);
  --red-700-hsl: 358.125 calc(var(--saturation-factor, 1) * 66.667%) 18.824%;
  --red-730: hsl(var(--red-730-hsl)/1);
  --red-730-hsl: 358.929 calc(var(--saturation-factor, 1) * 66.667%) 16.471%;
  --red-760: hsl(var(--red-760-hsl)/1);
  --red-760-hsl: 358.846 calc(var(--saturation-factor, 1) * 70.27%) 14.51%;
  --red-800: hsl(var(--red-800-hsl)/1);
  --red-800-hsl: 358.636 calc(var(--saturation-factor, 1) * 68.75%) 12.549%;
  --red-830: hsl(var(--red-830-hsl)/1);
  --red-830-hsl: 358.378 calc(var(--saturation-factor, 1) * 67.273%) 10.784%;
  --red-860: hsl(var(--red-860-hsl)/1);
  --red-860-hsl: 0 calc(var(--saturation-factor, 1) * 66.667%) 9.412%;
  --red-900: hsl(var(--red-900-hsl)/1);
  --red-900-hsl: 0 calc(var(--saturation-factor, 1) * 70%) 7.843%;
  --orange-100: hsl(var(--orange-100-hsl)/1);
  --orange-100-hsl: 18 calc(var(--saturation-factor, 1) * 100%) 98.039%;
  --orange-130: hsl(var(--orange-130-hsl)/1);
  --orange-130-hsl: 23.333 calc(var(--saturation-factor, 1) * 100%) 96.471%;
  --orange-160: hsl(var(--orange-160-hsl)/1);
  --orange-160-hsl: 21.29 calc(var(--saturation-factor, 1) * 93.939%) 93.529%;
  --orange-200: hsl(var(--orange-200-hsl)/1);
  --orange-200-hsl: 21.25 calc(var(--saturation-factor, 1) * 92.308%) 89.804%;
  --orange-230: hsl(var(--orange-230-hsl)/1);
  --orange-230-hsl: 23.514 calc(var(--saturation-factor, 1) * 92.5%) 84.314%;
  --orange-260: hsl(var(--orange-260-hsl)/1);
  --orange-260-hsl: 23.301 calc(var(--saturation-factor, 1) * 94.495%) 78.627%;
  --orange-300: hsl(var(--orange-300-hsl)/1);
  --orange-300-hsl: 25.468 calc(var(--saturation-factor, 1) * 94.558%) 71.176%;
  --orange-330: hsl(var(--orange-330-hsl)/1);
  --orange-330-hsl: 27 calc(var(--saturation-factor, 1) * 94.737%) 62.745%;
  --orange-345: hsl(var(--orange-345-hsl)/1);
  --orange-345-hsl: 28.342 calc(var(--saturation-factor, 1) * 87.665%) 55.49%;
  --orange-360: hsl(var(--orange-360-hsl)/1);
  --orange-360-hsl: 26.145 calc(var(--saturation-factor, 1) * 71.315%) 50.784%;
  --orange-400: hsl(var(--orange-400-hsl)/1);
  --orange-400-hsl: 25.443 calc(var(--saturation-factor, 1) * 67.521%) 45.882%;
  --orange-430: hsl(var(--orange-430-hsl)/1);
  --orange-430-hsl: 24.681 calc(var(--saturation-factor, 1) * 69.458%) 39.804%;
  --orange-460: hsl(var(--orange-460-hsl)/1);
  --orange-460-hsl: 23.538 calc(var(--saturation-factor, 1) * 72.222%) 35.294%;
  --orange-500: hsl(var(--orange-500-hsl)/1);
  --orange-500-hsl: 22.314 calc(var(--saturation-factor, 1) * 76.101%) 31.176%;
  --orange-530: hsl(var(--orange-530-hsl)/1);
  --orange-530-hsl: 21.869 calc(var(--saturation-factor, 1) * 76.978%) 27.255%;
  --orange-560: hsl(var(--orange-560-hsl)/1);
  --orange-560-hsl: 21.474 calc(var(--saturation-factor, 1) * 77.236%) 24.118%;
  --orange-600: hsl(var(--orange-600-hsl)/1);
  --orange-600-hsl: 22.857 calc(var(--saturation-factor, 1) * 79.245%) 20.784%;
  --orange-630: hsl(var(--orange-630-hsl)/1);
  --orange-630-hsl: 22.105 calc(var(--saturation-factor, 1) * 79.167%) 18.824%;
  --orange-660: hsl(var(--orange-660-hsl)/1);
  --orange-660-hsl: 22.388 calc(var(--saturation-factor, 1) * 78.824%) 16.667%;
  --orange-700: hsl(var(--orange-700-hsl)/1);
  --orange-700-hsl: 21.724 calc(var(--saturation-factor, 1) * 76.316%) 14.902%;
  --orange-730: hsl(var(--orange-730-hsl)/1);
  --orange-730-hsl: 21.923 calc(var(--saturation-factor, 1) * 78.788%) 12.941%;
  --orange-760: hsl(var(--orange-760-hsl)/1);
  --orange-760-hsl: 21.333 calc(var(--saturation-factor, 1) * 78.947%) 11.176%;
  --orange-800: hsl(var(--orange-800-hsl)/1);
  --orange-800-hsl: 21 calc(var(--saturation-factor, 1) * 80%) 9.804%;
  --orange-830: hsl(var(--orange-830-hsl)/1);
  --orange-830-hsl: 20 calc(var(--saturation-factor, 1) * 76.744%) 8.431%;
  --orange-860: hsl(var(--orange-860-hsl)/1);
  --orange-860-hsl: 20 calc(var(--saturation-factor, 1) * 72.973%) 7.255%;
  --orange-900: hsl(var(--orange-900-hsl)/1);
  --orange-900-hsl: 25.714 calc(var(--saturation-factor, 1) * 72.414%) 5.686%;
  --yellow-100: hsl(var(--yellow-100-hsl)/1);
  --yellow-100-hsl: 33.75 calc(var(--saturation-factor, 1) * 100%) 96.863%;
  --yellow-130: hsl(var(--yellow-130-hsl)/1);
  --yellow-130-hsl: 31.304 calc(var(--saturation-factor, 1) * 100%) 95.49%;
  --yellow-160: hsl(var(--yellow-160-hsl)/1);
  --yellow-160-hsl: 32.727 calc(var(--saturation-factor, 1) * 100%) 91.373%;
  --yellow-200: hsl(var(--yellow-200-hsl)/1);
  --yellow-200-hsl: 35 calc(var(--saturation-factor, 1) * 97.297%) 85.49%;
  --yellow-230: hsl(var(--yellow-230-hsl)/1);
  --yellow-230-hsl: 36.637 calc(var(--saturation-factor, 1) * 96.581%) 77.059%;
  --yellow-260: hsl(var(--yellow-260-hsl)/1);
  --yellow-260-hsl: 40.656 calc(var(--saturation-factor, 1) * 96.825%) 62.941%;
  --yellow-300: hsl(var(--yellow-300-hsl)/1);
  --yellow-300-hsl: 40.421 calc(var(--saturation-factor, 1) * 86.364%) 56.863%;
  --yellow-330: hsl(var(--yellow-330-hsl)/1);
  --yellow-330-hsl: 40 calc(var(--saturation-factor, 1) * 75.309%) 52.353%;
  --yellow-345: hsl(var(--yellow-345-hsl)/1);
  --yellow-345-hsl: 39.545 calc(var(--saturation-factor, 1) * 70.968%) 48.627%;
  --yellow-360: hsl(var(--yellow-360-hsl)/1);
  --yellow-360-hsl: 39.018 calc(var(--saturation-factor, 1) * 74.429%) 42.941%;
  --yellow-400: hsl(var(--yellow-400-hsl)/1);
  --yellow-400-hsl: 37.792 calc(var(--saturation-factor, 1) * 78.571%) 38.431%;
  --yellow-430: hsl(var(--yellow-430-hsl)/1);
  --yellow-430-hsl: 37.447 calc(var(--saturation-factor, 1) * 84.431%) 32.745%;
  --yellow-460: hsl(var(--yellow-460-hsl)/1);
  --yellow-460-hsl: 36.279 calc(var(--saturation-factor, 1) * 87.755%) 28.824%;
  --yellow-500: hsl(var(--yellow-500-hsl)/1);
  --yellow-500-hsl: 35.5 calc(var(--saturation-factor, 1) * 93.75%) 25.098%;
  --yellow-530: hsl(var(--yellow-530-hsl)/1);
  --yellow-530-hsl: 34.857 calc(var(--saturation-factor, 1) * 92.92%) 22.157%;
  --yellow-560: hsl(var(--yellow-560-hsl)/1);
  --yellow-560-hsl: 33.83 calc(var(--saturation-factor, 1) * 94%) 19.608%;
  --yellow-600: hsl(var(--yellow-600-hsl)/1);
  --yellow-600-hsl: 34.815 calc(var(--saturation-factor, 1) * 93.103%) 17.059%;
  --yellow-630: hsl(var(--yellow-630-hsl)/1);
  --yellow-630-hsl: 34.521 calc(var(--saturation-factor, 1) * 92.405%) 15.49%;
  --yellow-660: hsl(var(--yellow-660-hsl)/1);
  --yellow-660-hsl: 34.688 calc(var(--saturation-factor, 1) * 91.429%) 13.725%;
  --yellow-700: hsl(var(--yellow-700-hsl)/1);
  --yellow-700-hsl: 34.286 calc(var(--saturation-factor, 1) * 90.323%) 12.157%;
  --yellow-730: hsl(var(--yellow-730-hsl)/1);
  --yellow-730-hsl: 32.941 calc(var(--saturation-factor, 1) * 92.727%) 10.784%;
  --yellow-760: hsl(var(--yellow-760-hsl)/1);
  --yellow-760-hsl: 32.727 calc(var(--saturation-factor, 1) * 91.667%) 9.412%;
  --yellow-800: hsl(var(--yellow-800-hsl)/1);
  --yellow-800-hsl: 32.432 calc(var(--saturation-factor, 1) * 90.244%) 8.039%;
  --yellow-830: hsl(var(--yellow-830-hsl)/1);
  --yellow-830-hsl: 31.875 calc(var(--saturation-factor, 1) * 88.889%) 7.059%;
  --yellow-860: hsl(var(--yellow-860-hsl)/1);
  --yellow-860-hsl: 32.308 calc(var(--saturation-factor, 1) * 86.667%) 5.882%;
  --yellow-900: hsl(var(--yellow-900-hsl)/1);
  --yellow-900-hsl: 36 calc(var(--saturation-factor, 1) * 83.333%) 4.706%;
  --green-100: hsl(var(--green-100-hsl)/1);
  --green-100-hsl: 136.667 calc(var(--saturation-factor, 1) * 90%) 96.078%;
  --green-130: hsl(var(--green-130-hsl)/1);
  --green-130-hsl: 136.875 calc(var(--saturation-factor, 1) * 94.118%) 93.333%;
  --green-160: hsl(var(--green-160-hsl)/1);
  --green-160-hsl: 140.952 calc(var(--saturation-factor, 1) * 91.304%) 86.471%;
  --green-200: hsl(var(--green-200-hsl)/1);
  --green-200-hsl: 143.478 calc(var(--saturation-factor, 1) * 93.496%) 75.882%;
  --green-230: hsl(var(--green-230-hsl)/1);
  --green-230-hsl: 146.323 calc(var(--saturation-factor, 1) * 86.592%) 64.902%;
  --green-260: hsl(var(--green-260-hsl)/1);
  --green-260-hsl: 145.605 calc(var(--saturation-factor, 1) * 75.12%) 59.02%;
  --green-300: hsl(var(--green-300-hsl)/1);
  --green-300-hsl: 146.323 calc(var(--saturation-factor, 1) * 65.401%) 53.529%;
  --green-330: hsl(var(--green-330-hsl)/1);
  --green-330-hsl: 146.494 calc(var(--saturation-factor, 1) * 63.115%) 47.843%;
  --green-345: hsl(var(--green-345-hsl)/1);
  --green-345-hsl: 146.939 calc(var(--saturation-factor, 1) * 65.919%) 43.725%;
  --green-360: hsl(var(--green-360-hsl)/1);
  --green-360-hsl: 145.385 calc(var(--saturation-factor, 1) * 65%) 39.216%;
  --green-400: hsl(var(--green-400-hsl)/1);
  --green-400-hsl: 142.703 calc(var(--saturation-factor, 1) * 60.656%) 35.882%;
  --green-430: hsl(var(--green-430-hsl)/1);
  --green-430-hsl: 141.522 calc(var(--saturation-factor, 1) * 56.098%) 32.157%;
  --green-460: hsl(var(--green-460-hsl)/1);
  --green-460-hsl: 141.481 calc(var(--saturation-factor, 1) * 56.643%) 28.039%;
  --green-500: hsl(var(--green-500-hsl)/1);
  --green-500-hsl: 141.37 calc(var(--saturation-factor, 1) * 58.4%) 24.51%;
  --green-530: hsl(var(--green-530-hsl)/1);
  --green-530-hsl: 140.308 calc(var(--saturation-factor, 1) * 60.748%) 20.98%;
  --green-560: hsl(var(--green-560-hsl)/1);
  --green-560-hsl: 138.621 calc(var(--saturation-factor, 1) * 61.702%) 18.431%;
  --green-600: hsl(var(--green-600-hsl)/1);
  --green-600-hsl: 139.245 calc(var(--saturation-factor, 1) * 65.432%) 15.882%;
  --green-630: hsl(var(--green-630-hsl)/1);
  --green-630-hsl: 140 calc(var(--saturation-factor, 1) * 66.667%) 14.118%;
  --green-660: hsl(var(--green-660-hsl)/1);
  --green-660-hsl: 139.091 calc(var(--saturation-factor, 1) * 68.75%) 12.549%;
  --green-700: hsl(var(--green-700-hsl)/1);
  --green-700-hsl: 141 calc(var(--saturation-factor, 1) * 74.074%) 10.588%;
  --green-730: hsl(var(--green-730-hsl)/1);
  --green-730-hsl: 138.333 calc(var(--saturation-factor, 1) * 78.261%) 9.02%;
  --green-760: hsl(var(--green-760-hsl)/1);
  --green-760-hsl: 140 calc(var(--saturation-factor, 1) * 84.615%) 7.647%;
  --green-800: hsl(var(--green-800-hsl)/1);
  --green-800-hsl: 139.286 calc(var(--saturation-factor, 1) * 82.353%) 6.667%;
  --green-830: hsl(var(--green-830-hsl)/1);
  --green-830-hsl: 137.5 calc(var(--saturation-factor, 1) * 80%) 5.882%;
  --green-860: hsl(var(--green-860-hsl)/1);
  --green-860-hsl: 132.632 calc(var(--saturation-factor, 1) * 70.37%) 5.294%;
  --green-900: hsl(var(--green-900-hsl)/1);
  --green-900-hsl: 128.571 calc(var(--saturation-factor, 1) * 58.333%) 4.706%;
  --blue-100: hsl(var(--blue-100-hsl)/1);
  --blue-100-hsl: 210 calc(var(--saturation-factor, 1) * 80%) 98.039%;
  --blue-130: hsl(var(--blue-130-hsl)/1);
  --blue-130-hsl: 210 calc(var(--saturation-factor, 1) * 87.5%) 96.863%;
  --blue-160: hsl(var(--blue-160-hsl)/1);
  --blue-160-hsl: 208.889 calc(var(--saturation-factor, 1) * 87.097%) 93.922%;
  --blue-200: hsl(var(--blue-200-hsl)/1);
  --blue-200-hsl: 206.25 calc(var(--saturation-factor, 1) * 92.308%) 89.804%;
  --blue-230: hsl(var(--blue-230-hsl)/1);
  --blue-230-hsl: 205.135 calc(var(--saturation-factor, 1) * 92.5%) 84.314%;
  --blue-260: hsl(var(--blue-260-hsl)/1);
  --blue-260-hsl: 204.231 calc(var(--saturation-factor, 1) * 94.545%) 78.431%;
  --blue-300: hsl(var(--blue-300-hsl)/1);
  --blue-300-hsl: 202.649 calc(var(--saturation-factor, 1) * 97.419%) 69.608%;
  --blue-330: hsl(var(--blue-330-hsl)/1);
  --blue-330-hsl: 200.957 calc(var(--saturation-factor, 1) * 100%) 59.02%;
  --blue-345: hsl(var(--blue-345-hsl)/1);
  --blue-345-hsl: 199.524 calc(var(--saturation-factor, 1) * 100%) 49.412%;
  --blue-360: hsl(var(--blue-360-hsl)/1);
  --blue-360-hsl: 202.562 calc(var(--saturation-factor, 1) * 100%) 47.451%;
  --blue-400: hsl(var(--blue-400-hsl)/1);
  --blue-400-hsl: 206.809 calc(var(--saturation-factor, 1) * 100%) 46.078%;
  --blue-430: hsl(var(--blue-430-hsl)/1);
  --blue-430-hsl: 212.208 calc(var(--saturation-factor, 1) * 100%) 45.294%;
  --blue-460: hsl(var(--blue-460-hsl)/1);
  --blue-460-hsl: 213.589 calc(var(--saturation-factor, 1) * 100%) 40.98%;
  --blue-500: hsl(var(--blue-500-hsl)/1);
  --blue-500-hsl: 213.297 calc(var(--saturation-factor, 1) * 100%) 35.686%;
  --blue-530: hsl(var(--blue-530-hsl)/1);
  --blue-530-hsl: 212.129 calc(var(--saturation-factor, 1) * 100%) 30.392%;
  --blue-560: hsl(var(--blue-560-hsl)/1);
  --blue-560-hsl: 211.765 calc(var(--saturation-factor, 1) * 100%) 26.667%;
  --blue-600: hsl(var(--blue-600-hsl)/1);
  --blue-600-hsl: 211.017 calc(var(--saturation-factor, 1) * 100%) 23.137%;
  --blue-630: hsl(var(--blue-630-hsl)/1);
  --blue-630-hsl: 211.132 calc(var(--saturation-factor, 1) * 100%) 20.784%;
  --blue-660: hsl(var(--blue-660-hsl)/1);
  --blue-660-hsl: 211.579 calc(var(--saturation-factor, 1) * 100%) 18.627%;
  --blue-700: hsl(var(--blue-700-hsl)/1);
  --blue-700-hsl: 211.765 calc(var(--saturation-factor, 1) * 100%) 16.667%;
  --blue-730: hsl(var(--blue-730-hsl)/1);
  --blue-730-hsl: 210.833 calc(var(--saturation-factor, 1) * 100%) 14.118%;
  --blue-760: hsl(var(--blue-760-hsl)/1);
  --blue-760-hsl: 211.429 calc(var(--saturation-factor, 1) * 100%) 12.353%;
  --blue-800: hsl(var(--blue-800-hsl)/1);
  --blue-800-hsl: 211.111 calc(var(--saturation-factor, 1) * 100%) 10.588%;
  --blue-830: hsl(var(--blue-830-hsl)/1);
  --blue-830-hsl: 212.5 calc(var(--saturation-factor, 1) * 100%) 9.412%;
  --blue-860: hsl(var(--blue-860-hsl)/1);
  --blue-860-hsl: 213.488 calc(var(--saturation-factor, 1) * 100%) 8.431%;
  --blue-900: hsl(var(--blue-900-hsl)/1);
  --blue-900-hsl: 213.333 calc(var(--saturation-factor, 1) * 100%) 7.059%;
  --teal-100: hsl(var(--teal-100-hsl)/1);
  --teal-100-hsl: 193.333 calc(var(--saturation-factor, 1) * 69.231%) 97.451%;
  --teal-130: hsl(var(--teal-130-hsl)/1);
  --teal-130-hsl: 192 calc(var(--saturation-factor, 1) * 83.333%) 95.294%;
  --teal-160: hsl(var(--teal-160-hsl)/1);
  --teal-160-hsl: 190.5 calc(var(--saturation-factor, 1) * 83.333%) 90.588%;
  --teal-200: hsl(var(--teal-200-hsl)/1);
  --teal-200-hsl: 188.333 calc(var(--saturation-factor, 1) * 85.714%) 83.529%;
  --teal-230: hsl(var(--teal-230-hsl)/1);
  --teal-230-hsl: 187.934 calc(var(--saturation-factor, 1) * 88.321%) 73.137%;
  --teal-260: hsl(var(--teal-260-hsl)/1);
  --teal-260-hsl: 188.276 calc(var(--saturation-factor, 1) * 81.921%) 65.294%;
  --teal-300: hsl(var(--teal-300-hsl)/1);
  --teal-300-hsl: 188.903 calc(var(--saturation-factor, 1) * 72.77%) 58.235%;
  --teal-330: hsl(var(--teal-330-hsl)/1);
  --teal-330-hsl: 189.375 calc(var(--saturation-factor, 1) * 65.574%) 52.157%;
  --teal-345: hsl(var(--teal-345-hsl)/1);
  --teal-345-hsl: 189.677 calc(var(--saturation-factor, 1) * 62.753%) 48.431%;
  --teal-360: hsl(var(--teal-360-hsl)/1);
  --teal-360-hsl: 189.718 calc(var(--saturation-factor, 1) * 63.964%) 43.529%;
  --teal-400: hsl(var(--teal-400-hsl)/1);
  --teal-400-hsl: 189.6 calc(var(--saturation-factor, 1) * 63.452%) 38.627%;
  --teal-430: hsl(var(--teal-430-hsl)/1);
  --teal-430-hsl: 190.459 calc(var(--saturation-factor, 1) * 63.006%) 33.922%;
  --teal-460: hsl(var(--teal-460-hsl)/1);
  --teal-460-hsl: 190.515 calc(var(--saturation-factor, 1) * 64.238%) 29.608%;
  --teal-500: hsl(var(--teal-500-hsl)/1);
  --teal-500-hsl: 190.465 calc(var(--saturation-factor, 1) * 65.152%) 25.882%;
  --teal-530: hsl(var(--teal-530-hsl)/1);
  --teal-530-hsl: 190.263 calc(var(--saturation-factor, 1) * 66.667%) 22.353%;
  --teal-560: hsl(var(--teal-560-hsl)/1);
  --teal-560-hsl: 189.565 calc(var(--saturation-factor, 1) * 69.697%) 19.412%;
  --teal-600: hsl(var(--teal-600-hsl)/1);
  --teal-600-hsl: 188.852 calc(var(--saturation-factor, 1) * 71.765%) 16.667%;
  --teal-630: hsl(var(--teal-630-hsl)/1);
  --teal-630-hsl: 189.643 calc(var(--saturation-factor, 1) * 73.684%) 14.902%;
  --teal-660: hsl(var(--teal-660-hsl)/1);
  --teal-660-hsl: 188.4 calc(var(--saturation-factor, 1) * 75.758%) 12.941%;
  --teal-700: hsl(var(--teal-700-hsl)/1);
  --teal-700-hsl: 189.13 calc(var(--saturation-factor, 1) * 79.31%) 11.373%;
  --teal-730: hsl(var(--teal-730-hsl)/1);
  --teal-730-hsl: 189 calc(var(--saturation-factor, 1) * 80%) 9.804%;
  --teal-760: hsl(var(--teal-760-hsl)/1);
  --teal-760-hsl: 188.571 calc(var(--saturation-factor, 1) * 81.395%) 8.431%;
  --teal-800: hsl(var(--teal-800-hsl)/1);
  --teal-800-hsl: 188 calc(var(--saturation-factor, 1) * 83.333%) 7.059%;
  --teal-830: hsl(var(--teal-830-hsl)/1);
  --teal-830-hsl: 188.889 calc(var(--saturation-factor, 1) * 87.097%) 6.078%;
  --teal-860: hsl(var(--teal-860-hsl)/1);
  --teal-860-hsl: 187.826 calc(var(--saturation-factor, 1) * 85.185%) 5.294%;
  --teal-900: hsl(var(--teal-900-hsl)/1);
  --teal-900-hsl: 189 calc(var(--saturation-factor, 1) * 90.909%) 4.314%;
  --white: hsl(var(--white-hsl)/1);
  --white-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --white-500: hsl(var(--white-500-hsl)/1);
  --white-500-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 100%;
  --black: hsl(var(--black-hsl)/1);
  --black-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --black-500: hsl(var(--black-500-hsl)/1);
  --black-500-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0%;
  --brand-100: hsl(var(--brand-100-hsl)/1);
  --brand-100-hsl: 240 calc(var(--saturation-factor, 1) * 77.778%) 98.235%;
  --brand-130: hsl(var(--brand-130-hsl)/1);
  --brand-130-hsl: 235.714 calc(var(--saturation-factor, 1) * 87.5%) 96.863%;
  --brand-160: hsl(var(--brand-160-hsl)/1);
  --brand-160-hsl: 234.545 calc(var(--saturation-factor, 1) * 84.615%) 94.902%;
  --brand-200: hsl(var(--brand-200-hsl)/1);
  --brand-200-hsl: 236 calc(var(--saturation-factor, 1) * 83.333%) 92.941%;
  --brand-230: hsl(var(--brand-230-hsl)/1);
  --brand-230-hsl: 235.5 calc(var(--saturation-factor, 1) * 86.957%) 90.98%;
  --brand-260: hsl(var(--brand-260-hsl)/1);
  --brand-260-hsl: 235.2 calc(var(--saturation-factor, 1) * 86.207%) 88.627%;
  --brand-300: hsl(var(--brand-300-hsl)/1);
  --brand-300-hsl: 235.161 calc(var(--saturation-factor, 1) * 86.111%) 85.882%;
  --brand-330: hsl(var(--brand-330-hsl)/1);
  --brand-330-hsl: 234.75 calc(var(--saturation-factor, 1) * 85.106%) 81.569%;
  --brand-345: hsl(var(--brand-345-hsl)/1);
  --brand-345-hsl: 234.783 calc(var(--saturation-factor, 1) * 85.185%) 78.824%;
  --brand-360: hsl(var(--brand-360-hsl)/1);
  --brand-360-hsl: 235.152 calc(var(--saturation-factor, 1) * 86.087%) 77.451%;
  --brand-400: hsl(var(--brand-400-hsl)/1);
  --brand-400-hsl: 234.677 calc(var(--saturation-factor, 1) * 86.111%) 71.765%;
  --brand-430: hsl(var(--brand-430-hsl)/1);
  --brand-430-hsl: 235 calc(var(--saturation-factor, 1) * 85.714%) 69.804%;
  --brand-460: hsl(var(--brand-460-hsl)/1);
  --brand-460-hsl: 234.93 calc(var(--saturation-factor, 1) * 85.542%) 67.451%;
  --brand-500: hsl(var(--brand-500-hsl)/1);
  --brand-500-hsl: 234.935 calc(var(--saturation-factor, 1) * 85.556%) 64.706%;
  --brand-530: hsl(var(--brand-530-hsl)/1);
  --brand-530-hsl: 234.857 calc(var(--saturation-factor, 1) * 66.667%) 58.824%;
  --brand-560: hsl(var(--brand-560-hsl)/1);
  --brand-560-hsl: 234.72 calc(var(--saturation-factor, 1) * 51.44%) 52.353%;
  --brand-600: hsl(var(--brand-600-hsl)/1);
  --brand-600-hsl: 234.857 calc(var(--saturation-factor, 1) * 46.667%) 44.118%;
  --brand-630: hsl(var(--brand-630-hsl)/1);
  --brand-630-hsl: 235.385 calc(var(--saturation-factor, 1) * 46.667%) 38.235%;
  --brand-660: hsl(var(--brand-660-hsl)/1);
  --brand-660-hsl: 234.75 calc(var(--saturation-factor, 1) * 47.059%) 33.333%;
  --brand-700: hsl(var(--brand-700-hsl)/1);
  --brand-700-hsl: 235.161 calc(var(--saturation-factor, 1) * 46.97%) 25.882%;
  --brand-730: hsl(var(--brand-730-hsl)/1);
  --brand-730-hsl: 234.828 calc(var(--saturation-factor, 1) * 46.774%) 24.314%;
  --brand-760: hsl(var(--brand-760-hsl)/1);
  --brand-760-hsl: 234.34 calc(var(--saturation-factor, 1) * 46.903%) 22.157%;
  --brand-800: hsl(var(--brand-800-hsl)/1);
  --brand-800-hsl: 234.894 calc(var(--saturation-factor, 1) * 47.475%) 19.412%;
  --brand-830: hsl(var(--brand-830-hsl)/1);
  --brand-830-hsl: 235 calc(var(--saturation-factor, 1) * 47.368%) 14.902%;
  --brand-860: hsl(var(--brand-860-hsl)/1);
  --brand-860-hsl: 234.783 calc(var(--saturation-factor, 1) * 46.939%) 9.608%;
  --brand-900: hsl(var(--brand-900-hsl)/1);
  --brand-900-hsl: 232.5 calc(var(--saturation-factor, 1) * 50%) 3.137%;
  --primary-100: hsl(var(--primary-100-hsl)/1);
  --primary-100-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 97.647%;
  --primary-130: hsl(var(--primary-130-hsl)/1);
  --primary-130-hsl: 220 calc(var(--saturation-factor, 1) * 13.043%) 95.49%;
  --primary-160: hsl(var(--primary-160-hsl)/1);
  --primary-160-hsl: 210 calc(var(--saturation-factor, 1) * 11.111%) 92.941%;
  --primary-200: hsl(var(--primary-200-hsl)/1);
  --primary-200-hsl: 216 calc(var(--saturation-factor, 1) * 9.804%) 90%;
  --primary-230: hsl(var(--primary-230-hsl)/1);
  --primary-230-hsl: 210 calc(var(--saturation-factor, 1) * 9.091%) 87.059%;
  --primary-260: hsl(var(--primary-260-hsl)/1);
  --primary-260-hsl: 214.286 calc(var(--saturation-factor, 1) * 8.434%) 83.725%;
  --primary-300: hsl(var(--primary-300-hsl)/1);
  --primary-300-hsl: 210 calc(var(--saturation-factor, 1) * 9.259%) 78.824%;
  --primary-330: hsl(var(--primary-330-hsl)/1);
  --primary-330-hsl: 215 calc(var(--saturation-factor, 1) * 8.824%) 73.333%;
  --primary-345: hsl(var(--primary-345-hsl)/1);
  --primary-345-hsl: 214.286 calc(var(--saturation-factor, 1) * 8.434%) 67.451%;
  --primary-360: hsl(var(--primary-360-hsl)/1);
  --primary-360-hsl: 213.75 calc(var(--saturation-factor, 1) * 8.081%) 61.176%;
  --primary-400: hsl(var(--primary-400-hsl)/1);
  --primary-400-hsl: 222.857 calc(var(--saturation-factor, 1) * 5.833%) 52.941%;
  --primary-430: hsl(var(--primary-430-hsl)/1);
  --primary-430-hsl: 229.091 calc(var(--saturation-factor, 1) * 4.803%) 44.902%;
  --primary-460: hsl(var(--primary-460-hsl)/1);
  --primary-460-hsl: 228 calc(var(--saturation-factor, 1) * 5.155%) 38.039%;
  --primary-500: hsl(var(--primary-500-hsl)/1);
  --primary-500-hsl: 228 calc(var(--saturation-factor, 1) * 6.024%) 32.549%;
  --primary-530: hsl(var(--primary-530-hsl)/1);
  --primary-530-hsl: 226.667 calc(var(--saturation-factor, 1) * 6.475%) 27.255%;
  --primary-560: hsl(var(--primary-560-hsl)/1);
  --primary-560-hsl: 225 calc(var(--saturation-factor, 1) * 6.667%) 23.529%;
  --primary-600: hsl(var(--primary-600-hsl)/1);
  --primary-600-hsl: 222.857 calc(var(--saturation-factor, 1) * 6.667%) 20.588%;
  --primary-630: hsl(var(--primary-630-hsl)/1);
  --primary-630-hsl: 220 calc(var(--saturation-factor, 1) * 6.522%) 18.039%;
  --primary-645: hsl(var(--primary-645-hsl)/1);
  --primary-645-hsl: 220 calc(var(--saturation-factor, 1) * 6.977%) 16.863%;
  --primary-660: hsl(var(--primary-660-hsl)/1);
  --primary-660-hsl: 228 calc(var(--saturation-factor, 1) * 6.667%) 14.706%;
  --primary-700: hsl(var(--primary-700-hsl)/1);
  --primary-700-hsl: 225 calc(var(--saturation-factor, 1) * 6.25%) 12.549%;
  --primary-730: hsl(var(--primary-730-hsl)/1);
  --primary-730-hsl: 225 calc(var(--saturation-factor, 1) * 7.143%) 10.98%;
  --primary-760: hsl(var(--primary-760-hsl)/1);
  --primary-760-hsl: 220 calc(var(--saturation-factor, 1) * 6.383%) 9.216%;
  --primary-800: hsl(var(--primary-800-hsl)/1);
  --primary-800-hsl: 220 calc(var(--saturation-factor, 1) * 8.108%) 7.255%;
  --primary-830: hsl(var(--primary-830-hsl)/1);
  --primary-830-hsl: 240 calc(var(--saturation-factor, 1) * 4%) 4.902%;
  --primary-860: hsl(var(--primary-860-hsl)/1);
  --primary-860-hsl: 240 calc(var(--saturation-factor, 1) * 7.692%) 2.549%;
  --primary-900: hsl(var(--primary-900-hsl)/1);
  --primary-900-hsl: 0 calc(var(--saturation-factor, 1) * 0%) 0.784%;
  --plum-0: hsl(var(--plum-0-hsl)/1);
  --plum-0-hsl: 240 calc(var(--saturation-factor, 1) * 9.091%) 97.843%;
  --plum-1: hsl(var(--plum-1-hsl)/1);
  --plum-1-hsl: 240 calc(var(--saturation-factor, 1) * 4.348%) 95.49%;
  --plum-2: hsl(var(--plum-2-hsl)/1);
  --plum-2-hsl: 220 calc(var(--saturation-factor, 1) * 8.571%) 93.137%;
  --plum-3: hsl(var(--plum-3-hsl)/1);
  --plum-3-hsl: 225 calc(var(--saturation-factor, 1) * 8%) 90.196%;
  --plum-4: hsl(var(--plum-4-hsl)/1);
  --plum-4-hsl: 225 calc(var(--saturation-factor, 1) * 6.25%) 87.451%;
  --plum-5: hsl(var(--plum-5-hsl)/1);
  --plum-5-hsl: 220 calc(var(--saturation-factor, 1) * 7.317%) 83.922%;
  --plum-6: hsl(var(--plum-6-hsl)/1);
  --plum-6-hsl: 231.429 calc(var(--saturation-factor, 1) * 6.667%) 79.412%;
  --plum-7: hsl(var(--plum-7-hsl)/1);
  --plum-7-hsl: 226.667 calc(var(--saturation-factor, 1) * 6.767%) 73.922%;
  --plum-8: hsl(var(--plum-8-hsl)/1);
  --plum-8-hsl: 230 calc(var(--saturation-factor, 1) * 7.407%) 68.235%;
  --plum-9: hsl(var(--plum-9-hsl)/1);
  --plum-9-hsl: 231.429 calc(var(--saturation-factor, 1) * 7.071%) 61.176%;
  --plum-10: hsl(var(--plum-10-hsl)/1);
  --plum-10-hsl: 228.75 calc(var(--saturation-factor, 1) * 6.78%) 53.725%;
  --plum-11: hsl(var(--plum-11-hsl)/1);
  --plum-11-hsl: 228.75 calc(var(--saturation-factor, 1) * 6.897%) 45.49%;
  --plum-12: hsl(var(--plum-12-hsl)/1);
  --plum-12-hsl: 228 calc(var(--saturation-factor, 1) * 7.614%) 38.627%;
  --plum-13: hsl(var(--plum-13-hsl)/1);
  --plum-13-hsl: 227.143 calc(var(--saturation-factor, 1) * 8.333%) 32.941%;
  --plum-14: hsl(var(--plum-14-hsl)/1);
  --plum-14-hsl: 230 calc(var(--saturation-factor, 1) * 8.451%) 27.843%;
  --plum-15: hsl(var(--plum-15-hsl)/1);
  --plum-15-hsl: 229.091 calc(var(--saturation-factor, 1) * 8.943%) 24.118%;
  --plum-16: hsl(var(--plum-16-hsl)/1);
  --plum-16-hsl: 234 calc(var(--saturation-factor, 1) * 9.259%) 21.176%;
  --plum-17: hsl(var(--plum-17-hsl)/1);
  --plum-17-hsl: 233.333 calc(var(--saturation-factor, 1) * 9.278%) 19.02%;
  --plum-18: hsl(var(--plum-18-hsl)/1);
  --plum-18-hsl: 233.333 calc(var(--saturation-factor, 1) * 10.588%) 16.667%;
  --plum-19: hsl(var(--plum-19-hsl)/1);
  --plum-19-hsl: 232.5 calc(var(--saturation-factor, 1) * 10.811%) 14.51%;
  --plum-20: hsl(var(--plum-20-hsl)/1);
  --plum-20-hsl: 231.429 calc(var(--saturation-factor, 1) * 11.111%) 12.353%;
  --plum-21: hsl(var(--plum-21-hsl)/1);
  --plum-21-hsl: 231.429 calc(var(--saturation-factor, 1) * 12.727%) 10.784%;
  --plum-22: hsl(var(--plum-22-hsl)/1);
  --plum-22-hsl: 240 calc(var(--saturation-factor, 1) * 12%) 9.804%;
  --plum-23: hsl(var(--plum-23-hsl)/1);
  --plum-23-hsl: 240 calc(var(--saturation-factor, 1) * 11.628%) 8.431%;
  --plum-24: hsl(var(--plum-24-hsl)/1);
  --plum-24-hsl: 228 calc(var(--saturation-factor, 1) * 14.286%) 6.863%;
  --plum-25: hsl(var(--plum-25-hsl)/1);
  --plum-25-hsl: 240 calc(var(--saturation-factor, 1) * 14.286%) 5.49%;
  --plum-26: hsl(var(--plum-26-hsl)/1);
  --plum-26-hsl: 240 calc(var(--saturation-factor, 1) * 15.789%) 3.725%;
}
.visual-refresh {
  --blue-100: var(--blue-new-1);
  --blue-100-hsl: var(--blue-new-1-hsl);
  --blue-130: var(--blue-new-1);
  --blue-130-hsl: var(--blue-new-1-hsl);
  --blue-160: var(--blue-new-1);
  --blue-160-hsl: var(--blue-new-1-hsl);
  --blue-200: var(--blue-new-5);
  --blue-200-hsl: var(--blue-new-5-hsl);
  --blue-230: var(--blue-new-11);
  --blue-230-hsl: var(--blue-new-11-hsl);
  --blue-260: var(--blue-new-16);
  --blue-260-hsl: var(--blue-new-16-hsl);
  --blue-300: var(--blue-new-24);
  --blue-300-hsl: var(--blue-new-24-hsl);
  --blue-330: var(--blue-new-30);
  --blue-330-hsl: var(--blue-new-30-hsl);
  --blue-345: var(--blue-new-36);
  --blue-345-hsl: var(--blue-new-36-hsl);
  --blue-360: var(--blue-new-40);
  --blue-360-hsl: var(--blue-new-40-hsl);
  --blue-400: var(--blue-new-46);
  --blue-400-hsl: var(--blue-new-46-hsl);
  --blue-430: var(--blue-new-52);
  --blue-430-hsl: var(--blue-new-52-hsl);
  --blue-460: var(--blue-new-57);
  --blue-460-hsl: var(--blue-new-57-hsl);
  --blue-500: var(--blue-new-62);
  --blue-500-hsl: var(--blue-new-62-hsl);
  --blue-530: var(--blue-new-67);
  --blue-530-hsl: var(--blue-new-67-hsl);
  --blue-560: var(--blue-new-71);
  --blue-560-hsl: var(--blue-new-71-hsl);
  --blue-600: var(--blue-new-75);
  --blue-600-hsl: var(--blue-new-75-hsl);
  --blue-630: var(--blue-new-78);
  --blue-630-hsl: var(--blue-new-78-hsl);
  --blue-660: var(--blue-new-81);
  --blue-660-hsl: var(--blue-new-81-hsl);
  --blue-700: var(--blue-new-84);
  --blue-700-hsl: var(--blue-new-84-hsl);
  --blue-730: var(--blue-new-87);
  --blue-730-hsl: var(--blue-new-87-hsl);
  --blue-760: var(--blue-new-90);
  --blue-760-hsl: var(--blue-new-90-hsl);
  --blue-800: var(--blue-new-92);
  --blue-800-hsl: var(--blue-new-92-hsl);
  --blue-830: var(--blue-new-94);
  --blue-830-hsl: var(--blue-new-94-hsl);
  --blue-860: var(--blue-new-95);
  --blue-860-hsl: var(--blue-new-95-hsl);
  --blue-900: var(--blue-new-96);
  --blue-900-hsl: var(--blue-new-96-hsl);
  --brand-100: var(--blurple-1);
  --brand-100-hsl: var(--blurple-1-hsl);
  --brand-130: var(--blurple-1);
  --brand-130-hsl: var(--blurple-1-hsl);
  --brand-160: var(--blurple-1);
  --brand-160-hsl: var(--blurple-1-hsl);
  --brand-200: var(--blurple-4);
  --brand-200-hsl: var(--blurple-4-hsl);
  --brand-230: var(--blurple-7);
  --brand-230-hsl: var(--blurple-7-hsl);
  --brand-260: var(--blurple-10);
  --brand-260-hsl: var(--blurple-10-hsl);
  --brand-300: var(--blurple-15);
  --brand-300-hsl: var(--blurple-15-hsl);
  --brand-330: var(--blurple-21);
  --brand-330-hsl: var(--blurple-21-hsl);
  --brand-345: var(--blurple-26);
  --brand-345-hsl: var(--blurple-26-hsl);
  --brand-360: var(--blurple-29);
  --brand-360-hsl: var(--blurple-29-hsl);
  --brand-400: var(--blurple-38);
  --brand-400-hsl: var(--blurple-38-hsl);
  --brand-430: var(--blurple-41);
  --brand-430-hsl: var(--blurple-41-hsl);
  --brand-460: var(--blurple-45);
  --brand-460-hsl: var(--blurple-45-hsl);
  --brand-500: var(--blurple-50);
  --brand-500-hsl: var(--blurple-50-hsl);
  --brand-530: var(--blurple-54);
  --brand-530-hsl: var(--blurple-54-hsl);
  --brand-560: var(--blurple-59);
  --brand-560-hsl: var(--blurple-59-hsl);
  --brand-600: var(--blurple-65);
  --brand-600-hsl: var(--blurple-65-hsl);
  --brand-630: var(--blurple-70);
  --brand-630-hsl: var(--blurple-70-hsl);
  --brand-660: var(--blurple-74);
  --brand-660-hsl: var(--blurple-74-hsl);
  --brand-700: var(--blurple-81);
  --brand-700-hsl: var(--blurple-81-hsl);
  --brand-730: var(--blurple-82);
  --brand-730-hsl: var(--blurple-82-hsl);
  --brand-760: var(--blurple-84);
  --brand-760-hsl: var(--blurple-84-hsl);
  --brand-800: var(--blurple-86);
  --brand-800-hsl: var(--blurple-86-hsl);
  --brand-830: var(--blurple-91);
  --brand-830-hsl: var(--blurple-91-hsl);
  --brand-860: var(--blurple-96);
  --brand-860-hsl: var(--blurple-96-hsl);
  --brand-900: var(--blurple-99);
  --brand-900-hsl: var(--blurple-99-hsl);
  --green-100: var(--green-new-1);
  --green-100-hsl: var(--green-new-1-hsl);
  --green-130: var(--green-new-1);
  --green-130-hsl: var(--green-new-1-hsl);
  --green-160: var(--green-new-3);
  --green-160-hsl: var(--green-new-3-hsl);
  --green-200: var(--green-new-9);
  --green-200-hsl: var(--green-new-9-hsl);
  --green-230: var(--green-new-16);
  --green-230-hsl: var(--green-new-16-hsl);
  --green-260: var(--green-new-21);
  --green-260-hsl: var(--green-new-21-hsl);
  --green-300: var(--green-new-25);
  --green-300-hsl: var(--green-new-25-hsl);
  --green-330: var(--green-new-29);
  --green-330-hsl: var(--green-new-29-hsl);
  --green-345: var(--green-new-34);
  --green-345-hsl: var(--green-new-34-hsl);
  --green-360: var(--green-new-40);
  --green-360-hsl: var(--green-new-40-hsl);
  --green-400: var(--green-new-45);
  --green-400-hsl: var(--green-new-45-hsl);
  --green-430: var(--green-new-52);
  --green-430-hsl: var(--green-new-52-hsl);
  --green-460: var(--green-new-58);
  --green-460-hsl: var(--green-new-58-hsl);
  --green-500: var(--green-new-63);
  --green-500-hsl: var(--green-new-63-hsl);
  --green-530: var(--green-new-69);
  --green-530-hsl: var(--green-new-69-hsl);
  --green-560: var(--green-new-73);
  --green-560-hsl: var(--green-new-73-hsl);
  --green-600: var(--green-new-77);
  --green-600-hsl: var(--green-new-77-hsl);
  --green-630: var(--green-new-80);
  --green-630-hsl: var(--green-new-80-hsl);
  --green-660: var(--green-new-83);
  --green-660-hsl: var(--green-new-83-hsl);
  --green-700: var(--green-new-86);
  --green-700-hsl: var(--green-new-86-hsl);
  --green-730: var(--green-new-89);
  --green-730-hsl: var(--green-new-89-hsl);
  --green-760: var(--green-new-91);
  --green-760-hsl: var(--green-new-91-hsl);
  --green-800: var(--green-new-94);
  --green-800-hsl: var(--green-new-94-hsl);
  --green-830: var(--green-new-96);
  --green-830-hsl: var(--green-new-96-hsl);
  --green-860: var(--green-new-98);
  --green-860-hsl: var(--green-new-98-hsl);
  --green-900: var(--green-new-99);
  --green-900-hsl: var(--green-new-99-hsl);
  --orange-100: var(--orange-new-1);
  --orange-100-hsl: var(--orange-new-1-hsl);
  --orange-130: var(--orange-new-1);
  --orange-130-hsl: var(--orange-new-1-hsl);
  --orange-160: var(--orange-new-1);
  --orange-160-hsl: var(--orange-new-1-hsl);
  --orange-200: var(--orange-new-3);
  --orange-200-hsl: var(--orange-new-3-hsl);
  --orange-230: var(--orange-new-8);
  --orange-230-hsl: var(--orange-new-8-hsl);
  --orange-260: var(--orange-new-14);
  --orange-260-hsl: var(--orange-new-14-hsl);
  --orange-300: var(--orange-new-21);
  --orange-300-hsl: var(--orange-new-21-hsl);
  --orange-330: var(--orange-new-30);
  --orange-330-hsl: var(--orange-new-30-hsl);
  --orange-345: var(--orange-new-35);
  --orange-345-hsl: var(--orange-new-35-hsl);
  --orange-360: var(--orange-new-39);
  --orange-360-hsl: var(--orange-new-39-hsl);
  --orange-400: var(--orange-new-42);
  --orange-400-hsl: var(--orange-new-42-hsl);
  --orange-430: var(--orange-new-45);
  --orange-430-hsl: var(--orange-new-45-hsl);
  --orange-460: var(--orange-new-57);
  --orange-460-hsl: var(--orange-new-57-hsl);
  --orange-500: var(--orange-new-62);
  --orange-500-hsl: var(--orange-new-62-hsl);
  --orange-530: var(--orange-new-67);
  --orange-530-hsl: var(--orange-new-67-hsl);
  --orange-560: var(--orange-new-73);
  --orange-560-hsl: var(--orange-new-73-hsl);
  --orange-600: var(--orange-new-75);
  --orange-600-hsl: var(--orange-new-75-hsl);
  --orange-630: var(--orange-new-80);
  --orange-630-hsl: var(--orange-new-80-hsl);
  --orange-660: var(--orange-new-81);
  --orange-660-hsl: var(--orange-new-81-hsl);
  --orange-700: var(--orange-new-82);
  --orange-700-hsl: var(--orange-new-82-hsl);
  --orange-730: var(--orange-new-87);
  --orange-730-hsl: var(--orange-new-87-hsl);
  --orange-760: var(--orange-new-89);
  --orange-760-hsl: var(--orange-new-89-hsl);
  --orange-800: var(--orange-new-92);
  --orange-800-hsl: var(--orange-new-92-hsl);
  --orange-830: var(--orange-new-99);
  --orange-830-hsl: var(--orange-new-99-hsl);
  --orange-860: var(--orange-new-99);
  --orange-860-hsl: var(--orange-new-99-hsl);
  --orange-900: var(--orange-new-100);
  --orange-900-hsl: var(--orange-new-100-hsl);
  --plum-0: var(--neutral-2);
  --plum-0-hsl: var(--neutral-2-hsl);
  --plum-1: var(--neutral-4);
  --plum-1-hsl: var(--neutral-4-hsl);
  --plum-10: var(--neutral-34);
  --plum-10-hsl: var(--neutral-34-hsl);
  --plum-11: var(--neutral-41);
  --plum-11-hsl: var(--neutral-41-hsl);
  --plum-12: var(--neutral-46);
  --plum-12-hsl: var(--neutral-46-hsl);
  --plum-13: var(--neutral-50);
  --plum-13-hsl: var(--neutral-50-hsl);
  --plum-14: var(--neutral-58);
  --plum-14-hsl: var(--neutral-58-hsl);
  --plum-15: var(--neutral-64);
  --plum-15-hsl: var(--neutral-64-hsl);
  --plum-16: var(--neutral-69);
  --plum-16-hsl: var(--neutral-69-hsl);
  --plum-17: var(--neutral-73);
  --plum-17-hsl: var(--neutral-73-hsl);
  --plum-18: var(--neutral-77);
  --plum-18-hsl: var(--neutral-77-hsl);
  --plum-19: var(--neutral-80);
  --plum-19-hsl: var(--neutral-80-hsl);
  --plum-2: var(--neutral-6);
  --plum-2-hsl: var(--neutral-6-hsl);
  --plum-20: var(--neutral-84);
  --plum-20-hsl: var(--neutral-84-hsl);
  --plum-21: var(--neutral-86);
  --plum-21-hsl: var(--neutral-86-hsl);
  --plum-22: var(--neutral-89);
  --plum-22-hsl: var(--neutral-89-hsl);
  --plum-23: var(--neutral-91);
  --plum-23-hsl: var(--neutral-91-hsl);
  --plum-24: var(--neutral-93);
  --plum-24-hsl: var(--neutral-93-hsl);
  --plum-25: var(--neutral-95);
  --plum-25-hsl: var(--neutral-95-hsl);
  --plum-26: var(--neutral-97);
  --plum-26-hsl: var(--neutral-97-hsl);
  --plum-3: var(--neutral-8);
  --plum-3-hsl: var(--neutral-8-hsl);
  --plum-4: var(--neutral-10);
  --plum-4-hsl: var(--neutral-10-hsl);
  --plum-5: var(--neutral-12);
  --plum-5-hsl: var(--neutral-12-hsl);
  --plum-6: var(--neutral-15);
  --plum-6-hsl: var(--neutral-15-hsl);
  --plum-7: var(--neutral-19);
  --plum-7-hsl: var(--neutral-19-hsl);
  --plum-8: var(--neutral-24);
  --plum-8-hsl: var(--neutral-24-hsl);
  --plum-9: var(--neutral-29);
  --plum-9-hsl: var(--neutral-29-hsl);
  --primary-100: var(--neutral-2);
  --primary-100-hsl: var(--neutral-2-hsl);
  --primary-130: var(--neutral-4);
  --primary-130-hsl: var(--neutral-4-hsl);
  --primary-160: var(--neutral-6);
  --primary-160-hsl: var(--neutral-6-hsl);
  --primary-200: var(--neutral-8);
  --primary-200-hsl: var(--neutral-8-hsl);
  --primary-230: var(--neutral-10);
  --primary-230-hsl: var(--neutral-10-hsl);
  --primary-260: var(--neutral-12);
  --primary-260-hsl: var(--neutral-12-hsl);
  --primary-300: var(--neutral-15);
  --primary-300-hsl: var(--neutral-15-hsl);
  --primary-330: var(--neutral-19);
  --primary-330-hsl: var(--neutral-19-hsl);
  --primary-345: var(--neutral-23);
  --primary-345-hsl: var(--neutral-23-hsl);
  --primary-360: var(--neutral-28);
  --primary-360-hsl: var(--neutral-28-hsl);
  --primary-400: var(--neutral-34);
  --primary-400-hsl: var(--neutral-34-hsl);
  --primary-430: var(--neutral-41);
  --primary-430-hsl: var(--neutral-41-hsl);
  --primary-460: var(--neutral-46);
  --primary-460-hsl: var(--neutral-46-hsl);
  --primary-500: var(--neutral-50);
  --primary-500-hsl: var(--neutral-50-hsl);
  --primary-530: var(--neutral-59);
  --primary-530-hsl: var(--neutral-59-hsl);
  --primary-560: var(--neutral-64);
  --primary-560-hsl: var(--neutral-64-hsl);
  --primary-600: var(--neutral-69);
  --primary-600-hsl: var(--neutral-69-hsl);
  --primary-630: var(--neutral-73);
  --primary-630-hsl: var(--neutral-73-hsl);
  --primary-645: var(--neutral-75);
  --primary-645-hsl: var(--neutral-75-hsl);
  --primary-660: var(--neutral-79);
  --primary-660-hsl: var(--neutral-79-hsl);
  --primary-700: var(--neutral-83);
  --primary-700-hsl: var(--neutral-83-hsl);
  --primary-730: var(--neutral-86);
  --primary-730-hsl: var(--neutral-86-hsl);
  --primary-760: var(--neutral-89);
  --primary-760-hsl: var(--neutral-89-hsl);
  --primary-800: var(--neutral-92);
  --primary-800-hsl: var(--neutral-92-hsl);
  --primary-830: var(--neutral-95);
  --primary-830-hsl: var(--neutral-95-hsl);
  --primary-860: var(--neutral-98);
  --primary-860-hsl: var(--neutral-98-hsl);
  --primary-900: var(--neutral-99);
  --primary-900-hsl: var(--neutral-99-hsl);
  --red-100: var(--red-new-1);
  --red-100-hsl: var(--red-new-1-hsl);
  --red-130: var(--red-new-1);
  --red-130-hsl: var(--red-new-1-hsl);
  --red-160: var(--red-new-1);
  --red-160-hsl: var(--red-new-1-hsl);
  --red-200: var(--red-new-1);
  --red-200-hsl: var(--red-new-1-hsl);
  --red-230: var(--red-new-5);
  --red-230-hsl: var(--red-new-5-hsl);
  --red-260: var(--red-new-10);
  --red-260-hsl: var(--red-new-10-hsl);
  --red-300: var(--red-new-16);
  --red-300-hsl: var(--red-new-16-hsl);
  --red-330: var(--red-new-21);
  --red-330-hsl: var(--red-new-21-hsl);
  --red-345: var(--red-new-30);
  --red-345-hsl: var(--red-new-30-hsl);
  --red-360: var(--red-new-38);
  --red-360-hsl: var(--red-new-38-hsl);
  --red-400: var(--red-new-46);
  --red-400-hsl: var(--red-new-46-hsl);
  --red-430: var(--red-new-48);
  --red-430-hsl: var(--red-new-48-hsl);
  --red-460: var(--red-new-55);
  --red-460-hsl: var(--red-new-55-hsl);
  --red-500: var(--red-new-62);
  --red-500-hsl: var(--red-new-62-hsl);
  --red-530: var(--red-new-67);
  --red-530-hsl: var(--red-new-67-hsl);
  --red-560: var(--red-new-71);
  --red-560-hsl: var(--red-new-71-hsl);
  --red-600: var(--red-new-75);
  --red-600-hsl: var(--red-new-75-hsl);
  --red-630: var(--red-new-77);
  --red-630-hsl: var(--red-new-77-hsl);
  --red-660: var(--red-new-81);
  --red-660-hsl: var(--red-new-81-hsl);
  --red-700: var(--red-new-84);
  --red-700-hsl: var(--red-new-84-hsl);
  --red-730: var(--red-new-89);
  --red-730-hsl: var(--red-new-89-hsl);
  --red-760: var(--red-new-92);
  --red-760-hsl: var(--red-new-92-hsl);
  --red-800: var(--red-new-95);
  --red-800-hsl: var(--red-new-95-hsl);
  --red-830: var(--red-new-96);
  --red-830-hsl: var(--red-new-96-hsl);
  --red-860: var(--red-new-98);
  --red-860-hsl: var(--red-new-98-hsl);
  --red-900: var(--red-new-99);
  --red-900-hsl: var(--red-new-99-hsl);
  --teal-100: var(--teal-new-1);
  --teal-100-hsl: var(--teal-new-1-hsl);
  --teal-130: var(--teal-new-1);
  --teal-130-hsl: var(--teal-new-1-hsl);
  --teal-160: var(--teal-new-1);
  --teal-160-hsl: var(--teal-new-1-hsl);
  --teal-200: var(--teal-new-7);
  --teal-200-hsl: var(--teal-new-7-hsl);
  --teal-230: var(--teal-new-13);
  --teal-230-hsl: var(--teal-new-13-hsl);
  --teal-260: var(--teal-new-19);
  --teal-260-hsl: var(--teal-new-19-hsl);
  --teal-300: var(--teal-new-24);
  --teal-300-hsl: var(--teal-new-24-hsl);
  --teal-330: var(--teal-new-30);
  --teal-330-hsl: var(--teal-new-30-hsl);
  --teal-345: var(--teal-new-33);
  --teal-345-hsl: var(--teal-new-33-hsl);
  --teal-360: var(--teal-new-38);
  --teal-360-hsl: var(--teal-new-38-hsl);
  --teal-400: var(--teal-new-45);
  --teal-400-hsl: var(--teal-new-45-hsl);
  --teal-430: var(--teal-new-53);
  --teal-430-hsl: var(--teal-new-53-hsl);
  --teal-460: var(--teal-new-59);
  --teal-460-hsl: var(--teal-new-59-hsl);
  --teal-500: var(--teal-new-65);
  --teal-500-hsl: var(--teal-new-65-hsl);
  --teal-530: var(--teal-new-70);
  --teal-530-hsl: var(--teal-new-70-hsl);
  --teal-560: var(--teal-new-74);
  --teal-560-hsl: var(--teal-new-74-hsl);
  --teal-600: var(--teal-new-78);
  --teal-600-hsl: var(--teal-new-78-hsl);
  --teal-630: var(--teal-new-81);
  --teal-630-hsl: var(--teal-new-81-hsl);
  --teal-660: var(--teal-new-84);
  --teal-660-hsl: var(--teal-new-84-hsl);
  --teal-700: var(--teal-new-86);
  --teal-700-hsl: var(--teal-new-86-hsl);
  --teal-730: var(--teal-new-89);
  --teal-730-hsl: var(--teal-new-89-hsl);
  --teal-760: var(--teal-new-92);
  --teal-760-hsl: var(--teal-new-92-hsl);
  --teal-800: var(--teal-new-94);
  --teal-800-hsl: var(--teal-new-94-hsl);
  --teal-830: var(--teal-new-96);
  --teal-830-hsl: var(--teal-new-96-hsl);
  --teal-860: var(--teal-new-98);
  --teal-860-hsl: var(--teal-new-98-hsl);
  --teal-900: var(--teal-new-99);
  --teal-900-hsl: var(--teal-new-99-hsl);
  --yellow-100: var(--yellow-new-1);
  --yellow-100-hsl: var(--yellow-new-1-hsl);
  --yellow-130: var(--yellow-new-1);
  --yellow-130-hsl: var(--yellow-new-1-hsl);
  --yellow-160: var(--yellow-new-1);
  --yellow-160-hsl: var(--yellow-new-1-hsl);
  --yellow-200: var(--yellow-new-6);
  --yellow-200-hsl: var(--yellow-new-6-hsl);
  --yellow-230: var(--yellow-new-15);
  --yellow-230-hsl: var(--yellow-new-15-hsl);
  --yellow-260: var(--yellow-new-31);
  --yellow-260-hsl: var(--yellow-new-31-hsl);
  --yellow-300: var(--yellow-new-36);
  --yellow-300-hsl: var(--yellow-new-36-hsl);
  --yellow-330: var(--yellow-new-39);
  --yellow-330-hsl: var(--yellow-new-39-hsl);
  --yellow-345: var(--yellow-new-55);
  --yellow-345-hsl: var(--yellow-new-55-hsl);
  --yellow-360: var(--yellow-new-60);
  --yellow-360-hsl: var(--yellow-new-60-hsl);
  --yellow-400: var(--yellow-new-63);
  --yellow-400-hsl: var(--yellow-new-63-hsl);
  --yellow-430: var(--yellow-new-68);
  --yellow-430-hsl: var(--yellow-new-68-hsl);
  --yellow-460: var(--yellow-new-72);
  --yellow-460-hsl: var(--yellow-new-72-hsl);
  --yellow-500: var(--yellow-new-76);
  --yellow-500-hsl: var(--yellow-new-76-hsl);
  --yellow-530: var(--yellow-new-79);
  --yellow-530-hsl: var(--yellow-new-79-hsl);
  --yellow-560: var(--yellow-new-82);
  --yellow-560-hsl: var(--yellow-new-82-hsl);
  --yellow-600: var(--yellow-new-84);
  --yellow-600-hsl: var(--yellow-new-84-hsl);
  --yellow-630: var(--yellow-new-86);
  --yellow-630-hsl: var(--yellow-new-86-hsl);
  --yellow-660: var(--yellow-new-86);
  --yellow-660-hsl: var(--yellow-new-86-hsl);
  --yellow-700: var(--yellow-new-88);
  --yellow-700-hsl: var(--yellow-new-88-hsl);
  --yellow-730: var(--yellow-new-90);
  --yellow-730-hsl: var(--yellow-new-90-hsl);
  --yellow-760: var(--yellow-new-92);
  --yellow-760-hsl: var(--yellow-new-92-hsl);
  --yellow-800: var(--yellow-new-93);
  --yellow-800-hsl: var(--yellow-new-93-hsl);
  --yellow-830: var(--yellow-new-96);
  --yellow-830-hsl: var(--yellow-new-96-hsl);
  --yellow-860: var(--yellow-new-100);
  --yellow-860-hsl: var(--yellow-new-100-hsl);
  --yellow-900: var(--yellow-new-100);
  --yellow-900-hsl: var(--yellow-new-100-hsl);
}
.theme-dark {
  --shadow-border: 0 0 0 1px hsl(none 0% 100%/0.08);
  --shadow-border-filter: drop-shadow(0 0 1px hsl(none 0% 100%/0.08));
  --shadow-button-overlay: 0 12px 24px 0 hsl(none 0% 0%/0.24);
  --shadow-button-overlay-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
  --shadow-high: 0 12px 24px 0 hsl(none 0% 0%/0.24);
  --shadow-high-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
  --shadow-ledge:
    0 2px 0 0 hsl(none 0% 0%/0.05), 0 1.5px 0 0 hsl(none 0% 0%/0.05),
    0 1px 0 0 hsl(none 0% 0%/0.16);
  --shadow-ledge-filter: drop-shadow(0 1.5px 0 hsl(none 0% 0%/0.24));
  --shadow-low: 0 1px 4px 0 hsl(none 0% 0%/0.14);
  --shadow-low-filter: drop-shadow(0 1px 4px hsl(none 0% 0%/0.14));
  --shadow-low-active: 0 0 4px 0 hsl(none 0% 0%/0.14);
  --shadow-low-active-filter: drop-shadow(0 0 4px hsl(none 0% 0%/0.14));
  --shadow-low-hover: 0 4px 10px 0 hsl(none 0% 0%/0.14);
  --shadow-low-hover-filter: drop-shadow(0 4px 10px hsl(none 0% 0%/0.14));
  --shadow-medium: 0 4px 8px 0 hsl(none 0% 0%/0.16);
  --shadow-medium-filter: drop-shadow(0 4px 8px hsl(none 0% 0%/0.16));
  --shadow-mobile-chatinput: 0 -1px 4px 0 rgba(26, 26, 30, 0.5);
  --shadow-mobile-chatinput-filter: drop-shadow(
    0 -1px 4px rgba(26, 26, 30, 0.5)
  );
  --shadow-mobile-navigator-x: 0 0 10px 0 hsl(none 0% 0%/0.22);
  --shadow-mobile-navigator-x-filter: drop-shadow(
    0 0 10px hsl(none 0% 0%/0.22)
  );
  --shadow-top-high: 0 -12px 32px 0 hsl(none 0% 0%/0.24);
  --shadow-top-high-filter: drop-shadow(0 -12px 32px hsl(none 0% 0%/0.24));
  --shadow-top-ledge:
    0 -2px 0 0 hsl(none 0% 0%/0.05), 0 -1.5px 0 0 hsl(none 0% 0%/0.05),
    0 -1px 0 0 hsl(none 0% 0%/0.16);
  --shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 hsl(none 0% 0%/0.24));
  --shadow-top-low: 0 -1px 4px 0 hsl(none 0% 0%/0.14);
  --shadow-top-low-filter: drop-shadow(0 -1px 4px hsl(none 0% 0%/0.14));
}
.theme-light {
  --shadow-border: 0 0 0 1px hsl(none 0% 0%/0.08);
  --shadow-border-filter: drop-shadow(0 0 1px hsl(none 0% 0%/0.08));
  --shadow-button-overlay: 0 12px 24px 0 hsl(none 0% 0%/0.24);
  --shadow-button-overlay-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
  --shadow-high: 0 12px 36px 0 hsl(none 0% 0%/0.12);
  --shadow-high-filter: drop-shadow(0 12px 36px hsl(none 0% 0%/0.12));
  --shadow-ledge:
    0 2px 0 0 hsl(none 0% 0%/0.03), 0 1.5px 0 0 hsl(none 0% 0%/0.03),
    0 1px 0 0 hsl(none 0% 0%/0.08);
  --shadow-ledge-filter: drop-shadow(0 1.5px 0 hsl(none 0% 0%/0.12));
  --shadow-low: 0 1px 4px 0 hsl(none 0% 0%/0.08);
  --shadow-low-filter: drop-shadow(0 1px 4px hsl(none 0% 0%/0.08));
  --shadow-low-active: 0 0 4px 0 hsl(none 0% 0%/0.08);
  --shadow-low-active-filter: drop-shadow(0 0 4px hsl(none 0% 0%/0.08));
  --shadow-low-hover: 0 4px 8px 0 hsl(none 0% 0%/0.08);
  --shadow-low-hover-filter: drop-shadow(0 4px 8px hsl(none 0% 0%/0.08));
  --shadow-medium: 0 4px 8px 0 hsl(none 0% 0%/0.08);
  --shadow-medium-filter: drop-shadow(0 4px 8px hsl(none 0% 0%/0.08));
  --shadow-mobile-chatinput: 0 -1px 4px 0 rgba(26, 26, 30, 0.5);
  --shadow-mobile-chatinput-filter: drop-shadow(
    0 -1px 4px rgba(26, 26, 30, 0.5)
  );
  --shadow-mobile-navigator-x: 0 0 9px 0 hsl(none 0% 0%/0.13);
  --shadow-mobile-navigator-x-filter: drop-shadow(0 0 9px hsl(none 0% 0%/0.13));
  --shadow-top-high: 0 -12px 36px 0 hsl(none 0% 0%/0.12);
  --shadow-top-high-filter: drop-shadow(0 -12px 36px hsl(none 0% 0%/0.12));
  --shadow-top-ledge:
    0 -2px 0 0 hsl(none 0% 0%/0.03), 0 -1.5px 0 0 hsl(none 0% 0%/0.03),
    0 -1px 0 0 hsl(none 0% 0%/0.08);
  --shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 hsl(none 0% 0%/0.12));
  --shadow-top-low: 0 -1px 4px 0 hsl(none 0% 0%/0.08);
  --shadow-top-low-filter: drop-shadow(0 -1px 4px hsl(none 0% 0%/0.08));
}
.theme-darker,
.theme-midnight {
  --shadow-border: 0 0 0 1px hsl(none 0% 100%/0.08);
  --shadow-border-filter: drop-shadow(0 0 1px hsl(none 0% 100%/0.08));
  --shadow-button-overlay: 0 12px 24px 0 hsl(none 0% 0%/0.24);
  --shadow-button-overlay-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
  --shadow-high: 0 12px 24px 0 hsl(none 0% 0%/0.24);
  --shadow-high-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
  --shadow-ledge:
    0 2px 0 0 hsl(none 0% 0%/0.05), 0 1.5px 0 0 hsl(none 0% 0%/0.05),
    0 1px 0 0 hsl(none 0% 0%/0.16);
  --shadow-ledge-filter: drop-shadow(0 1.5px 0 hsl(none 0% 0%/0.24));
  --shadow-low: 0 1px 4px 0 hsl(none 0% 0%/0.14);
  --shadow-low-filter: drop-shadow(0 1px 4px hsl(none 0% 0%/0.14));
  --shadow-low-active: 0 0 4px 0 hsl(none 0% 0%/0.14);
  --shadow-low-active-filter: drop-shadow(0 0 4px hsl(none 0% 0%/0.14));
  --shadow-low-hover: 0 4px 10px 0 hsl(none 0% 0%/0.14);
  --shadow-low-hover-filter: drop-shadow(0 4px 10px hsl(none 0% 0%/0.14));
  --shadow-medium: 0 4px 8px 0 hsl(none 0% 0%/0.16);
  --shadow-medium-filter: drop-shadow(0 4px 8px hsl(none 0% 0%/0.16));
  --shadow-mobile-chatinput: 0 -1px 4px 0 rgba(26, 26, 30, 0.5);
  --shadow-mobile-chatinput-filter: drop-shadow(
    0 -1px 4px rgba(26, 26, 30, 0.5)
  );
  --shadow-mobile-navigator-x: 0 0 10px 0 hsl(none 0% 0%/0.22);
  --shadow-mobile-navigator-x-filter: drop-shadow(
    0 0 10px hsl(none 0% 0%/0.22)
  );
  --shadow-top-high: 0 -12px 32px 0 hsl(none 0% 0%/0.24);
  --shadow-top-high-filter: drop-shadow(0 -12px 32px hsl(none 0% 0%/0.24));
  --shadow-top-ledge:
    0 -2px 0 0 hsl(none 0% 0%/0.05), 0 -1.5px 0 0 hsl(none 0% 0%/0.05),
    0 -1px 0 0 hsl(none 0% 0%/0.16);
  --shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 hsl(none 0% 0%/0.24));
  --shadow-top-low: 0 -1px 4px 0 hsl(none 0% 0%/0.14);
  --shadow-top-low-filter: drop-shadow(0 -1px 4px hsl(none 0% 0%/0.14));
}
:root {
  --size-0: 0px;
  --size-4: 4px;
  --size-8: 8px;
  --size-12: 12px;
  --size-16: 16px;
  --size-20: 20px;
  --size-24: 24px;
  --size-32: 32px;
  --size-48: 48px;
  --size-64: 64px;
  --size-80: 80px;
  --size-96: 96px;
  --size-128: 128px;
  --size-160: 160px;
  --size-192: 192px;
  --size-xxs: var(--size-4);
  --size-xs: var(--size-8);
  --size-sm: var(--size-12);
  --size-md: var(--size-16);
  --size-lg: var(--size-20);
  --size-xl: var(--size-24);
  --size-xxl: var(--size-32);
  --breakpoint-480: 480px;
  --breakpoint-640: 640px;
  --breakpoint-768: 768px;
  --breakpoint-1024: 1024px;
  --breakpoint-1280: 1280px;
  --breakpoint-1536: 1536px;
  --breakpoint-1800: 1800px;
  --breakpoint-2500: 2500px;
  --breakpoint-xxs: 480px;
  --breakpoint-xs: 640px;
  --breakpoint-sm: 768px;
  --breakpoint-md: 1024px;
  --breakpoint-lg: 1280px;
  --breakpoint-xl: 1536px;
  --breakpoint-xxl: 1800px;
  --breakpoint-max: 2500px;
  --space-0: 0px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-26: 26px;
  --space-30: 30px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-128: 128px;
  --space-160: 160px;
  --space-192: 192px;
  --space-xxs: var(--space-4);
  --space-xs: var(--space-8);
  --space-sm: var(--space-12);
  --space-md: var(--space-16);
  --space-lg: var(--space-20);
  --space-xl: var(--space-24);
  --space-xxl: var(--space-32);
}
.density-compact {
  --space-xxs: var(--space-4);
  --space-xs: var(--space-6);
  --space-sm: var(--space-10);
  --space-md: var(--space-12);
  --space-lg: var(--space-16);
  --space-xl: var(--space-20);
  --space-xxl: var(--space-26);
}
.density-cozy {
  --space-xxs: var(--space-4);
  --space-xs: var(--space-10);
  --space-sm: var(--space-16);
  --space-md: var(--space-20);
  --space-lg: var(--space-24);
  --space-xl: var(--space-30);
  --space-xxl: var(--space-40);
}
.density-default {
  --space-xxs: var(--space-4);
  --space-xs: var(--space-8);
  --space-sm: var(--space-12);
  --space-md: var(--space-16);
  --space-lg: var(--space-20);
  --space-xl: var(--space-24);
  --space-xxl: var(--space-32);
}
:root {
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-xxl: 32px;
  --radius-round: 2147483647px;
}
.theme-dark {
  --guild-header-text-shadow: 0 1px 1px hsl(var(--black-hsl)/0.4);
  --elevation-stroke: 0 0 0 1px hsl(var(--primary-900-hsl)/0.15);
  --elevation-low:
    0 1px 0 hsl(var(--primary-900-hsl)/0.2),
    0 1.5px 0 hsl(var(--primary-860-hsl)/0.05),
    0 2px 0 hsl(var(--primary-900-hsl)/0.05);
  --elevation-medium: 0 4px 4px hsl(var(--black-hsl)/0.16);
  --elevation-high: 0 8px 16px hsl(var(--black-hsl)/0.24);
}
.theme-light {
  --guild-header-text-shadow: 0 1px 1px hsl(var(--white-hsl)/0.4);
  --elevation-stroke: 0 0 0 1px hsl(var(--primary-860-hsl)/0.08);
  --elevation-low:
    0 1px 0 hsl(var(--primary-860-hsl)/0.1),
    0 1.5px 0 hsl(var(--primary-900-hsl)/0.025),
    0 2px 0 hsl(var(--primary-860-hsl)/0.025);
  --elevation-medium: 0 4px 4px hsl(var(--black-hsl)/0.08);
  --elevation-high: 0 8px 16px hsl(var(--black-hsl)/0.16);
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Nord;
  font-style: normal;
  font-weight: 800;
  src: urls(/assets/097b737553f77c92.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Nord;
  font-style: italic;
  font-weight: 800;
  src: urls(/assets/d7f3d9317a5ff964.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Nord Discord;
  font-style: normal;
  font-weight: 700;
  src: urls(/assets/bb673ee29d9d9269.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Nord Discord;
  font-style: italic;
  font-weight: 700;
  src: urls(/assets/1a1e4ba0da23278e.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: normal;
  font-weight: 300;
  src: urls(/assets/2d538acdbc2eb6b8.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: italic;
  font-weight: 300;
  src: urls(/assets/6897c8395199e044.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: normal;
  font-weight: 400;
  src: urls(/assets/89cc835cf102bf12.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: italic;
  font-weight: 400;
  src: urls(/assets/9e78b20620cb79ff.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: normal;
  font-weight: 500;
  src: urls(/assets/094adef82c637a3c.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: italic;
  font-weight: 500;
  src: urls(/assets/5b3d873665de628f.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: normal;
  font-weight: 700;
  src: urls(/assets/a893ac26791508c7.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: italic;
  font-weight: 700;
  src: urls(/assets/5a4f9cc740b6d92b.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: normal;
  font-weight: 800;
  src: urls(/assets/908064caebce5abe.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: italic;
  font-weight: 800;
  src: urls(/assets/f2d2cc13894d7060.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Discord;
  font-style: normal;
  font-weight: 400;
  src: urls(/assets/bd0f5c73464e9717.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Discord;
  font-style: normal;
  font-weight: 500;
  src: urls(/assets/a47177db4e543b05.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: normal;
  font-weight: 400;
  src: urls(/assets/66d715454104d24e.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: italic;
  font-weight: 400;
  src: urls(/assets/dd24010f3cf7def7.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: normal;
  font-weight: 500;
  src: urls(/assets/b272b33815319bae.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: italic;
  font-weight: 500;
  src: urls(/assets/6a1346ad3821ff3c.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: normal;
  font-weight: 600;
  src: urls(/assets/2df2c3ff74408972.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: italic;
  font-weight: 600;
  src: urls(/assets/d5d789aeb6282532.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: normal;
  font-weight: 700;
  src: urls(/assets/189422196a4f8b53.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: italic;
  font-weight: 700;
  src: urls(/assets/ce3b8055f5114434.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: normal;
  font-weight: 800;
  src: urls(/assets/b2fdbe507d6ce9ef.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: italic;
  font-weight: 800;
  src: urls(/assets/03dcf979852e8b8e.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: gg mono;
  font-style: normal;
  font-weight: 400;
  src: urls(/assets/249d0a057895c668.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: gg mono;
  font-style: normal;
  font-weight: 700;
  src: urls(/assets/45efa6936fdfb918.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 400;
  src: urls(/assets/f72b5ce64feb2086.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 400;
  src: urls(/assets/7a6a566c2e88a35d.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 500;
  src: urls(/assets/a4a3d323feb11add.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 500;
  src: urls(/assets/1a9d6f15e3bade15.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 600;
  src: urls(/assets/36e7b68ea0c05ae7.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 600;
  src: urls(/assets/7b652d8bbf885aea.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 700;
  src: urls(/assets/cb2006dbced0e246.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 700;
  src: urls(/assets/e52f0cba712e2fb4.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 800;
  src: urls(/assets/772df2968ca0cf92.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 800;
  src: urls(/assets/19797abd0807f76b.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Source Code Pro;
  font-style: normal;
  font-weight: 400;
  src: urls(/assets/268aaee6b96a3789.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Source Code Pro;
  font-style: normal;
  font-weight: 700;
  src: urls(/assets/c76eb070f0fcec44.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Corinthia;
  font-style: normal;
  font-weight: 400;
  src: urls(/assets/b598312a5e479904.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Fraunces;
  font-style: normal;
  font-weight: 300 800;
  src: urls(/assets/943f151cdf1b637e.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Munro;
  font-style: normal;
  font-weight: 400;
  src: urls(/assets/b4099c935ba38494.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Delicious Handrawn;
  font-style: normal;
  font-weight: 400;
  src: urls(/assets/54ea0efe31f53f3c.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Sakura;
  font-style: normal;
  font-weight: 400;
  src: urls(/assets/33d4f12a85e1f736.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Jellybean;
  font-style: normal;
  font-weight: 400;
  src: urls(/assets/e6f5f44abb520735.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Medieval;
  font-style: normal;
  font-weight: 400;
  src: urls(/assets/52b541f86401a5b6.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Modern;
  font-style: normal;
  font-weight: 500;
  src: urls(/assets/c560709c3470bb66.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "8Bit";
  font-style: normal;
  font-weight: 400;
  src: urls(/assets/69c735ca5c604de7.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Vampyre;
  font-style: normal;
  font-weight: 400;
  src: urls(/assets/8f20cb550d739cea.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Tempo;
  font-style: normal;
  font-weight: 600;
  src: urls(/assets/1e9bf5a9d7b2ba04.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Playpen Sans;
  font-style: normal;
  font-weight: 700;
  src: urls(/assets/4098f9abf45404f9.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Orbitron;
  font-style: normal;
  font-weight: 700;
  src: urls(/assets/ac34900d6182e601.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: New Rocker;
  font-style: normal;
  font-weight: 400;
  src: urls(/assets/ded5376cd2c7b654.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Kalam;
  font-style: normal;
  font-weight: 700;
  src: urls(/assets/cba2b972c6174b1e.woff2) format("woff2");
}
:root {
  --font-primary:
    "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display:
    "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-headline:
    "ABC Ginto Nord", "Noto Sans", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  --font-code:
    "gg mono", "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono",
    "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
    "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco,
    "Courier New", Courier, monospace;
  --font-clan-body:
    Fraunces, "gg sans", serif, "Noto Sans", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  --font-clan-signature:
    Corinthia, "gg sans", cursive, "Noto Sans", "Helvetica Neue", Helvetica,
    Arial, sans-serif;
  --font-display-marketing:
    "ABC Ginto Discord", "gg sans", serif, "Noto Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  --font-display-marketing-header:
    "ABC Ginto Nord Discord", "gg sans", serif, "Noto Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
}
:root:lang(bg),
:root:lang(el),
:root:lang(ru),
:root:lang(uk) {
  --font-primary:
    "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display:
    "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-headline: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-code:
    "gg mono", "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono",
    "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
    "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco,
    "Courier New", Courier, monospace;
  --font-clan-body:
    Fraunces, "gg sans", serif, "Noto Sans", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  --font-clan-signature:
    Corinthia, "gg sans", cursive, "Noto Sans", "Helvetica Neue", Helvetica,
    Arial, sans-serif;
  --font-display-marketing:
    "ABC Ginto Discord", "gg sans", serif, "Noto Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  --font-display-marketing-header:
    "ABC Ginto Nord Discord", "gg sans", serif, "Noto Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
}
:root:lang(ko) {
  --font-primary:
    "gg sans", "Apple SD Gothic Neo", NanumBarunGothic, "맑은 ê³ ë”•",
    "Malgun Gothic", Gulim, 굴림, Dotum, 돋움, "Noto Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  --font-display:
    "gg sans", "Apple SD Gothic Neo", NanumBarunGothic, "맑은 ê³ ë”•",
    "Malgun Gothic", Gulim, 굴림, Dotum, 돋움, "Noto Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  --font-headline:
    "ABC Ginto Nord", "Apple SD Gothic Neo", NanumBarunGothic, "맑은 ê³ ë”•",
    "Malgun Gothic", Gulim, 굴림, Dotum, 돋움, "Noto Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  --font-code:
    "gg mono", "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono",
    "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
    "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco,
    "Courier New", Courier, monospace;
  --font-clan-body:
    Fraunces, "gg sans", serif, "Apple SD Gothic Neo", NanumBarunGothic,
    "맑은 ê³ ë”•", "Malgun Gothic", Gulim, 굴림, Dotum, 돋움, "Noto Sans",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-clan-signature:
    Corinthia, "gg sans", cursive, "Apple SD Gothic Neo", NanumBarunGothic,
    "맑은 ê³ ë”•", "Malgun Gothic", Gulim, 굴림, Dotum, 돋움, "Noto Sans",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display-marketing:
    "ABC Ginto Discord", "gg sans", serif, "Apple SD Gothic Neo",
    NanumBarunGothic, "맑은 ê³ ë”•", "Malgun Gothic", Gulim, 굴림, Dotum,
    돋움, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display-marketing-header:
    "ABC Ginto Nord Discord", "gg sans", serif, "Apple SD Gothic Neo",
    NanumBarunGothic, "맑은 ê³ ë”•", "Malgun Gothic", Gulim, 굴림, Dotum,
    돋움, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
:root:lang(ja) {
  --font-primary:
    "gg sans", "Hiragino Sans", "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Osaka, "MS PGothic",
    "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display:
    "gg sans", "Hiragino Sans", "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Osaka, "MS PGothic",
    "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-headline:
    "ABC Ginto Nord", "Hiragino Sans", "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Osaka, "MS PGothic",
    "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-code:
    "gg mono", "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono",
    "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
    "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco,
    "Courier New", Courier, monospace;
  --font-clan-body:
    Fraunces, "gg sans", serif, "Hiragino Sans", "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Osaka, "MS PGothic",
    "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-clan-signature:
    Corinthia, "gg sans", cursive, "Hiragino Sans",
    "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ,
    Meiryo, Osaka, "MS PGothic", "Noto Sans", "Helvetica Neue", Helvetica,
    Arial, sans-serif;
  --font-display-marketing:
    "ABC Ginto Discord", "gg sans", serif, "Hiragino Sans",
    "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ,
    Meiryo, Osaka, "MS PGothic", "Noto Sans", "Helvetica Neue", Helvetica,
    Arial, sans-serif;
  --font-display-marketing-header:
    "ABC Ginto Nord Discord", "gg sans", serif, "Hiragino Sans",
    "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ,
    Meiryo, Osaka, "MS PGothic", "Noto Sans", "Helvetica Neue", Helvetica,
    Arial, sans-serif;
}
:root:lang(zh-CN) {
  --font-primary:
    "gg sans", "Microsoft YaHei New", 微软雅黑, "Microsoft Yahei",
    "Microsoft JhengHei", 宋体, SimSun, "Noto Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  --font-display:
    "gg sans", "Microsoft YaHei New", 微软雅黑, "Microsoft Yahei",
    "Microsoft JhengHei", 宋体, SimSun, "Noto Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  --font-headline:
    "ABC Ginto Nord", "Microsoft YaHei New", 微软雅黑, "Microsoft Yahei",
    "Microsoft JhengHei", 宋体, SimSun, "Noto Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  --font-code:
    "gg mono", "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono",
    "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
    "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco,
    "Courier New", Courier, monospace;
  --font-clan-body:
    Fraunces, "gg sans", serif, "Microsoft YaHei New", 微软雅黑,
    "Microsoft Yahei", "Microsoft JhengHei", 宋体, SimSun, "Noto Sans",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-clan-signature:
    Corinthia, "gg sans", cursive, "Microsoft YaHei New", 微软雅黑,
    "Microsoft Yahei", "Microsoft JhengHei", 宋体, SimSun, "Noto Sans",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display-marketing:
    "ABC Ginto Discord", "gg sans", serif, "Microsoft YaHei New", 微软雅黑,
    "Microsoft Yahei", "Microsoft JhengHei", 宋体, SimSun, "Noto Sans",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display-marketing-header:
    "ABC Ginto Nord Discord", "gg sans", serif, "Microsoft YaHei New",
    微软雅黑, "Microsoft Yahei", "Microsoft JhengHei", 宋体, SimSun,
    "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
:root:lang(zh-TW) {
  --font-primary:
    "gg sans", "Microsoft JhengHei", 微軟正黑體, "Microsoft JhengHei UI",
    "Microsoft YaHei", 微軟雅黑, 宋体, SimSun, "Noto Sans",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display:
    "gg sans", "Microsoft JhengHei", 微軟正黑體, "Microsoft JhengHei UI",
    "Microsoft YaHei", 微軟雅黑, 宋体, SimSun, "Noto Sans",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-headline:
    "ABC Ginto Nord", "Microsoft JhengHei", 微軟正黑體,
    "Microsoft JhengHei UI", "Microsoft YaHei", 微軟雅黑, 宋体, SimSun,
    "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-code:
    "gg mono", "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono",
    "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
    "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco,
    "Courier New", Courier, monospace;
  --font-clan-body:
    Fraunces, "gg sans", serif, "Microsoft JhengHei", 微軟正黑體,
    "Microsoft JhengHei UI", "Microsoft YaHei", 微軟雅黑, 宋体, SimSun,
    "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-clan-signature:
    Corinthia, "gg sans", cursive, "Microsoft JhengHei", 微軟正黑體,
    "Microsoft JhengHei UI", "Microsoft YaHei", 微軟雅黑, 宋体, SimSun,
    "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display-marketing:
    "ABC Ginto Discord", "gg sans", serif, "Microsoft JhengHei",
    微軟正黑體, "Microsoft JhengHei UI", "Microsoft YaHei", 微軟雅黑,
    宋体, SimSun, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display-marketing-header:
    "ABC Ginto Nord Discord", "gg sans", serif, "Microsoft JhengHei",
    微軟正黑體, "Microsoft JhengHei UI", "Microsoft YaHei", 微軟雅黑,
    宋体, SimSun, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
:root {
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --button-border-radius: 2147483647px;
  --button-border-radius-lg: 2147483647px;
  --channels-name-line-height: 24px;
  --channels-spine-inverted-offset-top: 6px;
  --channels-spine-offset-left: 24px;
  --chat-avatar-size: 40px;
  --chat-input-icon-size: 20px;
  --chat-markup-line-height: 1.375rem;
  --chat-resize-handle-width: 8px;
  --control-input-height-md: 40px;
  --control-input-height-sm: 32px;
  --control-item-height-md: 40px;
  --control-item-height-sm: 32px;
  --form-input-height: 44px;
  --guildbar-avatar-size: 40px;
  --guildbar-folder-size: 48px;
  --icon-size-lg: 32px;
  --icon-size-md: 24px;
  --icon-size-sm: 18px;
  --icon-size-xs: 16px;
  --icon-size-xxs: 12px;
  --mobile-bounty-tile-border-radius: 24px;
  --mobile-card-default-radius: 16px;
  --mobile-channel-details-nav-buttons-gap: 12px;
  --mobile-channel-details-nav-icon-button-size: sm;
  --mobile-channel-details-nav-icon-button-variant: tertiary;
  --mobile-channel-drawer-corner-radius: 8px;
  --mobile-channel-drawer-divider-width: 0px;
  --mobile-channel-drawer-spacing: 8px;
  --mobile-channel-item-radius: 12px;
  --mobile-channel-list-subtitle-text-style: text-xs/medium;
  --mobile-channel-list-title-text-style: redesign/heading-18/bold;
  --mobile-channel-name-channel-border-width: 1px;
  --mobile-channel-name-channel-icon-radius: 12px;
  --mobile-channel-safe-area-bottom-background: background-base-low;
  --mobile-chat-input-action-button-gap: 0px;
  --mobile-chat-input-action-button-margin: 4px;
  --mobile-chat-input-action-button-size: 40px;
  --mobile-chat-input-action-icon-active-tint: text-brand;
  --mobile-chat-input-action-icon-pixel-size: 24px;
  --mobile-chat-input-border-radius: 24px;
  --mobile-chat-input-button-min-touch-target-size: 44px;
  --mobile-chat-input-command-categories-border-top-width: 0px;
  --mobile-chat-input-container-horizontal-padding: 8px;
  --mobile-chat-input-context-bar-gap: 0px;
  --mobile-chat-input-context-bar-padding-horizontal: 0px;
  --mobile-chat-input-context-bar-padding-vertical: 0px;
  --mobile-chat-input-expression-offset-left: 6px;
  --mobile-chat-input-expression-offset-top: 6px;
  --mobile-chat-input-floating-accessory-border-width: 0px;
  --mobile-chat-input-floating-accessory-margin-bottom: 0px;
  --mobile-chat-input-floating-accessory-margin-horizontal: 0px;
  --mobile-chat-input-floating-accessory-padding-top: 4px;
  --mobile-chat-input-floating-accessory-top-border-width: 1px;
  --mobile-chat-input-floating-border-radius: 0px;
  --mobile-chat-input-floating-content-gap: 0px;
  --mobile-chat-input-floating-content-padding-horizontal: 0px;
  --mobile-chat-input-floating-content-padding-vertical: 0px;
  --mobile-chat-input-floating-inline-full-gradient-height: 0px;
  --mobile-chat-input-floating-offset-minimum: 0px;
  --mobile-chat-input-floating-scrim-gradient-height: 0px;
  --mobile-chat-input-floating-scrim-gradient-height-at-bottom: 0px;
  --mobile-chat-input-floating-scrim-offset-top: 0px;
  --mobile-chat-input-floating-typing-gradient-height-reduced: 0px;
  --mobile-chat-input-icon-default-tint: interactive-text-default;
  --mobile-chat-input-icon-size: medium;
  --mobile-chat-input-pill-border-width: 0px;
  --mobile-chat-input-pill-margin-horizontal: 4px;
  --mobile-chat-input-pill-padding: 2px;
  --mobile-chat-input-reply-mention-icon-margin-right: 4px;
  --mobile-chat-input-reply-mention-icon-size: 20px;
  --mobile-chat-input-send-button-height: 40px;
  --mobile-chat-input-send-button-width: 40px;
  --mobile-coachmark-body-width: 260px;
  --mobile-coachmark-button-spacing: 12px;
  --mobile-control-checkbox-border-radius: 8px;
  --mobile-control-checkbox-border-width: 2px;
  --mobile-control-checkbox-size-default: 24px;
  --mobile-control-radio-icon-border-width: 2px;
  --mobile-control-radio-icon-dot-size-default: 10px;
  --mobile-control-radio-icon-size-default: 24px;
  --mobile-control-switch-height: 32px;
  --mobile-control-switch-knob-checked-offset: 16px;
  --mobile-control-switch-knob-size: 24px;
  --mobile-control-switch-width: 48px;
  --mobile-emoji-row-emoji-container-size: 48px;
  --mobile-emoji-row-emoji-font-size: 28px;
  --mobile-emoji-row-emoji-line-height: 33px;
  --mobile-emoji-row-emoji-min-spacing: 12px;
  --mobile-emoji-row-emoji-size: 28px;
  --mobile-gifting-settings-padding-horizontal: 0px;
  --mobile-group-avatar-size: 72px;
  --mobile-guild-bar-item-margin: 4px;
  --mobile-guild-bar-item-padding: 8px;
  --mobile-guild-bar-item-size: 48px;
  --mobile-guild-folder-background-left: 12px;
  --mobile-guild-folder-background-radius: 2147483647px;
  --mobile-guild-folder-background-width-offset: 0px;
  --mobile-guild-folder-color-opacity: 0.15px;
  --mobile-guild-folder-padding: 8px;
  --mobile-guild-folder-preview-icon-margin: 6px;
  --mobile-guild-folder-preview-opacity: 0.4px;
  --mobile-guild-item-selected-border-radius: 16px;
  --mobile-header-title-text-style: heading-md/bold;
  --mobile-input-field-border-width: 0px;
  --mobile-input-field-padding-vertical-sm-ios: 8px;
  --mobile-input-field-radius-lg: 16px;
  --mobile-input-field-radius-md: 12px;
  --mobile-input-field-radius-sm: 12px;
  --mobile-input-field-round-radius: 2147483647px;
  --mobile-input-field-text-style-lg: text-md/medium;
  --mobile-input-field-text-style-md: text-sm/medium;
  --mobile-input-field-text-style-sm: text-xs/medium;
  --mobile-media-keyboard-bar-border-radius: 2147483647px;
  --mobile-media-keyboard-bar-border-width: 0px;
  --mobile-media-keyboard-bar-buttons-margin-horizontal: 24px;
  --mobile-media-keyboard-bar-gap: 16px;
  --mobile-media-keyboard-bar-margin-horizontal: 16px;
  --mobile-media-keyboard-bar-padding-horizontal: 0px;
  --mobile-media-keyboard-button-border-radius: 0px;
  --mobile-media-keyboard-button-icon-color-active: icon-default;
  --mobile-media-keyboard-button-padding: 0px;
  --mobile-media-keyboard-button-text-color-active: text-default;
  --mobile-media-keyboard-button-text-variant: text-xs/semibold;
  --mobile-media-keyboard-send-vertical-inset: 0px;
  --mobile-messages-header-button-gap: 8px;
  --mobile-messages-header-button-layout: row;
  --mobile-messages-header-padding-bottom: 16px;
  --mobile-messages-item-channel-avatar-margin-end: 8px;
  --mobile-messages-item-channel-avatar-size: 32px;
  --mobile-messages-item-channel-name-text-style: redesign/channel-title/semibold;
  --mobile-messages-item-happening-now-padding-bottom: 8px;
  --mobile-promo-sheet-graphic-max-width: 288px;
  --mobile-quest-dock-border-radius: 24px;
  --mobile-segmented-control-border-radius: 16px;
  --mobile-settings-padding-top: 16px;
  --mobile-sheet-handle-height: 4px;
  --mobile-sheet-handle-margin-bottom: 12px;
  --mobile-sheet-handle-margin-top: 4px;
  --mobile-sheet-handle-width: 32px;
  --mobile-sheet-header-padding-horizontal: 16px;
  --mobile-tab-bar-unread-badge-size: 22px;
  --mobile-tab-label-margin-top: -6px;
  --mobile-tab-label-text-style: text-xxs/semibold;
  --mobile-table-row-arrow-margin-end: 0px;
  --mobile-table-row-arrow-margin-start: 14px;
  --mobile-table-row-arrow-width: 8px;
  --mobile-table-row-border-radius: 16px;
  --mobile-table-row-content-height: 36px;
  --mobile-table-row-divider-padding: 56px;
  --mobile-table-row-group-helper-text-style: text-sm/medium;
  --mobile-table-row-height: 60px;
  --mobile-table-row-icon-size: 32px;
  --mobile-table-row-label-color: mobile-text-heading-primary;
  --mobile-table-row-label-text-style: text-md/semibold;
  --mobile-table-row-padding: 12px;
  --mobile-user-profile-about-me-heading-text-style: text-sm/semibold;
  --mobile-user-row-label-line-height-android: 16px;
  --mobile-user-row-label-line-height-ios: 22px;
  --mobile-voice-channel-user-limit-border-width: 0px;
  --mobile-voice-message-duration-line-height-android: 14px;
  --mobile-voice-message-duration-line-height-ios: 17px;
  --mobile-voice-message-duration-text-style: text-sm/semibold;
  --mobile-voice-message-recording-container-padding-vertical: 10px;
  --mobile-voice-panel-controls-border-radius: 32px;
  --mobile-voice-panel-controls-padding: 16px;
  --mobile-voice-panel-disconnect-button-min-width: 0px;
  --mobile-voice-panel-gutter: 12px;
  --mobile-voice-panel-padding: 12px;
  --mobile-voice-tile-border-radius: 24px;
  --mobile-you-bar-border-radius: 28px;
  --modal-horizontal-padding: 24px;
  --modal-vertical-padding: 16px;
  --modal-width-large: 800px;
  --modal-width-medium: 602px;
  --modal-width-small: 442px;
  --select-max-width: 248px;
  --select-option-height: 40px;
}
.mobile-visual-refresh {
  --button-border-radius: 8px;
  --button-border-radius-lg: 12px;
  --mobile-bounty-tile-border-radius: 12px;
  --mobile-channel-details-nav-buttons-gap: 0px;
  --mobile-channel-details-nav-icon-button-size: lg;
  --mobile-channel-details-nav-icon-button-variant: icon-only;
  --mobile-channel-item-radius: 8px;
  --mobile-channel-list-subtitle-text-style: text-sm/medium;
  --mobile-channel-list-title-text-style: heading-lg/semibold;
  --mobile-channel-name-channel-border-width: 0px;
  --mobile-channel-name-channel-icon-radius: 8px;
  --mobile-channel-safe-area-bottom-background: background-base-lower;
  --mobile-chat-input-action-button-gap: 8px;
  --mobile-chat-input-action-button-margin: 0px;
  --mobile-chat-input-action-button-size: 32px;
  --mobile-chat-input-action-icon-active-tint: icon-strong;
  --mobile-chat-input-action-icon-pixel-size: 20px;
  --mobile-chat-input-border-radius: 8px;
  --mobile-chat-input-command-categories-border-top-width: 1px;
  --mobile-chat-input-container-horizontal-padding: 16px;
  --mobile-chat-input-expression-offset-left: 12px;
  --mobile-chat-input-expression-offset-top: 10px;
  --mobile-chat-input-floating-inline-full-gradient-height: 20px;
  --mobile-chat-input-floating-offset-minimum: 16px;
  --mobile-chat-input-floating-scrim-gradient-height: 56px;
  --mobile-chat-input-floating-scrim-gradient-height-at-bottom: 36px;
  --mobile-chat-input-floating-scrim-offset-top: 24px;
  --mobile-chat-input-floating-typing-gradient-height-reduced: 12px;
  --mobile-chat-input-icon-default-tint: interactive-icon-default;
  --mobile-chat-input-icon-size: small20;
  --mobile-chat-input-pill-border-width: 1px;
  --mobile-chat-input-pill-margin-horizontal: 8px;
  --mobile-chat-input-pill-padding: 0px;
  --mobile-chat-input-send-button-height: 32px;
  --mobile-chat-input-send-button-width: 32px;
  --mobile-coachmark-body-width: 240px;
  --mobile-coachmark-button-spacing: 16px;
  --mobile-control-checkbox-border-radius: 4px;
  --mobile-control-checkbox-border-width: 1.2px;
  --mobile-control-radio-icon-border-width: 1.2px;
  --mobile-control-radio-icon-dot-size-default: 8px;
  --mobile-control-switch-height: 28px;
  --mobile-control-switch-knob-checked-offset: 28px;
  --mobile-control-switch-knob-size: 20px;
  --mobile-control-switch-width: 56px;
  --mobile-emoji-row-emoji-container-size: 48px;
  --mobile-emoji-row-emoji-font-size: 22px;
  --mobile-emoji-row-emoji-line-height: 28px;
  --mobile-emoji-row-emoji-min-spacing: 12px;
  --mobile-emoji-row-emoji-size: 24px;
  --mobile-gifting-settings-padding-horizontal: 16px;
  --mobile-group-avatar-size: 64px;
  --mobile-guild-bar-item-margin: 6px;
  --mobile-guild-folder-background-left: 8px;
  --mobile-guild-folder-background-radius: 16px;
  --mobile-guild-folder-background-width-offset: 8px;
  --mobile-guild-item-selected-border-radius: 12px;
  --mobile-header-title-text-style: heading-lg/semibold;
  --mobile-input-field-border-width: 1px;
  --mobile-input-field-padding-vertical-sm-ios: 4px;
  --mobile-input-field-radius-lg: 12px;
  --mobile-input-field-radius-md: 8px;
  --mobile-input-field-radius-sm: 8px;
  --mobile-input-field-round-radius: 8px;
  --mobile-input-field-text-style-lg: text-md/normal;
  --mobile-input-field-text-style-md: text-md/normal;
  --mobile-input-field-text-style-sm: text-xs/normal;
  --mobile-media-keyboard-bar-border-radius: 16px;
  --mobile-media-keyboard-bar-border-width: 1px;
  --mobile-media-keyboard-bar-buttons-margin-horizontal: 0px;
  --mobile-media-keyboard-bar-gap: 4px;
  --mobile-media-keyboard-bar-margin-horizontal: 12px;
  --mobile-media-keyboard-bar-padding-horizontal: 8px;
  --mobile-media-keyboard-button-border-radius: 8px;
  --mobile-media-keyboard-button-icon-color-active: icon-default;
  --mobile-media-keyboard-button-padding: 4px;
  --mobile-media-keyboard-button-text-color-active: text-default;
  --mobile-media-keyboard-button-text-variant: text-xs/medium;
  --mobile-media-keyboard-send-vertical-inset: 8px;
  --mobile-messages-header-button-gap: 12px;
  --mobile-messages-header-padding-bottom: 12px;
  --mobile-messages-item-channel-avatar-margin-end: 12px;
  --mobile-messages-item-channel-name-text-style: text-md/medium;
  --mobile-messages-item-happening-now-padding-bottom: 16px;
  --mobile-quest-dock-border-radius: 16px;
  --mobile-segmented-control-border-radius: 8px;
  --mobile-settings-padding-top: 24px;
  --mobile-sheet-handle-margin-bottom: 24px;
  --mobile-sheet-handle-margin-top: 8px;
  --mobile-sheet-handle-width: 36px;
  --mobile-sheet-header-padding-horizontal: 0px;
  --mobile-tab-bar-unread-badge-size: 12px;
  --mobile-tab-label-margin-top: -4px;
  --mobile-tab-label-text-style: text-xs/medium;
  --mobile-table-row-arrow-margin-end: 8px;
  --mobile-table-row-arrow-margin-start: 8px;
  --mobile-table-row-arrow-width: 12px;
  --mobile-table-row-border-radius: 12px;
  --mobile-table-row-content-height: 32px;
  --mobile-table-row-group-helper-text-style: text-sm/normal;
  --mobile-table-row-height: 56px;
  --mobile-table-row-label-color: text-strong;
  --mobile-table-row-label-text-style: text-md/medium;
  --mobile-user-profile-about-me-heading-text-style: text-sm/medium;
  --mobile-user-row-label-line-height-ios: 20px;
  --mobile-voice-channel-user-limit-border-width: 1px;
  --mobile-voice-message-duration-line-height-android: 13px;
  --mobile-voice-message-duration-text-style: text-xs/semibold;
  --mobile-voice-message-recording-container-padding-vertical: 6px;
  --mobile-voice-panel-controls-border-radius: 16px;
  --mobile-voice-panel-controls-padding: 4px;
  --mobile-voice-panel-disconnect-button-min-width: 64px;
  --mobile-voice-panel-gutter: 16px;
  --mobile-voice-panel-padding: 16px;
  --mobile-voice-tile-border-radius: 12px;
  --mobile-you-bar-border-radius: 16px;
}
.mobile-visual-refresh-floating {
  --mobile-channel-drawer-corner-radius: 0px;
  --mobile-channel-drawer-divider-width: 1px;
  --mobile-channel-drawer-spacing: 0px;
  --mobile-chat-input-action-button-gap: 10px;
  --mobile-chat-input-context-bar-gap: 8px;
  --mobile-chat-input-context-bar-padding-horizontal: 12px;
  --mobile-chat-input-context-bar-padding-vertical: 8px;
  --mobile-chat-input-floating-accessory-border-width: 1px;
  --mobile-chat-input-floating-accessory-margin-bottom: 8px;
  --mobile-chat-input-floating-accessory-margin-horizontal: 16px;
  --mobile-chat-input-floating-accessory-padding-top: 0px;
  --mobile-chat-input-floating-accessory-top-border-width: 0px;
  --mobile-chat-input-floating-border-radius: 16px;
  --mobile-chat-input-floating-content-gap: 8px;
  --mobile-chat-input-floating-content-padding-horizontal: 10px;
  --mobile-chat-input-floating-content-padding-vertical: 10px;
  --mobile-chat-input-reply-mention-icon-margin-right: 0px;
  --mobile-chat-input-reply-mention-icon-size: 16px;
  --mobile-chat-input-send-button-height: 36px;
  --mobile-chat-input-send-button-width: 36px;
}
.mobile-visual-refresh-legacy-send-button {
  --mobile-chat-input-action-button-gap: 8px;
  --mobile-chat-input-floating-content-padding-horizontal: 12px;
  --mobile-chat-input-floating-content-padding-vertical: 12px;
  --mobile-chat-input-send-button-height: 32px;
  --mobile-chat-input-send-button-width: 40px;
}
.refresh-fast-follow-avatars.density-compact {
  --guildbar-avatar-size: 40px;
  --guildbar-folder-size: 48px;
}
.refresh-fast-follow-avatars.density-cozy,
.refresh-fast-follow-avatars.density-default {
  --guildbar-avatar-size: 44px;
  --guildbar-folder-size: 52px;
}
.density-compact {
  --channels-name-line-height: 20px;
  --channels-spine-inverted-offset-top: 2px;
  --channels-spine-offset-left: 20px;
}
.density-default {
  --channels-name-line-height: 24px;
  --channels-spine-inverted-offset-top: 6px;
  --channels-spine-offset-left: 24px;
}
.density-cozy {
  --channels-name-line-height: 28px;
  --channels-spine-inverted-offset-top: 9px;
  --channels-spine-offset-left: 28px;
}