: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-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%)
        )
    );
  }
}
: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%;
}
.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 {
  --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);
  --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;
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Nord;
  font-style: italic;
  font-weight: 800;
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Nord Discord;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Nord Discord;
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Normal;
  font-style: italic;
  font-weight: 800;
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Discord;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: ABC Ginto Discord;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-display: swap;
  font-family: gg sans;
  font-style: italic;
  font-weight: 800;
}
@font-face {
  font-display: swap;
  font-family: gg mono;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: gg mono;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-display: swap;
  font-family: Noto Sans;
  font-style: italic;
  font-weight: 800;
}
@font-face {
  font-display: swap;
  font-family: Source Code Pro;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: Source Code Pro;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-display: swap;
  font-family: Corinthia;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: Fraunces;
  font-style: normal;
  font-weight: 300 800;
}
@font-face {
  font-display: swap;
  font-family: Munro;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: Delicious Handrawn;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: Sakura;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: Jellybean;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: Medieval;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: Modern;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-display: swap;
  font-family: "8Bit";
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: Vampyre;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: Tempo;
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-display: swap;
  font-family: Playpen Sans;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-display: swap;
  font-family: Orbitron;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-display: swap;
  font-family: New Rocker;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: Kalam;
  font-style: normal;
  font-weight: 700;
}
: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;
}

.heading-sm\/normal__13533 {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2857142857142858;
}

.heading-sm\/normal__13533.fontScaling__13533 {
  font-size: 0.875rem;
}

.heading-sm\/medium__13533 {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2857142857142858;
}

.heading-sm\/medium__13533.fontScaling__13533 {
  font-size: 0.875rem;
}

.heading-sm\/semibold__13533 {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2857142857142858;
}

.heading-sm\/semibold__13533.fontScaling__13533 {
  font-size: 0.875rem;
}

.heading-sm\/bold__13533 {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2857142857142858;
}

.heading-sm\/bold__13533.fontScaling__13533 {
  font-size: 0.875rem;
}

.heading-sm\/extrabold__13533 {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2857142857142858;
}

.heading-sm\/extrabold__13533.fontScaling__13533 {
  font-size: 0.875rem;
}

.heading-md\/normal__13533 {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}

.heading-md\/normal__13533.fontScaling__13533 {
  font-size: 1rem;
}

.heading-md\/medium__13533 {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.heading-md\/medium__13533.fontScaling__13533 {
  font-size: 1rem;
}

.heading-md\/semibold__13533 {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.heading-md\/semibold__13533.fontScaling__13533 {
  font-size: 1rem;
}

.heading-md\/bold__13533 {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.heading-md\/bold__13533.fontScaling__13533 {
  font-size: 1rem;
}

.heading-md\/extrabold__13533 {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
}

.heading-md\/extrabold__13533.fontScaling__13533 {
  font-size: 1rem;
}

.heading-lg\/normal__13533 {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}

.heading-lg\/normal__13533.fontScaling__13533 {
  font-size: 1.25rem;
}

.heading-lg\/medium__13533 {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.heading-lg\/medium__13533.fontScaling__13533 {
  font-size: 1.25rem;
}

.heading-lg\/semibold__13533 {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

.heading-lg\/semibold__13533.fontScaling__13533 {
  font-size: 1.25rem;
}

.heading-lg\/bold__13533 {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.heading-lg\/bold__13533.fontScaling__13533 {
  font-size: 1.25rem;
}

.heading-lg\/extrabold__13533 {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.heading-lg\/extrabold__13533.fontScaling__13533 {
  font-size: 1.25rem;
}

.heading-xl\/normal__13533 {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.25;
}

.heading-xl\/normal__13533.fontScaling__13533 {
  font-size: 1.5rem;
}

.heading-xl\/medium__13533 {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
}

.heading-xl\/medium__13533.fontScaling__13533 {
  font-size: 1.5rem;
}

.heading-xl\/semibold__13533 {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}

.heading-xl\/semibold__13533.fontScaling__13533 {
  font-size: 1.5rem;
}

.heading-xl\/bold__13533 {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}

.heading-xl\/bold__13533.fontScaling__13533 {
  font-size: 1.5rem;
}

.heading-xl\/extrabold__13533 {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.25;
}

.heading-xl\/extrabold__13533.fontScaling__13533 {
  font-size: 1.5rem;
}

.heading-xxl\/normal__13533 {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 400;
  line-height: 1.25;
}

.heading-xxl\/normal__13533.fontScaling__13533 {
  font-size: 2rem;
}

.heading-xxl\/medium__13533 {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.heading-xxl\/medium__13533.fontScaling__13533 {
  font-size: 2rem;
}

.heading-xxl\/semibold__13533 {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
}

.heading-xxl\/semibold__13533.fontScaling__13533 {
  font-size: 2rem;
}

.heading-xxl\/bold__13533 {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
}

.heading-xxl\/bold__13533.fontScaling__13533 {
  font-size: 2rem;
}

.heading-xxl\/extrabold__13533 {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 800;
  line-height: 1.25;
}

.heading-xxl\/extrabold__13533.fontScaling__13533 {
  font-size: 2rem;
}

.experimental\/heading-xs\/semibold__13533 {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2857142857142858;
}

.experimental\/heading-xs\/semibold__13533.fontScaling__13533 {
  font-size: 0.875rem;
}

.experimental\/heading-xs\/bold__13533 {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2857142857142858;
}

.experimental\/heading-xs\/bold__13533.fontScaling__13533 {
  font-size: 0.875rem;
}

.experimental\/heading-sm\/semibold__13533 {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.experimental\/heading-sm\/semibold__13533.fontScaling__13533 {
  font-size: 1rem;
}

.experimental\/heading-sm\/bold__13533 {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.experimental\/heading-sm\/bold__13533.fontScaling__13533 {
  font-size: 1rem;
}

.experimental\/heading-md\/semibold__13533 {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2222222222222223;
}

.experimental\/heading-md\/semibold__13533.fontScaling__13533 {
  font-size: 1.125rem;
}

.experimental\/heading-md\/bold__13533 {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2222222222222223;
}

.experimental\/heading-md\/bold__13533.fontScaling__13533 {
  font-size: 1.125rem;
}

.experimental\/heading-lg\/semibold__13533 {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

.experimental\/heading-lg\/semibold__13533.fontScaling__13533 {
  font-size: 1.25rem;
}

.experimental\/heading-lg\/bold__13533 {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.experimental\/heading-lg\/bold__13533.fontScaling__13533 {
  font-size: 1.25rem;
}

.experimental\/heading-xl\/semibold__13533 {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}

.experimental\/heading-xl\/semibold__13533.fontScaling__13533 {
  font-size: 1.5rem;
}

.experimental\/heading-xl\/bold__13533 {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}

.experimental\/heading-xl\/bold__13533.fontScaling__13533 {
  font-size: 1.5rem;
}

.experimental\/heading-xxl\/semibold__13533 {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
}

.experimental\/heading-xxl\/semibold__13533.fontScaling__13533 {
  font-size: 2rem;
}

.experimental\/heading-xxl\/bold__13533 {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
}

.experimental\/heading-xxl\/bold__13533.fontScaling__13533 {
  font-size: 2rem;
}

.eyebrow__13533 {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.3333333333333333;
  text-transform: uppercase;
}

.eyebrow__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.heading-deprecated-12\/normal__13533 {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3333333333333333;
}

.heading-deprecated-12\/normal__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.heading-deprecated-12\/medium__13533 {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3333333333333333;
}

.heading-deprecated-12\/medium__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.heading-deprecated-12\/semibold__13533 {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3333333333333333;
}

.heading-deprecated-12\/semibold__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.heading-deprecated-12\/bold__13533 {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3333333333333333;
}

.heading-deprecated-12\/bold__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.heading-deprecated-12\/extrabold__13533 {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3333333333333333;
}

.heading-deprecated-12\/extrabold__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.redesign\/heading-18\/medium__13533 {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3333333333333333;
}

.redesign\/heading-18\/medium__13533.fontScaling__13533 {
  font-size: 1.125rem;
}

.redesign\/heading-18\/semibold__13533 {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3333333333333333;
}

.redesign\/heading-18\/semibold__13533.fontScaling__13533 {
  font-size: 1.125rem;
}

.redesign\/heading-18\/bold__13533 {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3333333333333333;
}

.redesign\/heading-18\/bold__13533.fontScaling__13533 {
  font-size: 1.125rem;
}

.text-xxs\/normal__13533 {
  font-family: var(--font-primary);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
}

.text-xxs\/normal__13533.fontScaling__13533 {
  font-size: 0.625rem;
}

.text-xxs\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
}

.text-xxs\/medium__13533.fontScaling__13533 {
  font-size: 0.625rem;
}

.text-xxs\/semibold__13533 {
  font-family: var(--font-primary);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
}

.text-xxs\/semibold__13533.fontScaling__13533 {
  font-size: 0.625rem;
}

.text-xxs\/bold__13533 {
  font-family: var(--font-primary);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}

.text-xxs\/bold__13533.fontScaling__13533 {
  font-size: 0.625rem;
}

.text-xs\/normal__13533 {
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3333333333333333;
}

.text-xs\/normal__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.text-xs\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3333333333333333;
}

.text-xs\/medium__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.text-xs\/semibold__13533 {
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3333333333333333;
}

.text-xs\/semibold__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.text-xs\/bold__13533 {
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3333333333333333;
}

.text-xs\/bold__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.text-sm\/normal__13533 {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2857142857142858;
}

.text-sm\/normal__13533.fontScaling__13533 {
  font-size: 0.875rem;
}

.text-sm\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2857142857142858;
}

.text-sm\/medium__13533.fontScaling__13533 {
  font-size: 0.875rem;
}

.text-sm\/semibold__13533 {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2857142857142858;
}

.text-sm\/semibold__13533.fontScaling__13533 {
  font-size: 0.875rem;
}

.text-sm\/bold__13533 {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2857142857142858;
}

.text-sm\/bold__13533.fontScaling__13533 {
  font-size: 0.875rem;
}

.text-md\/normal__13533 {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}

.text-md\/normal__13533.fontScaling__13533 {
  font-size: 1rem;
}

.text-md\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.text-md\/medium__13533.fontScaling__13533 {
  font-size: 1rem;
}

.text-md\/semibold__13533 {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.text-md\/semibold__13533.fontScaling__13533 {
  font-size: 1rem;
}

.text-md\/bold__13533 {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.text-md\/bold__13533.fontScaling__13533 {
  font-size: 1rem;
}

.text-lg\/normal__13533 {
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}

.text-lg\/normal__13533.fontScaling__13533 {
  font-size: 1.25rem;
}

.text-lg\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.text-lg\/medium__13533.fontScaling__13533 {
  font-size: 1.25rem;
}

.text-lg\/semibold__13533 {
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

.text-lg\/semibold__13533.fontScaling__13533 {
  font-size: 1.25rem;
}

.text-lg\/bold__13533 {
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.text-lg\/bold__13533.fontScaling__13533 {
  font-size: 1.25rem;
}

.redesign\/message-preview\/normal__13533 {
  font-family: var(--font-primary);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3333333333333333;
}

.redesign\/message-preview\/normal__13533.fontScaling__13533 {
  font-size: 0.9375rem;
}

.redesign\/message-preview\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3333333333333333;
}

.redesign\/message-preview\/medium__13533.fontScaling__13533 {
  font-size: 0.9375rem;
}

.redesign\/message-preview\/semibold__13533 {
  font-family: var(--font-primary);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3333333333333333;
}

.redesign\/message-preview\/semibold__13533.fontScaling__13533 {
  font-size: 0.9375rem;
}

.redesign\/message-preview\/bold__13533 {
  font-family: var(--font-primary);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3333333333333333;
}

.redesign\/message-preview\/bold__13533.fontScaling__13533 {
  font-size: 0.9375rem;
}

.redesign\/channel-title\/normal__13533 {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
}

.redesign\/channel-title\/normal__13533.fontScaling__13533 {
  font-size: 1rem;
}

.redesign\/channel-title\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
}

.redesign\/channel-title\/medium__13533.fontScaling__13533 {
  font-size: 1rem;
}

.redesign\/channel-title\/semibold__13533 {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.375;
}

.redesign\/channel-title\/semibold__13533.fontScaling__13533 {
  font-size: 1rem;
}

.redesign\/channel-title\/bold__13533 {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.375;
}

.redesign\/channel-title\/bold__13533.fontScaling__13533 {
  font-size: 1rem;
}

.experimental\/body-xs\/normal__13533 {
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3333333333333333;
}

.experimental\/body-xs\/normal__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.experimental\/body-xs\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3333333333333333;
}

.experimental\/body-xs\/medium__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.experimental\/body-sm\/normal__13533 {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2857142857142858;
}

.experimental\/body-sm\/normal__13533.fontScaling__13533 {
  font-size: 0.875rem;
}

.experimental\/body-sm\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2857142857142858;
}

.experimental\/body-sm\/medium__13533.fontScaling__13533 {
  font-size: 0.875rem;
}

.experimental\/body-md\/normal__13533 {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}

.experimental\/body-md\/normal__13533.fontScaling__13533 {
  font-size: 1rem;
}

.experimental\/body-md\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.experimental\/body-md\/medium__13533.fontScaling__13533 {
  font-size: 1rem;
}

.experimental\/body-lg\/normal__13533 {
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}

.experimental\/body-lg\/normal__13533.fontScaling__13533 {
  font-size: 1.25rem;
}

.experimental\/body-lg\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.experimental\/body-lg\/medium__13533.fontScaling__13533 {
  font-size: 1.25rem;
}

.experimental\/meta\/normal__13533 {
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3333333333333333;
}

.experimental\/meta\/normal__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.experimental\/meta\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3333333333333333;
}

.experimental\/meta\/medium__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.display-sm__13533 {
  font-family: var(--font-headline);
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.display-sm__13533.fontScaling__13533 {
  font-size: 1.25rem;
}

.display-md__13533 {
  font-family: var(--font-headline);
  font-size: 34px;
  font-weight: 800;
  line-height: 1.0588235294117647;
}

.display-md__13533.fontScaling__13533 {
  font-size: 2.125rem;
}

.display-lg__13533 {
  font-family: var(--font-headline);
  font-size: 44px;
  font-weight: 800;
  line-height: 0.9545454545454546;
}

.display-lg__13533.fontScaling__13533 {
  font-size: 2.75rem;
}

.experimental\/display-xs__13533 {
  font-family: var(--font-headline);
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}

.experimental\/display-xs__13533.fontScaling__13533 {
  font-size: 1rem;
}

.experimental\/display-sm__13533 {
  font-family: var(--font-headline);
  font-size: 24px;
  font-weight: 800;
  line-height: 0.9166666666666666;
}

.experimental\/display-sm__13533.fontScaling__13533 {
  font-size: 1.5rem;
}

.experimental\/display-md__13533 {
  font-family: var(--font-headline);
  font-size: 32px;
  font-weight: 800;
  line-height: 0.875;
}

.experimental\/display-md__13533.fontScaling__13533 {
  font-size: 2rem;
}

.experimental\/display-lg__13533 {
  font-family: var(--font-headline);
  font-size: 44px;
  font-weight: 800;
  line-height: 0.8636363636363636;
}

.experimental\/display-lg__13533.fontScaling__13533 {
  font-size: 2.75rem;
}

.experimental\/label-xs\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3333333333333333;
  text-transform: uppercase;
}

.experimental\/label-xs\/medium__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.experimental\/label-xs\/semibold__13533 {
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3333333333333333;
  text-transform: uppercase;
}

.experimental\/label-xs\/semibold__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.experimental\/label-sm\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2857142857142858;
}

.experimental\/label-sm\/medium__13533.fontScaling__13533 {
  font-size: 0.875rem;
}

.experimental\/label-sm\/semibold__13533 {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2857142857142858;
}

.experimental\/label-sm\/semibold__13533.fontScaling__13533 {
  font-size: 0.875rem;
}

.experimental\/label-md\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.experimental\/label-md\/medium__13533.fontScaling__13533 {
  font-size: 1rem;
}

.experimental\/label-md\/semibold__13533 {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.experimental\/label-md\/semibold__13533.fontScaling__13533 {
  font-size: 1rem;
}

.experimental\/label-lg\/medium__13533 {
  font-family: var(--font-primary);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2222222222222223;
}

.experimental\/label-lg\/medium__13533.fontScaling__13533 {
  font-size: 1.125rem;
}

.experimental\/label-lg\/semibold__13533 {
  font-family: var(--font-primary);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2222222222222223;
}

.experimental\/label-lg\/semibold__13533.fontScaling__13533 {
  font-size: 1.125rem;
}

.code__13533 {
  font-family: var(--font-code);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3333333333333333;
}

.code__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.experimental\/mono-md\/normal__13533 {
  font-family: var(--font-code);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3333333333333333;
}

.experimental\/mono-md\/normal__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.experimental\/mono-md\/bold__13533 {
  font-family: var(--font-code);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3333333333333333;
}

.experimental\/mono-md\/bold__13533.fontScaling__13533 {
  font-size: 0.75rem;
}

.experimental\/mono-sm\/normal__13533 {
  font-family: var(--font-code);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
}

.experimental\/mono-sm\/normal__13533.fontScaling__13533 {
  font-size: 0.625rem;
}

.experimental\/mono-sm\/bold__13533 {
  font-family: var(--font-code);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}

.experimental\/mono-sm\/bold__13533.fontScaling__13533 {
  font-size: 0.625rem;
}

.autocomplete__13533 {
  background-color: var(--background-surface-high);
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 3;
}

.autocompleteInner__13533 {
  padding-bottom: 8px;
}

.autocompleteRow__13533 {
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  line-height: 16px;
  padding: 0 8px;
}

.autocompleteRowVertical__13533 {
}

.autocompleteRowHorizontal__13533 {
  padding: 0;
}

.autocompleteRowContent__13533 {
  align-items: center;
  color: var(--interactive-text-default);
  display: flex;
  min-height: 16px;
}

.autocompleteRowContentPrimary__13533 {
  flex-grow: 0;
  flex-shrink: 1;
  min-width: 10ch;
  overflow: hidden;
}

.autocompleteRowIcon__13533 {
  flex: 0 0 auto;
  margin-inline-end: 8px;
}

.autocompleteRowHeading__13533 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.headingWithBadge__13533 {
  align-items: center;
  display: flex;
  gap: var(--space-4);
  min-width: 0;
}

.autocompleteRowSubheading__13533 {
  margin-top: 2px;
}

.autocompleteRowContentSecondary__13533 {
  flex-basis: 10ch;
  flex-grow: 1;
  flex-shrink: 0;
  margin-inline-start: var(--space-16);
  min-width: 10ch;
  overflow: hidden;
  text-align: end;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.base__13533 {
  border-radius: 3px;
  padding: 8px;
}

.clickable__13533[role="option"] > .base__13533 {
  cursor: pointer;
}

.clickable__13533[role="option"] > .base__13533:hover {
  background-color: var(--interactive-background-hover);
}

.clickable__13533[aria-selected="true"] > .base__13533 {
  background-color: var(--interactive-background-hover);
}

.dividerContainer__13533 .base__13533 {
  padding-bottom: 0;
  padding-top: 0;
}

.divider__13533 {
  padding: 8px;
}

.divider__13533:after {
  background-color: var(--border-subtle);
  content: "";
  display: block;
  height: 1px;
  width: 100%;
}

.contentTitle__13533 {
  color: var(--interactive-text-default);
  padding: 4px 0;
  text-transform: uppercase;
}

.contentTitle__13533 strong {
  color: var(--text-subtle);
  text-transform: none;
}

.icon__13533 {
  color: var(--interactive-text-default);
  height: 16px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 16px;
}

.iconForeground__13533 {
  fill: var(--interactive-text-default);
}

.emojiImage__13533 {
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 20px;
}

.emojiRaw__13533 {
  display: block;
  font-size: 20px;
}

.descriptionDiscriminator__13533 {
  opacity: 0.6;
}

.autocompleteRowVerticalSmall__13533 .base__13533 {
  padding: 4px 8px;
}

.roleDot__13533 {
  margin-inline-end: 4px;
}

.autocompletePlaceholder__13533 {
  background: var(--background-base-low);
  border-radius: 16px;
  height: 16px;
  margin-top: 8px;
}

.autocompleteContentWrapper__13533 {
  display: flex;
  flex-grow: 1;
  gap: var(--space-16);
}

.enable-forced-colors .autocomplete__13533 {
  border: 2px solid CanvasText;
}

.enable-forced-colors .clickable__13533[aria-selected="true"] > .base__13533 {
  outline: 2px solid Highlight;
  outline-offset: Highlight;
}

.enable-forced-colors .descriptionDiscriminator__13533 {
  opacity: 1;
}

.option_a19535 {
  border-radius: 4px;
  display: block;
  font-weight: var(--font-weight-normal);
  padding: 0 4px;
}

.theme-light .option_a19535 {
  background-color: var(--primary-300);
}

.theme-dark .option_a19535 {
  background-color: var(--primary-800);
}

.inline_a19535 {
  margin-inline-end: 4px;
  padding-bottom: 1px;
}

.set_a19535 {
  opacity: 0.5;
}

.error_a19535 {
  color: var(--text-feedback-critical);
}

.active_a19535 {
  background-color: var(--brand-500) !important;
  color: var(--white);
}

.clickable_a19535 {
  cursor: pointer;
}

.mask_ca5f52 {
  display: block;
}

.icon_ca5f52 {
  height: 32px;
  width: 32px;
}

.wrapper_ca5f52 {
  border-radius: 8px;
  transition: background-color 0.1s ease-in-out;
}

.selectable_ca5f52:hover {
  background-color: var(--interactive-background-hover);
}

.selectable_ca5f52:hover .icon_ca5f52 {
  color: var(--interactive-text-hover);
}

.selected_ca5f52,
.selected_ca5f52:hover {
  background-color: var(--background-base-low);
}

.selected_ca5f52 .icon_ca5f52,
.selected_ca5f52:hover .icon_ca5f52 {
  color: var(--interactive-text-active);
}

.theme-light .selected_ca5f52 .icon_ca5f52,
.theme-light .selected_ca5f52:hover .icon_ca5f52 {
  color: var(--primary-500);
}

.icon__1a58a {
  color: var(--interactive-text-default);
}

.wrapper__1a58a {
  border-radius: 8px;
  transition: background-color 0.1s ease-in-out;
}

.selectable__1a58a:hover {
  background-color: var(--interactive-background-hover);
}

.selectable__1a58a:hover .icon__1a58a {
  color: var(--interactive-text-hover);
}

.selected__1a58a,
.selected__1a58a:hover {
  background-color: var(--background-base-low);
}

.selected__1a58a .icon__1a58a,
.selected__1a58a:hover .icon__1a58a {
  color: var(--interactive-text-active);
}

.theme-light .selected__1a58a .icon__1a58a,
.theme-light .selected__1a58a:hover .icon__1a58a {
  color: var(--primary-500);
}

.wrapper__920ab {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 40px;
}

.image__920ab {
  align-self: flex-start;
  flex-grow: 0;
  flex-shrink: 0;
  justify-self: flex-start;
  margin-top: 4px;
  margin-inline-end: 16px;
}

.infoWrapper__920ab {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}

.source__920ab {
  flex-grow: 0;
  flex-shrink: 0;
  margin-inline-start: 16px;
  max-width: 33%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.usageWrapper__920ab {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.description__920ab {
  margin-top: 4px;
  white-space: nowrap;
}

.description__920ab,
.title__920ab {
  overflow: hidden;
  text-overflow: ellipsis;
}

.title__920ab {
  flex-shrink: 0;
  font-weight: var(--font-weight-medium);
}

.option__920ab {
  margin-inline-start: 8px;
}

.error__920ab {
  color: var(--text-feedback-critical);
}

.optionalHeader__920ab {
  color: var(--text-muted);
  text-transform: uppercase;
}

.optionalCount__920ab,
.optionalHeader__920ab {
  padding-inline-start: 8px;
}

.disabled__920ab {
  opacity: 0.3;
}

.optionals__920ab {
  align-items: center;
  border-inline-start: 1px solid var(--border-subtle);
  display: flex;
  flex-direction: row;
  margin-inline-start: 8px;
}

.optionalNames__920ab {
  display: flex;
  flex-direction: column;
}

.wrapper__78aa3 {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 40px;
  justify-content: space-between;
  padding: 8px;
}

.infoWrapper__78aa3 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}

.usageWrapper__78aa3 {
  align-items: center;
  background: var(--background-mod-strong);
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  height: 16px;
}

.image__78aa3 {
  align-self: flex-start;
  background: var(--background-base-low);
  border-radius: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  height: 32px;
  justify-self: flex-start;
  margin-top: 4px;
  margin-inline-end: 16px;
  width: 32px;
}

.description__78aa3 {
  margin-top: 8px;
}

.description__78aa3,
.source__78aa3 {
  background: var(--background-base-low);
  border-radius: 16px;
  height: 16px;
}

.source__78aa3 {
  flex-shrink: 0;
  margin-inline-start: 16px;
}

.upsell__98044 {
  margin-bottom: -4px;
  margin-top: -4px;
}

.emojis__98044 {
  display: flex;
}

.emojiMask__98044 {
  position: relative;
}

.emojiBackground__98044 {
  align-items: center;
  background-color: var(--background-base-lowest);
  border-radius: 50%;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.emoji__98044 {
  height: 16px;
  width: 16px;
}

.wrapper__14245 {
  align-items: center;
  background-color: var(--background-surface-high);
  box-sizing: border-box;
  display: flex;
  height: var(
    --custom-expression-picker-constants-expression-picker-list-section-heading-height
  );
  padding-block: 0;
  padding-inline: 8px 4px;
  z-index: 1;
}

.wrapper__14245:after {
  background-color: inherit;
  content: "";
  height: 3px;
  inset-inline-start: 0;
  position: absolute;
  top: -2px;
  width: 100%;
}

.header__14245 {
  align-items: center;
  color: var(--text-default);
  display: flex;
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  justify-content: flex-start;
  min-width: 0;
  transition: color 0.125s;
}

.interactive__14245:hover {
  cursor: pointer;
}

.interactive__14245:hover:hover {
  color: var(--interactive-text-active);
}

.headerIcon__14245 {
  display: contents;
  height: 100%;
  margin-inline-end: 8px;
}

.headerLabel__14245 {
  margin-inline-end: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.headerIcon__14245 + .headerLabel__14245 {
  margin-inline-start: 4px;
}

.headerCollapseIcon__14245 {
  flex-shrink: 0;
}

.full-motion .headerCollapseIcon__14245 {
  transition: transform 0.1s;
}

.headerCollapseIconCollapsed__14245 {
  transform: rotate(-90deg);
}

.enable-forced-colors .wrapper__14245 {
  border-bottom: 1px solid CanvasText;
}

.enable-forced-colors .interactive__14245 {
  background-color: ButtonFace;
  color: ButtonText;
  forced-color-adjust: none;
}

.enable-forced-colors .interactive__14245:hover {
  color: ButtonText;
}

.wrapper__4e6ce {
  background-color: var(--background-base-lower);
  border-radius: 0 0 0 8px;
  display: grid;
  grid-template-rows: 1fr auto;
  inset-inline: 0;
  bottom: 0;
  overflow: hidden;
  position: absolute;
  width: 48px;
}

.high-contrast-mode .wrapper__4e6ce {
  border-inline-end: 1px solid var(--border-subtle);
  box-sizing: border-box;
}

.enable-forced-colors .wrapper__4e6ce {
  border-inline-end: 1px solid CanvasText;
}

.wrapper_b1e4f3 {
  background-color: var(--background-base-lowest);
  margin-bottom: -16px;
  padding-bottom: 8px;
  width: 48px;
}

.list_b1e4f3 {
  background: none;
  height: 100%;
}

.section_b1e4f3 {
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 8px;
}

.section_b1e4f3:last-child {
  margin-bottom: 0;
}

.builtInSeparator_b1e4f3 {
  border: none;
  border-bottom: 1px solid var(--border-subtle);
  border-color: var(--border-subtle);
  margin: 8px 0;
}

.outerWrapper_d1405b {
  border-radius: 5px;
  box-shadow: var(--shadow-border), var(--shadow-high);
  inset-inline: 0 var(--space-8);
  bottom: calc(100% + 8px);
  overflow: hidden;
  position: absolute;
}

.wrapper_d1405b {
  display: flex;
  flex-direction: row;
  height: 420px;
  padding-bottom: 0;
}

.noSearchResults_d1405b {
  height: 340px;
}

.list_d1405b {
  height: 100%;
}

.rail_d1405b {
  align-self: stretch;
  flex-grow: 0;
  flex-shrink: 0;
}

.content_d1405b {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.categoryHeader_d1405b {
  background-color: var(--background-surface-high);
  padding: 0 8px;
  position: sticky;
  top: 0;
}

.categorySection_d1405b {
  margin-bottom: 16px;
}

.categorySectionLast_d1405b {
  margin-bottom: 0;
}

.itemWrapper_d1405b {
  padding: 0;
}

@use postcss-pxtorem;
.autocomplete__6b0e0 {
  border-radius: 5px;
  box-shadow: var(--shadow-border), var(--shadow-high);
  overflow: hidden;
}

.autocompleteAttached__6b0e0 {
  bottom: calc(100% + 8px);
  inset-inline: var(--space-8) var(--space-16);
  position: absolute;
}

.autocompleteAttached__6b0e0.bottom__6b0e0 {
  inset-inline: 0;
  bottom: inherit;
  top: 100%;
}

.autocompletePopout__6b0e0 {
  max-width: 800px;
  min-width: 430px;
  pointer-events: all;
}

.autocompleteInner__6b0e0 {
  padding-bottom: 0;
}

.autocompleteTop__6b0e0 {
  z-index: 1001;
}

.scroller__6b0e0 {
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
}

.stickerAutoComplete__6b0e0 {
  display: grid;
  grid-template-columns: repeat(auto-fill, 116px);
  grid-template-rows: repeat(auto-fill, 116px);
  grid-gap: 8px;
  padding: 8px 16px;
}

.sticker__6b0e0 {
  margin-top: 2px;
  margin-inline-start: 2px;
}

.container__52c9d {
  position: absolute;
  top: 0;
  inset-inline: 0;
  bottom: 0;
  z-index: 101;
}

.background__52c9d {
  background-color: var(--background-base-lower);
  opacity: 0.98;
  position: absolute;
}

.background__52c9d,
.content__52c9d {
  height: 100%;
  width: 100%;
}

.content__52c9d {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  position: relative;
}

.closeButton__52c9d {
  cursor: pointer;
  inset-inline-end: 20px;
  position: absolute;
  top: 20px;
}

.closeButtonIcon__52c9d {
  color: var(--interactive-text-default);
}

.description__52c9d,
.header__52c9d {
  text-align: center;
}

.upsellImage__52c9d {
  width: 124px;
}

.banner__97f37 {
  border-radius: 8px;
  max-width: 304px;
  width: 100%;
}

.banner__97f37.hasTrialOffer__97f37 {
  margin-bottom: 16px;
  margin-top: 16px;
  max-height: 172px;
}

.wrapper__97f37 {
  align-items: center;
  background-color: var(--modal-background);
  border-radius: 8px;
  display: flex;
  height: 100%;
  inset-inline-start: 0;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 101;
}

.closeButton__97f37 {
  color: var(--interactive-text-default);
  cursor: pointer;
  inset-inline-end: 16px;
  position: absolute;
  top: 16px;
}

.contentFill__97f37 {
  background: var(
    --gradients-nitro-classic-diagonal,
    linear-gradient(
      45deg,
      var(--premium-tier-1-blue) 0,
      var(--premium-tier-1-purple) 75.25%
    )
  );
  border-radius: 8px;
  margin-top: 24px;
  padding: 36px 84px;
}

.nitroWheel__97f37 {
  color: var(--premium-tier-1-purple);
  padding-inline-end: 4px;
}

.content__97f37 {
  box-sizing: border-box;
  color: var(--text-default);
  flex-direction: column;
  text-align: center;
}

.content__97f37,
.header__97f37 {
  align-items: center;
  display: flex;
}

.header__97f37 {
  justify-content: center;
  margin: 16px 0 8px;
}

.headerText__97f37 {
  margin-inline-start: 4px;
}

.subheaderText__97f37 {
  color: var(--text-default);
  max-width: 350px;
  padding: 0 32px;
  white-space: pre-line;
}

.subheaderText__97f37 a {
  color: var(--text-default);
  text-decoration: underline;
}

.ctaActionWrapper__97f37 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  margin-top: 24px;
  padding: 0 48px;
  width: 100%;
}

.drag__5c9fc {
  display: none;
}

.root__5c9fc {
  bottom: 0;
  contain: strict;
  position: absolute;
  top: 0;
  inset-inline: 0;
  pointer-events: all;
}

.enter__5c9fc,
.enterReducedMotion__5c9fc,
.exit__5c9fc,
.exitReducedMotion__5c9fc {
  transition-duration: var(--custom-full-screen-layer-animation-duration);
  transition-property: transform, opacity;
  transition-timing-function: ease-in-out;
}

.enter__5c9fc {
  transform: scale(1.1);
}

.enter__5c9fc,
.enterReducedMotion__5c9fc {
  opacity: 0;
}

.exit__5c9fc {
  transform: scale(1);
}

.exit__5c9fc,
.exitReducedMotion__5c9fc {
  opacity: 1;
}

.enterActive__5c9fc,
.enterDone__5c9fc {
  opacity: 1;
  transform: scale(1);
}

.enterActiveReducedMotion__5c9fc,
.enterDoneReducedMotion__5c9fc {
  opacity: 1;
}

.exitActive__5c9fc,
.exitDone__5c9fc {
  opacity: 0;
  transform: scale(1.1);
}

.exitActiveReducedMotion__5c9fc,
.exitDoneReducedMotion__5c9fc {
  opacity: 0;
}

.wrapper__3b770 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-32);
  margin: var(--space-80) 0;
  width: 100%;
}

.heading__3b770 {
  text-align: center;
}

.cards__3b770 {
  display: flex;
  gap: var(--space-24);
  width: 100%;
}

.card__3b770 {
  align-items: center;
  background: var(--background-base-low);
  border: 1px solid var(--border-subtle);
  border-radius: 16px;
  box-shadow: var(--shadow-low);
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: var(--space-12);
  justify-content: center;
  min-width: 0;
  padding: var(--space-24);
}

.icon__3b770 {
  color: var(--icon-muted);
  display: block;
  height: 48px;
  width: 48px;
}

.iconImage__3b770 {
  filter: saturate(var(--saturation-factor, 1));
}

.description__3b770 {
  text-align: center;
}

@media (max-width: 768px) {
  .cards__3b770 {
    flex-wrap: wrap;
  }

  .card__3b770 {
    flex: 1 1 calc(50% - var(--space-12));
    min-width: 200px;
  }
}

@media (max-width: 500px) {
  .cards__3b770 {
    flex-direction: column;
  }

  .card__3b770 {
    flex: 1 1 auto;
  }
}

.guildBoostUnavailableNotice__0c507 {
  align-self: center;
  background-color: hsl(var(--white-hsl) / 0.1);
  border: 2px solid var(--white);
  border-radius: 9999px;
  justify-self: center;
  margin-bottom: 32px;
  padding: 8px 16px;
  width: -moz-fit-content;
  width: fit-content;
}

.guildBoostUnavailableNotice__0c507.lightTheme__0c507 {
  border: 2px solid var(--black-500);
}

.guildBoostUnavailableNoticeText__0c507 {
  font-size: 16px;
}

.container__9dbc9 {
  gap: var(--space-24);
  margin-bottom: var(--space-80);
  text-align: center;
}

.container__9dbc9,
.serverSection__9dbc9 {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.serverSection__9dbc9 {
  gap: var(--space-12);
}

.guildIcon__9dbc9 {
  border: 1px solid hsla(0, 0%, 100%, 0.16);
  border-radius: 19px;
  box-shadow: 0 1.6px 6.4px 0 rgba(0, 0, 0, 0.14);
  height: 70px;
  width: 70px;
}

.theme-light .guildIcon__9dbc9 {
  border-color: rgba(0, 0, 0, 0.1);
}

.guildName__9dbc9 {
  color: var(--white);
}

.theme-light .guildName__9dbc9 {
  color: var(--text-default);
}

.serverInfo__9dbc9 {
  flex-direction: column;
  gap: var(--space-4);
}

.guildBoostCount__9dbc9,
.serverInfo__9dbc9 {
  align-items: center;
  display: flex;
}

.guildBoostCount__9dbc9 {
  gap: 2px;
}

.guildBoostBadge__9dbc9 {
  color: var(--white);
  flex: 0 0 auto;
  height: 18px;
  opacity: 0.6;
  width: 18px;
}

.guildBoostBadgeWithBoosts__9dbc9 {
  color: var(--guild-boosting-pink);
  opacity: 1;
}

.guildStatusCopy__9dbc9 {
  color: var(--white);
}

.theme-light .guildStatusCopy__9dbc9 {
  color: var(--text-default);
}

.guildBoostCountCurrentUser__9dbc9 {
  color: var(--white);
  margin-top: var(--space-4);
  opacity: 0.6;
}

.theme-light .guildBoostCountCurrentUser__9dbc9 {
  color: var(--text-muted);
  opacity: 1;
}

.heroSection__9dbc9 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
}

.heading__9dbc9 {
  color: var(--text-strong);
  font-family: var(--font-display-marketing-header);
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -1.26px;
  line-height: 110%;
  margin: 0;
  max-width: 770px;
  text-align: center;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}

.theme-light .heading__9dbc9 {
  text-shadow: none;
}

.guildBoostCtas__9dbc9 {
  display: flex;
  gap: var(--space-12);
  justify-content: center;
}

.guildBoostCtaPrimary__9dbc9 {
  flex: 0 0 auto;
}

.wrapper_bb27fe {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.heading_bb27fe {
  text-align: center;
  width: 100%;
}

.list_bb27fe {
  width: 100%;
}

.list_bb27fe,
.listItem_bb27fe {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.listItem_bb27fe {
  align-items: flex-start;
  align-self: stretch;
  background: var(--background-base-low);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
  box-shadow: var(--shadow-low);
  cursor: pointer;
  padding: var(--space-12);
}

.listItemExpanded_bb27fe {
  background: var(--background-surface-highest);
  border: 1px solid var(--border-strong);
}

.questionWrapper_bb27fe {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: var(--space-12);
}

.question_bb27fe {
  flex: 1 1 auto;
}

.questionIcon_bb27fe {
  flex: 0 0 auto;
}

.full-motion .questionIcon_bb27fe {
  transition: transform 0.2s ease-in-out;
}

.answer_bb27fe {
  align-self: stretch;
  padding-top: var(--space-8);
}

.closeButtonWrapper__00843 {
  position: relative;
  z-index: 2;
}

.closeButton__00843 {
  align-items: center;
  background-color: rgba(16, 16, 18, 0.5);
  border-radius: 12px;
  color: var(--primary-330);
  cursor: pointer;
  display: flex;
  height: 40px;
  inset-inline-end: var(--space-24);
  justify-content: center;
  position: absolute;
  top: var(--space-24);
  width: 40px;
  z-index: 2;
}

.closeButton__00843:hover {
  background-color: rgba(16, 16, 18, 0.7);
  color: var(--primary-230);
}

.theme-light .closeButton__00843 {
  background-color: rgba(0, 0, 0, 0.08);
  color: var(--primary-500);
}

.theme-light .closeButton__00843:hover {
  background-color: rgba(0, 0, 0, 0.12);
  color: var(--primary-600);
}

.scroller__00843 {
  background: var(--background-base-lowest);
  height: 100%;
  position: relative;
  transform: translateZ(0);
  will-change: scroll-position;
  z-index: 1;
}

.content__00843 {
  margin: 0 auto;
  max-width: 1224px;
}

.headerContentWrapper__00843 {
  isolation: isolate;
  padding: var(--space-64) var(--space-32) var(--space-32);
  position: relative;
  z-index: 2;
}

.header__00843 {
  position: relative;
}

.headerBackground__00843 {
  position: absolute;
  top: 0;
  inset-inline: 0;
  min-height: 1280px;
  overflow: hidden;
  pointer-events: none;
}

.headerGradient__00843 {
  background:
    radial-gradient(
      ellipse 100% 70% at 50% 0,
      rgba(156, 89, 209, 0.6) 0,
      rgba(88, 47, 140, 0.3) 50%,
      transparent 80%
    ),
    var(--background-base-lowest);
  inset: 0;
  position: absolute;
}

.theme-light .headerGradient__00843 {
  background:
    radial-gradient(
      ellipse 100% 70% at 50% 0,
      rgba(209, 153, 237, 0.5) 0,
      rgba(176, 126, 209, 0.25) 50%,
      transparent 80%
    ),
    var(--background-base-lowest);
}

.headerBackground__00843 img,
.headerBackground__00843 video {
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.middleBodyContentWrapper__00843 {
  display: flex;
  flex-direction: column;
  gap: var(--space-64);
  isolation: isolate;
  padding: var(--space-32);
  position: relative;
  z-index: 2;
}

.lowerBody__00843 {
  position: relative;
}

.lowerBodyContentWrapper__00843 {
  padding: var(--space-32);
  position: relative;
  z-index: 2;
}

.ctaBarReducedMargin__00843 {
  margin-bottom: var(--space-40);
}

.persistentCtaSpacer__00843 {
  height: 120px;
}

.perksTable__00843 {
  margin-bottom: var(--space-80);
}

.wrapper_c50892 {
  display: flex;
  gap: var(--space-24);
  width: 100%;
}

.card_c50892 {
  background: var(--background-mod-subtle);
  border: 1px solid;
  border-radius: 16px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  transform: translateZ(0);
}

.cardActive_c50892 {
  border-color: hsla(240, 4%, 61%, 0.04);
}

.cardInactive_c50892 {
  border-color: var(--border-subtle);
}

.cardHeader_c50892 {
  height: 64px;
  position: relative;
}

.progressBar_c50892 {
  height: 8px;
  position: absolute;
  top: 40px;
  inset-inline: 0;
}

.progressBarStart_c50892 {
  border-end-start-radius: 100px;
  border-start-start-radius: 100px;
  inset-inline-start: 40px;
}

.progressBarEnd_c50892 {
  border-end-end-radius: 100px;
  border-start-end-radius: 100px;
  inset-inline-end: 24px;
}

.progressBarInactive_c50892 {
  background: #474464;
}

.progressBarActive_c50892 {
  background: linear-gradient(90deg, #ff4ebb, rgba(255, 78, 187, 0.4));
  box-shadow: inset 0 0 4px 0 rgba(255, 128, 206, 0.3);
}

.progressBarActive_c50892.progressBarStart_c50892 {
  inset-inline-start: 64px;
}

.gemContainer_c50892 {
  align-items: center;
  border: 5px solid;
  border-radius: 50%;
  display: flex;
  height: 40px;
  inset-inline-start: 24px;
  justify-content: center;
  position: absolute;
  top: 24px;
  width: 40px;
}

.gemContainerActive_c50892.gemContainerLevel1_c50892 {
  background: var(--guild-boosting-pink-refresh);
  border-color: #202024;
}

.gemContainerLevel1_c50892:not(.gemContainerActive_c50892) {
  background: #474464;
  border-color: #202024;
}

.gemContainerLevel2_c50892 {
  background: #474464;
  border-color: #211e40;
}

.gemContainerActive_c50892.gemContainerLevel2_c50892 {
  background: var(--guild-boosting-pink-refresh);
  border-color: #202024;
}

.gemContainerLevel3_c50892 {
  background: #474464;
  border-color: #201d3d;
}

.gemContainerActive_c50892.gemContainerLevel3_c50892 {
  background: var(--guild-boosting-pink-refresh);
  border-color: #202024;
}

.theme-light .progressBarInactive_c50892 {
  background: #fff;
}

.theme-light .gemContainerActive_c50892.gemContainerLevel1_c50892 {
  border-color: #d8d6de;
}

.theme-light .gemContainerLevel1_c50892:not(.gemContainerActive_c50892) {
  background: #fff;
  border-color: #d8d6de;
}

.theme-light .gemContainerLevel2_c50892 {
  background: #fff;
  border-color: #d4d1dc;
}

.theme-light .gemContainerActive_c50892.gemContainerLevel2_c50892 {
  background: var(--guild-boosting-pink-refresh);
  border-color: #d8d6de;
}

.theme-light .gemContainerLevel3_c50892 {
  background: #fff;
  border-color: #d5d2dc;
}

.theme-light .gemContainerActive_c50892.gemContainerLevel3_c50892 {
  background: var(--guild-boosting-pink-refresh);
  border-color: #d8d6de;
}

.cardBody_c50892 {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
  padding: var(--space-24);
}

.cardTitleRow_c50892 {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.cardTitle_c50892 {
  flex-shrink: 0;
}

.boostsBadge_c50892 {
  align-items: center;
  background: var(--background-mod-subtle);
  border-radius: var(--radius-sm);
  color: #aaaab1;
  display: flex;
  gap: var(--space-4);
  height: 30px;
  padding: 0 var(--space-8);
}

.theme-light .boostsBadge_c50892 {
  color: var(--text-muted);
}

.cardTitleInactive_c50892 {
  color: #94959c;
}

.theme-light .cardTitleInactive_c50892 {
  color: var(--text-muted);
}

.perkRowInactive_c50892 {
  color: #94959c;
}

.theme-light .perkRowInactive_c50892 {
  color: var(--text-muted);
}

.andMoreText_c50892 {
  color: #94959c;
}

.theme-light .andMoreText_c50892 {
  color: var(--text-muted);
}

.perksContainer_c50892 {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}

.perkRow_c50892 {
  align-items: center;
  display: flex;
  gap: var(--space-8);
}

.perkIcon_c50892 {
  flex-shrink: 0;
  height: 20px;
  width: 20px;
}

@media (max-width: 1100px) {
  .wrapper_c50892 {
    flex-direction: column;
  }

  .card_c50892 {
    flex: 1 1 auto;
  }
}

.wrapper__65e57 {
  gap: 32px;
  z-index: 2;
}

.headerSection__65e57,
.wrapper__65e57 {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.headerSection__65e57 {
  gap: 4px;
  text-align: center;
  z-index: 1;
}

.heading__65e57 {
  color: var(--text-default);
  font-size: 32px;
  line-height: 40px;
}

.subheading__65e57 {
  color: #aaaab1;
  font-size: 16px;
  line-height: 20px;
}

.theme-light .subheading__65e57 {
  color: var(--text-muted);
}

.subheading__65e57 a {
  color: #5197ed;
  text-decoration: none;
}

.subheading__65e57 a:hover {
  text-decoration: underline;
}

.cardsContainer__65e57 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  width: 100%;
}

.cardsContainer__65e57:has(> :first-child:last-child) .card__65e57,
.cardsContainer__65e57:has(> :nth-child(2):last-child) .card__65e57,
.cardsContainer__65e57:has(> :nth-child(3):last-child) .card__65e57 {
  flex-grow: 1;
}

.card__65e57 {
  align-items: center;
  backdrop-filter: blur(40px);
  background:
    radial-gradient(
      ellipse 355px 208px at 50% -31.5px,
      rgba(86, 22, 138, 0.5) 0,
      rgba(86, 22, 138, 0) 100%
    ),
    hsla(240, 4%, 61%, 0.08);
  border: 1px solid hsla(240, 4%, 61%, 0.12);
  border-radius: 16px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  box-sizing: border-box;
  display: flex;
  flex: 0 0 calc(33.33333% - 16px);
  flex-direction: column;
  gap: 24px;
  overflow: hidden;
  padding: 24px;
  position: relative;
  transform: translateZ(0);
  transition: box-shadow 0.2s ease-out;
  will-change: transform;
}

.card__65e57:focus-within,
.card__65e57:hover {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.24);
}

.full-motion .card__65e57 {
  transition:
    box-shadow 0.2s ease-out,
    transform 0.2s ease-out;
}

.full-motion .card__65e57:focus-within,
.full-motion .card__65e57:hover {
  transform: translate3d(0, -4px, 0);
}

.cardVisible__65e57 {
  opacity: 1;
}

.intObserver__65e57 {
  bottom: 0;
  height: 1px;
  inset-inline-start: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 1px;
}

.illustrationWrapper__65e57 {
  align-items: center;
  display: flex;
  height: 140px;
  justify-content: center;
  overflow: hidden;
  width: 250px;
}

.illustration__65e57 {
  -o-object-fit: contain;
  object-fit: contain;
  transform-origin: center center;
}

.animatedAsset__65e57,
.illustration__65e57 {
  height: 100%;
  width: 100%;
}

.content__65e57 {
  gap: 24px;
  position: relative;
  z-index: 1;
}

.content__65e57,
.textContent__65e57 {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.textContent__65e57 {
  gap: 4px;
  text-align: center;
}

.title__65e57 {
  color: #efeff0;
  font-size: 20px;
  line-height: 24px;
}

.theme-light .title__65e57 {
  color: var(--text-default);
}

.description__65e57 {
  color: #aaaab1;
  font-size: 16px;
  line-height: 20px;
}

.theme-light .description__65e57 {
  color: var(--text-muted);
}

.badges__65e57 {
  gap: 12px;
}

.badge__65e57,
.badges__65e57 {
  align-items: center;
  display: flex;
}

.badge__65e57 {
  background: hsla(240, 4%, 61%, 0.08);
  border: 1px solid hsla(240, 4%, 61%, 0.04);
  border-radius: 8px;
  gap: 4px;
  justify-content: center;
  padding: 6px 12px;
}

.badgeText__65e57 {
  color: #94959c;
  font-size: 14px;
  line-height: 18px;
}

.theme-light .badgeText__65e57 {
  color: var(--text-muted);
}

.enabledBadge__65e57 {
  color: #53ac66;
  font-size: 14px;
  line-height: 18px;
}

.buttonsContainer__65e57 {
  bottom: 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  inset-inline-end: 24px;
  inset-inline-start: 24px;
  pointer-events: none;
  position: absolute;
}

.card__65e57:focus-within .buttonsContainer__65e57,
.card__65e57:hover .buttonsContainer__65e57 {
  pointer-events: auto;
}

.button__65e57 {
  flex: 1 1 0;
}

.typeBadge__65e57 {
  inset-inline-end: 16px;
  position: absolute;
  top: 16px;
}

@media (max-width: 1100px) {
  .card__65e57 {
    flex: 0 0 100%;
  }
}

.wrapper__0a9d0 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-48);
  width: 100%;
}

.heading__0a9d0 {
  text-align: center;
}

.tableWrapper__0a9d0 {
  position: relative;
  width: 100%;
}

.table__0a9d0 {
  flex-direction: column;
  width: 100%;
}

.row__0a9d0,
.table__0a9d0 {
  display: flex;
}

.row__0a9d0 {
  align-items: center;
  border-bottom: 1px solid var(--border-normal);
  padding: var(--space-16) 0;
}

.lastRow__0a9d0 {
  border-bottom: none;
}

.headerRow__0a9d0 {
  align-items: flex-start;
}

.cell__0a9d0 {
  flex: 1 1 0;
  min-width: 0;
  padding: 0 var(--space-16);
}

.perkCell__0a9d0 {
  text-align: start;
}

.tierCell__0a9d0 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.checkIcon__0a9d0 {
  color: var(--text-strong);
  display: block;
}

.xIcon__0a9d0 {
  color: var(--interactive-muted);
  display: block;
}

.recommendedTierHighlight__0a9d0 {
  border: 2px solid var(--guild-boosting-pink-refresh);
  border-radius: var(--radius-lg);
  bottom: -20px;
  pointer-events: none;
  position: absolute;
  top: -20px;
  width: 20%;
}

.recommendedTierHighlightTier2__0a9d0 {
  inset-inline-end: 20%;
}

.recommendedTierHighlightTier3__0a9d0 {
  inset-inline-end: 0;
}

.recommendedTierHighlightTag__0a9d0 {
  background: var(--guild-boosting-pink-refresh);
  border-radius: var(--radius-sm);
  inset-inline-start: 50%;
  padding: var(--space-4) var(--space-8);
  position: absolute;
  text-transform: uppercase;
  top: 0;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

@media (max-width: 768px) {
  .cell__0a9d0 {
    padding: 0 var(--space-8);
  }
}

@media (max-width: 600px) {
  .wrapper__0a9d0 {
    gap: var(--space-24);
  }

  .row__0a9d0 {
    padding: var(--space-12) 0;
  }

  .cell__0a9d0 {
    padding: 0 var(--space-4);
  }

  .headerRow__0a9d0 .tierCell__0a9d0 > :last-child {
    display: none;
  }
}

.buttonHighlighted__5d39a {
  background: linear-gradient(
    95.07deg,
    var(--premium-tier-2-purple-for-gradients) 0,
    var(--premium-tier-2-purple-for-gradients-2) 49.96%,
    var(--premium-tier-2-pink-for-gradients) 95.93%
  );
}

.button__5d39a {
  align-items: center;
  display: flex;
}

.buttonIcon__5d39a {
  margin-inline-end: 4px;
}

.wrapper__9ed0b {
  inset-inline-start: 0;
  isolation: isolate;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 100%;
  will-change: transform;
  z-index: 10;
}

.innerWrapper__9ed0b,
.wrapper__9ed0b {
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
}

.innerWrapper__9ed0b {
  align-items: center;
  backdrop-filter: blur(16px);
  background-color: hsla(0, 0%, 100%, 0.17);
  border: 1px solid hsla(0, 0%, 100%, 0.16);
  border-radius: 16px;
  box-sizing: border-box;
  gap: 40px;
  margin-bottom: 36px;
  padding: 12px;
  pointer-events: all;
  position: relative;
  transform: translateZ(0);
}

.theme-light .innerWrapper__9ed0b {
  background-color: rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.1);
}

.guildInfo__9ed0b {
  align-items: center;
  display: flex;
  gap: 8px;
}

.guildIcon__9ed0b {
  border: 1px solid hsla(0, 0%, 100%, 0.16);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-low);
  flex: 0 0 auto;
}

.theme-light .guildIcon__9ed0b {
  border-color: rgba(0, 0, 0, 0.1);
}

.ctaButton__9ed0b {
  flex: 0 0 auto;
}

.guildName__9ed0b {
  color: var(--white);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.theme-light .guildName__9ed0b {
  color: var(--primary-800);
}

.container__040eb {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-high);
  cursor: pointer;
  display: grid;
  margin: 0 auto var(--space-32);
  max-width: 770px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.thumbnail__040eb {
  display: block;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.overlay__040eb {
  background: radial-gradient(
    ellipse at center,
    rgba(25, 22, 58, 0.2) 0,
    rgba(25, 22, 58, 0.9) 100%
  );
}

.overlay__040eb,
.playButton__040eb {
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.playButton__040eb {
  align-items: center;
  display: flex;
  justify-content: center;
}

.premiumTooltipFooterBackground__7d7fe {
  background: linear-gradient(90deg, #b473f5, #e292aa);
  width: "100%";
}

.tooltipBodyContainer__7d7fe {
  padding: 8px 12px;
  text-align: center;
}

.tooltipPremiumFooterContainer__7d7fe {
  align-items: center;
  background: linear-gradient(90deg, #b473f5, #e292aa);
  border-radius: 0 0 5px 5px;
  color: #fff;
  display: flex;
  justify-content: center;
}

.tooltipRemovePadding__7d7fe {
  padding: 0;
}

.gemIcon__7d7fe {
  margin-top: 2px;
  margin-inline-start: -4px;
}

.tooltipPremiumFooterSegment__7d7fe {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  justify-content: center;
  padding: 4px;
  text-align: center;
}

.tooltipPremiumFooterTierSegment__7d7fe {
  border-inline-end: 1px solid;
  border-color: var(--background-surface-high);
}

.clanBadgeContainer__7d7fe img {
  margin: 0;
}

.guildIcon__0fa6d {
  align-items: center;
  background-color: var(--background-base-low);
  color: var(--text-default);
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.mask__0fa6d {
  display: block;
}

.guildAcronym__0fa6d {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.categoryItemLockIconContainer__0fa6d,
.guildIconWithoutImage__0fa6d {
  background-color: var(--background-base-low);
}

.categoryItemLockIconContainer__0fa6d {
  border: 1px solid var(--background-base-lowest);
  border-radius: 50%;
  height: 16px;
  inset-block: auto -1px;
  inset-inline: auto -1px;
  position: absolute;
  width: 16px;
}

.categoryItemLockIcon__0fa6d {
  color: var(--icon-strong);
  inset: 0;
  margin: auto;
  position: absolute;
}

.categoryItem_b9ee0c {
  cursor: pointer;
}

.categoryItemGuildCategory_b9ee0c,
.categoryItemPackCategory_b9ee0c {
  height: var(--custom-emoji-picker-constants-guild-category-icon-size);
  margin-bottom: var(
    --custom-emoji-picker-constants-guild-category-icon-margin-verical
  );
  position: relative;
  width: var(--custom-emoji-picker-constants-guild-category-icon-size);
}

.categoryItemDefaultCategory_b9ee0c {
  border-radius: 4px;
  height: var(--custom-emoji-picker-constants-unicode-category-icon-size);
  margin-bottom: var(
    --custom-emoji-picker-constants-unicode-category-icon-margin-vertical
  );
  padding: var(--custom-emoji-picker-constants-unicode-category-icon-padding);
  transition: background-color 0.1s ease-in-out;
  width: var(--custom-emoji-picker-constants-unicode-category-icon-size);
}

.categoryItemDefaultCategory_b9ee0c:hover {
  background-color: var(--interactive-background-hover);
}

.categoryItemDefaultCategory_b9ee0c:hover .categoryIcon_b9ee0c {
  color: var(--interactive-text-hover);
}

.categoryItemRecentEmoji_b9ee0c {
  margin-bottom: var(
    --custom-emoji-picker-constants-guild-category-icon-margin-verical
  );
}

.categoryItemDefaultCategorySelected_b9ee0c,
.categoryItemDefaultCategorySelected_b9ee0c:hover {
  background-color: var(--background-base-low);
}

.categoryItemDefaultCategorySelected_b9ee0c .categoryIcon_b9ee0c,
.categoryItemDefaultCategorySelected_b9ee0c:hover .categoryIcon_b9ee0c {
  color: var(--interactive-text-active);
}

.categoryIcon_b9ee0c {
  color: var(--interactive-text-default);
}

.guildCategorySeparator_b9ee0c {
  border: none;
  border-bottom: var(--custom-emoji-picker-constants-category-separator-size)
    solid var(--border-subtle);
  margin: var(
      --custom-emoji-picker-constants-category-separator-margin-vertical
    )
    0;
}

.theme-light .categoryItemDefaultCategorySelected_b9ee0c .categoryIcon_b9ee0c,
.theme-light
  .categoryItemDefaultCategorySelected_b9ee0c:hover
  .categoryIcon_b9ee0c {
  color: var(--interactive-text-active);
}

.unicodeShortcut_b9ee0c {
  align-items: center;
  background: inherit;
  border-top: 1px solid var(--border-normal);
  bottom: 0;
  box-sizing: border-box;
  color: var(--interactive-text-default);
  cursor: pointer;
  display: flex;
  height: var(--custom-emoji-picker-constants-unicode-category-shortcut-height);
  inset-inline-start: 0;
  justify-content: center;
  opacity: 1;
  position: absolute;
  width: 100%;
}

.full-motion .unicodeShortcut_b9ee0c {
  transition:
    opacity 0.1s,
    transform 0.1s;
}

.unicodeShortcut_b9ee0c:hover {
  color: var(--interactive-text-hover);
}

.unicodeShortcutInvisible_b9ee0c {
  opacity: 0;
  transform: translateY(
    var(--custom-emoji-picker-constants-unicode-category-shortcut-height)
  );
}

.hideUnicodeShortcut_b9ee0c {
  display: none;
}

.enable-forced-colors .unicodeShortcut_b9ee0c {
  background-color: ButtonFace;
  border-top: 1px solid CanvasText;
  color: ButtonText;
  height: calc(
    var(--custom-emoji-picker-constants-unicode-category-shortcut-height) - 1px
  );
}

.enable-forced-colors .categoryItemDefaultCategory_b9ee0c,
.enable-forced-colors .categoryItemGuildCategory_b9ee0c {
  border: 1px solid Canvas;
  border-radius: 4px;
  transition: none;
}

.enable-forced-colors .categoryItemDefaultCategory_b9ee0c .categoryIcon_b9ee0c,
.enable-forced-colors .categoryItemGuildCategory_b9ee0c .categoryIcon_b9ee0c {
  color: ButtonText;
}

.enable-forced-colors .categoryItemDefaultCategory_b9ee0c:hover,
.enable-forced-colors .categoryItemGuildCategory_b9ee0c:hover {
  background: ButtonFace;
  border-color: ButtonText;
}

.enable-forced-colors .categoryItemDefaultCategorySelected_b9ee0c,
.enable-forced-colors .categoryItemDefaultCategorySelected_b9ee0c:hover {
  background-color: HighlightText;
  border-color: Highlight;
}

.enable-forced-colors
  .categoryItemDefaultCategorySelected_b9ee0c
  .categoryIcon_b9ee0c,
.enable-forced-colors
  .categoryItemDefaultCategorySelected_b9ee0c:hover
  .categoryIcon_b9ee0c {
  color: Highlight;
}

.guildEmojiSectionItems_b9ee0c {
  position: relative;
}

.guildEmojiSectionHighlighted_b9ee0c:before {
  content: "";
  position: absolute;
  top: -4px;
  inset-inline: -8px;
  bottom: 0;
}

.theme-dark .guildEmojiSectionHighlighted_b9ee0c:before {
  background: linear-gradient(90deg, #503572, #673471 50%, #623e55);
}

.theme-light .guildEmojiSectionHighlighted_b9ee0c:before {
  background: linear-gradient(90deg, #d7c6ec, #e7c5ea 50%, #e3ccd9);
}

.wrapper_ac2cfb {
  background-color: var(--background-base-lowest);
  border-radius: 4px;
  display: flex;
  margin: 8px 8px 0;
  padding: 10px 8px 8px;
}

.icon_ac2cfb {
  color: var(--icon-feedback-critical);
  height: 16px;
  min-width: var(--custom-emoji-picker-constants-emoji-size);
}

.close_ac2cfb {
  color: var(--interactive-text-default);
  cursor: pointer;
  height: 14px;
  width: 14px;
}

.close_ac2cfb:hover {
  color: var(--interactive-text-hover);
}

.content_ac2cfb {
  flex: 1 1 auto;
}

@value iconSize 20px;
.tooltip__0d242 {
  max-width: 275px;
}

.tooltipContainer__0d242 {
  justify-content: center;
}

.tooltipContainer__0d242,
.tooltipHeadingContainer__0d242 {
  align-items: center;
  display: flex;
}

.nitroWheel__0d242 {
  padding-inline-end: 4px;
}

.label__0d242:focus-visible {
  box-shadow: 0 0 8px var(--brand-500);
}

.label__0d242 {
  background: var(--background-base-lowest);
  border-radius: var(--radius-lg);
  color: var(--text-default);
  cursor: pointer;
  display: flex;
  height: 20px;
  overflow: hidden;
  padding: 6px;
  position: relative;
  transition: background 0.25s ease-out;
  width: 20px;
}

.labelChecked__0d242 {
  background: var(--brand-500);
  box-shadow: unset;
}

.icon__0d242 {
  opacity: 1;
  position: absolute;
  transition: opacity 0.3s;
}

.emojiErrorItem__67954 {
  align-items: center;
  background-color: var(--background-base-lower);
  border-radius: var(--radius-xs);
  display: flex;
  justify-content: center;
  padding: 16px;
}

.fileIcon__67954 {
  margin-inline-end: 18px;
}

.fileName__67954 {
  color: var(--text-default);
  font-size: 16px;
  margin-bottom: 4px;
  max-width: 256px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: lowercase;
  white-space: nowrap;
}

.fileInfo__67954 {
  flex: 1;
}

.fileInput__46231 {
  display: none;
}

.diversitySelector_a45a2a {
  position: relative;
}

.diversitySelectorButton_a45a2a {
  cursor: pointer;
  height: var(--custom-emoji-picker-constants-diversity-emoji-size);
  padding: var(
      --custom-emoji-picker-constants-diversity-emoji-container-padding-vertical
    )
    var(
      --custom-emoji-picker-constants-diversity-emoji-container-padding-horizontal
    );
  width: var(--custom-emoji-picker-constants-diversity-emoji-size);
}

.diversitySelectorOptions_a45a2a {
  background-color: var(--background-surface-higher);
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  inset-inline-end: -1px;
  position: absolute;
  top: -1px;
}

.diversityEmojiItem_a45a2a {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: var(--custom-emoji-picker-constants-diversity-emoji-size);
  padding: var(
      --custom-emoji-picker-constants-diversity-emoji-container-padding-vertical
    )
    var(
      --custom-emoji-picker-constants-diversity-emoji-container-padding-horizontal
    );
  transition: background-color 0.1s ease-in-out;
  width: var(--custom-emoji-picker-constants-diversity-emoji-size);
}

.diversityEmojiItem_a45a2a:hover {
  background-color: var(--interactive-background-hover);
}

.diversityEmojiItemImage_a45a2a {
  height: var(--custom-emoji-picker-constants-diversity-emoji-size);
  width: var(--custom-emoji-picker-constants-diversity-emoji-size);
}

.enable-forced-colors .diversitySelectorButton_a45a2a {
  background-color: HighlightText;
  border: 1px solid Highlight;
  border-radius: 4px;
  padding: 2px;
}

.enable-forced-colors .diversityEmojiItem_a45a2a {
  background-color: ButtonFace;
  border: 1px solid ButtonFace;
  border-radius: 4px;
}

.enable-forced-colors .diversityEmojiItem_a45a2a:hover {
  border-color: ButtonText;
}

.wrapper_c0e32c {
  position: relative;
  transition: box-shadow 0.2s ease-out;
}

.wrapper_c0e32c,
.wrapper_c0e32c.isBurstReactionPicker_c0e32c {
  border-radius: var(--custom-emoji-picker-border-radius);
}

.wrapper_c0e32c.isBurstReactionPicker_c0e32c {
  box-shadow: 0 0 0 2px var(--background-brand);
}

.wrapper_c0e32c.isBurstReactionPicker_c0e32c:before {
  box-shadow: 0 0 100px var(--background-brand);
  content: "";
  height: 100%;
  opacity: 0.5;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.high-contrast-mode .wrapper_c0e32c:not(.emojiPickerHasTabWrapper_c0e32c) {
  border: 1px solid var(--border-normal);
  contain: content;
}

.emojiPicker_c0e32c {
  background-color: var(--background-surface-high);
  border-end-end-radius: var(--custom-emoji-picker-border-radius);
  border-end-start-radius: var(--custom-emoji-picker-border-radius);
  box-shadow: var(--shadow-border), var(--shadow-high);
  display: grid;
  grid-template-columns: 48px auto;
  grid-template-rows: auto 1fr auto;
  height: var(--custom-emoji-picker-constants-emoji-picker-height);
  overflow: hidden;
  width: var(--custom-emoji-picker-constants-min-emoji-picker-width);
}

.emojiPickerHasTabWrapper_c0e32c .emojiPicker_c0e32c {
  background-color: transparent;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  box-shadow: none;
  flex: 1 1 auto;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  width: auto;
}

.header_c0e32c {
  align-items: center;
  background-color: var(--background-surface-high);
  border-bottom: 1px solid var(--border-subtle);
  border-start-end-radius: var(--custom-emoji-picker-border-radius);
  border-start-start-radius: var(--custom-emoji-picker-border-radius);
  box-shadow: none;
  display: flex;
  gap: var(--space-12);
  grid-column: 1/3;
  margin: 0 -1px;
  padding: var(--custom-gif-picker-gutter-size);
  padding-top: var(--space-16);
  position: relative;
  z-index: 100;
}

.emojiPickerHasTabWrapper_c0e32c .header_c0e32c {
  background-color: transparent;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  margin: 0;
  padding: 0 16px 16px;
}

.isBurstReactionPicker_c0e32c .header_c0e32c {
  margin: 0;
}

.emojiPickerHasTabWrapper_c0e32c .header_c0e32c {
  padding: var(--custom-gif-picker-gutter-size);
}

.diversitySelector_c0e32c {
  grid-column: 2/3;
}

.categoryList_c0e32c {
  border-end-start-radius: var(--custom-emoji-picker-border-radius);
  bottom: 0;
  inset-inline-start: 0;
  overflow: hidden;
  position: absolute;
  top: 69px;
  width: 48px;
}

.emojiPickerHasTabWrapper_c0e32c .categoryList_c0e32c {
  top: 53px;
}

.bodyWrapper_c0e32c {
  display: grid;
  grid-column: 2/3;
  grid-row: 2/3;
  grid-template-rows: auto 1fr;
  position: relative;
}

.emojiPickerListWrapper_c0e32c {
  grid-row: 2/2;
  overflow: hidden;
  position: relative;
}

.inspector_c0e32c {
  grid-column: 2/3;
  grid-row: 3/4;
}

.enable-forced-colors .header_c0e32c {
  border-bottom: 1px solid CanvasText;
}

@media (max-width: 485px) {
  .emojiPicker_c0e32c {
    width: 350px;
  }
}

.inspector_aeaaeb {
  align-items: center;
  background-color: var(--background-base-lower);
  border-top: 1px solid var(--border-normal);
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  height: var(
    --custom-expression-picker-constants-expression-picker-inspector-bar-height
  );
  overflow: hidden;
  padding: 0 16px;
  width: 100%;
}

.graphicPrimary_aeaaeb {
  height: var(
    --custom-expression-picker-constants-expression-picker-inspector-bar-graphic-primary-dimensions
  );
  width: var(
    --custom-expression-picker-constants-expression-picker-inspector-bar-graphic-primary-dimensions
  );
}

.graphicSecondary_aeaaeb {
  height: var(
    --custom-expression-picker-constants-expression-picker-inspector-bar-graphic-secondary-dimensions
  );
  margin-inline-start: 8px;
  width: var(
    --custom-expression-picker-constants-expression-picker-inspector-bar-graphic-secondary-dimensions
  );
}

.textWrapper_aeaaeb {
  flex: 1;
  margin-inline-start: 8px;
  overflow: hidden;
}

.titlePrimary_aeaaeb,
.titleSecondary_aeaaeb {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.titleSecondary_aeaaeb {
  color: var(--interactive-text-default);
}

.favorite_aeaaeb {
  margin-inline-end: 3px;
  margin-bottom: -1px;
}

.badgeLabel_aeaaeb {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  padding: 4px 8px;
  text-transform: uppercase;
}

.topGuildEmojiBadge_aeaaeb {
  background: linear-gradient(268.26deg, #bf5151, #db803f 102.45%);
}

.newlyAddedBadge_aeaaeb {
  background: linear-gradient(268.26deg, #097d8d, #60a654 102.45%);
}

.newlyAddedBadgeIcon_aeaaeb {
  color: #fff;
  height: 14px;
  width: 14px;
}

.enable-forced-colors .inspector_aeaaeb {
  border-top: 1px solid CanvasText;
}

.emoji__045fa {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.glyphEmoji__045fa {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
}

.icon__045fa {
  height: 100%;
  transform-origin: 50% 50%;
  width: 100%;
  fill: var(--interactive-text-default);
}

.upsellContainer__0b69f {
  align-items: center;
  background:
    linear-gradient(var(--background-base-lower), var(--background-base-lower))
      padding-box,
    var(--custom-premium-colors-premium-gradient-tier-2-tri-color) border-box;
  border-radius: 12px;
  display: flex;
  padding: 12px;
}

.upsellContainer__0b69f.updatedStyling__0b69f {
  background: var(--background-surface-highest);
  border: 1px solid var(--border-subtle);
}

.upsellContainerFloating__0b69f {
  inset-block: auto var(--space-8);
  inset-inline: var(--space-8) var(--space-16);
  position: absolute;
}

.upsellContainerInline__0b69f {
  flex: 1;
  margin: var(--space-8) var(--space-16);
}

.upsellText__0b69f {
  flex: 1;
  margin-block: auto;
  margin-inline: 8px 16px;
}

.leadingAction__0b69f {
  margin-inline-end: 8px;
}

.nitroTopDividerContainer_b3fb5f {
  display: flex;
  flex-direction: column;
  padding-top: var(
    --custom-emoji-picker-constants-emoji-premium-upsell-margin-top
  );
}

.nitroTopDividerUpper_b3fb5f {
  height: 12px;
}

.nitroTopDividerShadow_b3fb5f {
  box-shadow: 0 -5px 30px 4px var(--premium-tier-2-purple);
  opacity: 0;
}

.glow_b3fb5f.reducedMotion_b3fb5f {
  opacity: 0;
}

.glow_b3fb5f:not(.reducedMotion_b3fb5f) {
  animation: glowAnimation_b3fb5f 5s forwards;
}

@keyframes glowAnimation_b3fb5f {
  0% {
    opacity: 0;
  }

  60% {
    opacity: 0;
  }

  80% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.nitroTopDividerLockContainer_b3fb5f {
  align-items: center;
  display: flex;
}

.nitroTopDividerLockBorder_b3fb5f {
  background: var(--border-normal);
  height: 1px;
  width: 100%;
}

.trialNUX_b3fb5f .nitroTopDividerLockBorder_b3fb5f {
  background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
}

.nitroTopDividerLockCircle_b3fb5f {
  align-items: center;
  background: var(--background-surface-highest);
  border: 1px solid var(--border-normal);
  border-radius: 50%;
  display: flex;
  height: 28px;
  inset-inline-start: 50%;
  justify-content: center;
  position: absolute;
  transform: translateX(-50%);
  width: 28px;
  z-index: 9999;
}

.nitroTopDividerLockBorderReversed_b3fb5f {
  background: var(--border-normal);
  height: 1px;
  width: 100%;
}

.trialNUX_b3fb5f .nitroTopDividerLockBorderReversed_b3fb5f {
  background: var(
    --custom-premium-colors-premium-gradient-tier-2-tri-color-reverse
  );
}

.nitroTopDividerLower_b3fb5f {
  background: linear-gradient(
    90deg,
    var(--expressive-gradient-nitro-pink-start) 0,
    var(--expressive-gradient-nitro-pink-end) 100%
  );
  height: 12px;
  opacity: 1;
}

.theme-light .nitroTopDividerLower_b3fb5f {
  background: linear-gradient(
    90deg,
    color-mix(
      in srgb,
      var(--expressive-gradient-nitro-pink-start) 40%,
      transparent
    ),
    color-mix(
      in srgb,
      var(--expressive-gradient-nitro-pink-end) 40%,
      transparent
    )
  );
}

.reverseTrialTopDividerLower_b3fb5f {
  background-color: var(--premium-tier-2-purple);
  height: 25px;
  opacity: 0.2;
}

.premiumUnlockAnimation_b3fb5f {
  animation: shrink_b3fb5f 2s forwards;
  inset-inline-start: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 9999;
}

@keyframes shrink_b3fb5f {
  0% {
    height: 67px;
    width: 67px;
  }

  75% {
    height: 66px;
    width: 66px;
  }

  90% {
    height: 32px;
    width: 32px;
  }

  to {
    display: none;
    height: 32px;
    width: 32px;
  }
}

.premiumUnlockedWithNitroPillContainer_b3fb5f {
  align-items: center;
  background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
  border-radius: 14px;
  box-shadow: inset 0 0 4px 0 rgba(194, 105, 195, 0.6);
  display: flex;
  gap: 4px;
  height: 24px;
  inset-inline-start: 50%;
  opacity: 0;
  overflow: hidden;
  padding: 4px 16px;
  position: absolute;
  transform: translateX(-50%);
  z-index: 9999;
}

.premiumUnlockedWithNitroPillContainer_b3fb5f.reducedMotion_b3fb5f {
  opacity: 1;
}

.premiumUnlockedWithNitroPillContainer_b3fb5f:not(.reducedMotion_b3fb5f) {
  animation: expand_b3fb5f 2s 2s forwards;
}

@keyframes expand_b3fb5f {
  0% {
    max-width: 0;
    opacity: 1;
  }

  to {
    max-width: 200px;
    opacity: 1;
  }
}

.wishlistButton__979b1 {
  align-items: center;
  backdrop-filter: blur(10px);
  background: var(--control-overlay-secondary-background-default);
  border: 1px solid var(--border-muted);
  border-radius: var(--radius-sm);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  transition:
    background-color 50ms ease-in,
    opacity 0.15s ease;
}

.wishlistButton__979b1.disabled__979b1 {
  cursor: not-allowed;
  filter: brightness(110%);
}

.wishlistButton__979b1:not(.disabled__979b1):hover {
  background: var(--control-overlay-secondary-background-hover);
  transition: background-color 0.15s ease-out;
}

.wishlistButton__979b1:not(.disabled__979b1):active {
  background: var(--control-overlay-secondary-background-active);
  transition: background-color 0.15s ease-out;
}

.visuallyHidden__979b1 {
  opacity: 0;
  pointer-events: none;
}

.xs__979b1 {
  border-radius: 6px;
  height: 24px;
  width: 24px;
}

.sm__979b1 {
  height: 32px;
  width: 32px;
}

.md__979b1 {
  height: 40px;
  width: 40px;
}

.theme-light .wishlistButton__979b1.variantDefault__979b1 {
  background: hsl(var(--primary-100-hsl) / 0.66);
  border: 1px solid var(--border-subtle);
}

.theme-light
  .wishlistButton__979b1.variantDefault__979b1:not(.disabled__979b1):hover {
  background: hsl(var(--primary-100-hsl) / 1);
}

.theme-light
  .wishlistButton__979b1.variantDefault__979b1:not(.disabled__979b1):active {
  background: hsl(var(--primary-100-hsl) / 0.52);
}

.theme-dark .wishlistButton__979b1.variantDefault__979b1 {
  background: var(--control-overlay-secondary-background-default);
  border: 1px solid var(--border-muted);
}

.theme-dark
  .wishlistButton__979b1.variantDefault__979b1:not(.disabled__979b1):hover {
  background: var(--control-overlay-secondary-background-hover);
}

.theme-dark
  .wishlistButton__979b1.variantDefault__979b1:not(.disabled__979b1):active {
  background: var(--control-overlay-secondary-background-active);
}

.wishlistButton__979b1.variantSecondary__979b1 {
  background: var(--control-secondary-background-default);
  border: 1px solid var(--control-secondary-border-default);
}

.wishlistButton__979b1.variantSecondary__979b1:not(.disabled__979b1):hover {
  background: var(--control-secondary-background-hover);
}

.wishlistButton__979b1.variantSecondary__979b1:not(.disabled__979b1):active {
  background: var(--control-secondary-background-active);
}

.normalIconColor__979b1 {
  fill: var(--icon-strong);
  transition: fill 50ms ease-in;
}

.variantSecondaryOverlay__979b1 .normalIconColor__979b1 {
  fill: var(--white);
}

.normalIconColor__979b1.wishlistedOrAnimating__979b1 {
  fill: #ec1060;
  transition: fill 0.15s ease-out;
}

.disabled__979b1 .normalIconColor__979b1 {
  opacity: 0.5;
  fill: var(--icon-subtle);
}

.toastIcon__979b1 {
  flex-shrink: 0;
  margin-inline-end: 4px;
}

.iconContainer__979b1,
.toastIcon__979b1 {
  align-items: center;
  display: flex;
}

.iconContainer__979b1 {
  justify-content: center;
  position: relative;
}

.iconWrapper__979b1 {
  display: flex;
}

.animationOverlay__979b1 {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  transform: scale(0);
  transform-origin: center;
}

.animationOverlay__979b1 path {
  fill: var(--white);
}

.full-motion
  .wishlistButton__979b1:active
  .canAnimate__979b1
  .animationOverlay__979b1 {
  animation: holdScale__979b1 0.1s cubic-bezier(0.67, 0, 0.26, 1) forwards;
  animation-delay: 50ms;
}

.full-motion .clickAnimation__979b1 {
  animation: clickScale__979b1 0.4s cubic-bezier(0.67, 0, 0.26, 1) forwards;
}

.full-motion .clickAnimation__979b1 path {
  animation: clickColor__979b1 0.4s cubic-bezier(0.67, 0, 0.26, 1) forwards;
}

.full-motion .wishlistButton__979b1:focus-visible .canHover__979b1,
.full-motion .wishlistButton__979b1:hover .canHover__979b1 {
  animation: hoverPulse__979b1 1.25s cubic-bezier(0.23, 0, 0.58, 1) infinite;
}

@keyframes holdScale__979b1 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(0.25);
  }
}

@keyframes clickScale__979b1 {
  0% {
    transform: scale(0);
  }

  62.5% {
    transform: scale(1.35);
  }

  to {
    transform: scale(1);
  }
}

@keyframes clickColor__979b1 {
  0%,
  20% {
    fill: var(--white);
  }

  70%,
  to {
    fill: #ec1060;
  }
}

@keyframes hoverPulse__979b1 {
  0% {
    transform: scale(1);
  }

  20% {
    transform: scale(1.1);
  }

  60% {
    transform: scale(0.9);
  }

  80%,
  to {
    transform: scale(1);
  }
}

.toast__810c3 {
  border: none;
  border-radius: 32px;
  padding: 10px 16px;
}

.icon__810c3 {
  height: 20px;
  margin-inline-end: 8px;
  width: 20px;
}

.rowContainer__1e702 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding-top: 8px;
}

.image__1859b,
.imageLoading__1859b {
  color: transparent;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
}

.imageLoading__1859b {
  background-repeat: no-repeat;
  -o-object-position: 100px;
  object-position: 100px;
}

.images-light .imageLoading__1859b {
  background-image: urls(/assets/4b212c35992a1e02.png);
}

.images-dark .imageLoading__1859b {
  background-image: urls(/assets/2dfc4736f9e305f0.png);
}

.emojiSpriteImage_d982c2 {
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
}

.emojiLockIconContainer_d982c2 {
  background: var(--opacity-black-60);
  border-radius: 2px;
  height: 40px;
  inset: 0;
  margin: auto;
  pointer-events: none;
  position: absolute;
  width: 40px;
}

.emojiLockIcon_d982c2 {
  color: var(--icon-strong);
  inset: 0;
  margin: auto;
  position: absolute;
}

.lockedEmoji_d982c2 {
  border-radius: 2px;
}

.theme-light .emojiLockIconContainer_d982c2 {
  background: hsl(var(--primary-200-hsl) / 0.6);
}

@keyframes ripple_fc7141 {
  0% {
    opacity: 1;
    transform: scale(0.8);
  }

  to {
    opacity: 0;
    transform: scale(1.6);
  }
}

.emojiListRow_fc7141 {
  display: grid;
  grid-auto-flow: column;
  padding-inline-start: 8px;
}

.newlyAddedHighlightContainer_fc7141 .emojiListRow_fc7141 {
  padding-inline-start: 0;
}

.emojiListRow_fc7141 li {
  overflow: hidden;
}

.topEmojiSectionContainer_fc7141 {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}

.topEmojiContainer_fc7141 {
  display: grid;
  grid-auto-flow: column;
}

.topEmojiContainer_fc7141.noEmojis_fc7141 {
  display: none;
}

.newlyAddedHighlightContainer_fc7141 {
  display: flex;
  flex-direction: column;
  position: relative;
}

.newlyAddedBadge_fc7141 {
  align-items: center;
  background-color: #2d7d46;
  border-radius: 0 0 4px 4px;
  bottom: calc(
    var(--custom-emoji-picker-constants-newly-added-emoji-badge-height) * -1
  );
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-inline-start: auto;
  position: absolute;
  text-transform: uppercase;
  z-index: 1;
}

.newlyAddedBadge_fc7141.alignRight_fc7141 {
  inset-inline-end: 0;
}

.newlyAddedBadgeMedium_fc7141 {
  width: calc(
    var(--custom-emoji-picker-constants-emoji-size-medium) +
      var(--custom-emoji-picker-constants-emoji-container-padding-horizontal) *
      2 + 2px
  );
}

.newlyAddedBadgeLarge_fc7141 {
  width: calc(
    var(--custom-emoji-picker-constants-emoji-size-large) +
      var(--custom-emoji-picker-constants-emoji-container-padding-horizontal) *
      2 + 2px
  );
}

.newlyAddedBadgeStar_fc7141 {
  color: #fff;
  height: 12px;
  margin-inline-end: 2px;
  width: 12px;
}

.newlyAddedHighlight_fc7141 {
  border: 1px solid #2d7d46;
  border-radius: 4px 4px 4px 0;
  z-index: 1;
}

.newlyAddedHighlight_fc7141.alignRight_fc7141 {
  border-radius: 4px 4px 0;
}

.newlyAddedHighlight_fc7141.oneItem_fc7141 {
  border-radius: 4px 4px 0 0;
}

.newlyAddedHighlightContainer_fc7141:hover .newlyAddedHighlight_fc7141 {
  border: 1px solid rgba(45, 125, 70, 0.5);
}

.newlyAddedHighlightContainer_fc7141:hover .newlyAddedBadge_fc7141 {
  background-color: rgba(45, 125, 70, 0.5);
}

.emojiListRowLargeSize_fc7141 {
  grid-template-columns: repeat(
    auto-fill,
    calc(
      var(--custom-emoji-picker-constants-emoji-size-large) +
        var(--custom-emoji-picker-constants-emoji-container-padding-vertical) *
        2
    )
  );
  height: calc(
    var(--custom-emoji-picker-constants-emoji-size-large) +
      var(--custom-emoji-picker-constants-emoji-container-padding-vertical) * 2
  );
}

.emojiListRowMediumSize_fc7141 {
  grid-template-columns: repeat(
    auto-fill,
    calc(
      var(--custom-emoji-picker-constants-emoji-size-medium) +
        var(--custom-emoji-picker-constants-emoji-container-padding-vertical) *
        2
    )
  );
  height: calc(
    var(--custom-emoji-picker-constants-emoji-size-medium) +
      var(--custom-emoji-picker-constants-emoji-container-padding-vertical) * 2
  );
}

.emojiItem_fc7141 {
  background: none;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  outline: none;
  padding: var(--custom-emoji-picker-constants-emoji-container-padding-vertical)
    var(--custom-emoji-picker-constants-emoji-container-padding-horizontal);
  position: relative;
}

.emojiItem_fc7141:focus {
  outline: none;
}

.emojiItem_fc7141.emojiItemSelected_fc7141,
.emojiItem_fc7141.expandCollapseButtonSelected_fc7141 {
  background-color: var(--interactive-background-selected);
}

.emojiItem_fc7141.expandCollapseButtonSelected_fc7141 {
  border-radius: var(--radius-round);
}

.emojiItem_fc7141:after {
  border: 3px solid var(--yellow-300);
  border-radius: 100%;
  box-sizing: border-box;
  content: "";
  height: 100%;
  inset-inline-start: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform-origin: center;
  width: 100%;
  z-index: 5;
}

.full-motion .emojiItem_fc7141:after {
  transition: all 0.15s ease-in-out;
}

.emojiItem_fc7141.showPulse_fc7141:after {
  animation: ripple_fc7141 0.25s ease-out 1;
}

.emojiItemLarge_fc7141 {
  height: calc(
    var(--custom-emoji-picker-constants-emoji-size-large) +
      var(--custom-emoji-picker-constants-emoji-container-padding-vertical) * 2
  );
  width: calc(
    var(--custom-emoji-picker-constants-emoji-size-large) +
      var(--custom-emoji-picker-constants-emoji-container-padding-horizontal) *
      2
  );
}

.emojiItemMedium_fc7141 {
  height: calc(
    var(--custom-emoji-picker-constants-emoji-size-medium) +
      var(--custom-emoji-picker-constants-emoji-container-padding-vertical) * 2
  );
  width: calc(
    var(--custom-emoji-picker-constants-emoji-size-medium) +
      var(--custom-emoji-picker-constants-emoji-container-padding-horizontal) *
      2
  );
}

.icon_fc7141 {
  height: 100%;
  transform-origin: 50% 50%;
  width: 100%;
  fill: var(--interactive-text-default);
}

.icon_fc7141:hover .icon_fc7141 {
  fill: var(--interactive-text-hover);
}

.keyboard-mode .emojiItem_fc7141.emojiItemSelected_fc7141 {
  position: relative;
}

.keyboard-mode .emojiItem_fc7141.emojiItemSelected_fc7141:before {
  bottom: 0;
  content: "";
  display: block;
  inset-inline: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  --__adaptive-radius: 4px;
  border-radius: var(--__adaptive-radius);
  --__adaptive-focus-color: var(--interactive-text-hover);
  border: 2px solid var(--__adaptive-focus-color);
  z-index: 1;
}

.enable-forced-colors .emojiItem_fc7141.emojiItemSelected_fc7141 {
  background-color: HighlightText;
  outline: 1px solid Highlight;
  outline-offset: -1px;
}

.enable-forced-colors .emojiItem_fc7141.emojiItemSelected_fc7141:before {
  border-color: Highlight;
}

.theme-light .emojiItem_fc7141.emojiItemSelected_fc7141,
.theme-light .emojiItem_fc7141.expandCollapseButtonSelected_fc7141 {
  background-color: var(--background-base-low);
  box-shadow: inset 0 0 0 1px var(--border-subtle);
}

.listWrapper_c656ac {
  inset: 0;
  position: absolute;
}

.list_c656ac {
  height: 100%;
}

.noSearchResultsContainer_c656ac {
  inset: 0;
  position: absolute;
}

.categorySection_c656ac {
  padding-bottom: var(
    --custom-emoji-picker-constants-emoji-section-margin-bottom
  );
}

.categorySectionCollapsed_c656ac,
.categorySectionLast_c656ac,
.categorySectionNitroDivider_c656ac {
  padding-bottom: 0;
}

.categorySectionNitroLocked_c656ac {
  background: linear-gradient(
    90deg,
    var(--expressive-gradient-nitro-pink-start) 0,
    var(--expressive-gradient-nitro-pink-end) 100%
  );
}

.theme-light .categorySectionNitroLocked_c656ac {
  background: linear-gradient(
    90deg,
    color-mix(
      in srgb,
      var(--expressive-gradient-nitro-pink-start) 40%,
      transparent
    ),
    color-mix(
      in srgb,
      var(--expressive-gradient-nitro-pink-end) 40%,
      transparent
    )
  );
}

.header_c656ac {
  position: sticky;
  top: 0;
}

.inactiveNitroHeader_c656ac {
  background-color: transparent !important;
}

.activeNitroHeader_c656ac {
  background-color: var(--background-base-lower);
}

.premiumUpsell_c656ac {
  box-sizing: border-box;
  height: var(--custom-emoji-picker-constants-emoji-premium-upsell-height);
  margin-top: var(
    --custom-emoji-picker-constants-emoji-premium-upsell-margin-top
  );
  margin-inline-end: 4px;
  overflow: hidden;
}

.sectionPremiumUpsellTopOfList_c656ac {
  margin-top: 8px;
}

.premiumUpsellTopOfList_c656ac {
  height: 50px;
  margin-top: 0;
}

.nitroBottomDivider_c656ac {
  background: var(--border-normal);
  height: 1px;
  margin: var(--custom-emoji-picker-constants-emoji-premium-upsell-margin-top) 0;
  width: 100%;
}

.upsellContainer_c656ac {
  align-items: center;
  background:
    linear-gradient(var(--background-base-lower), var(--background-base-lower))
      padding-box,
    var(--custom-premium-colors-premium-gradient-tier-2-tri-color) border-box;
  border-radius: 12px;
  display: flex;
  filter: drop-shadow(0 0 10px #b845c180);
  height: 52px;
  inset-block: auto 8px;
  inset-inline: 8px 16px;
  padding: 0 12px;
  position: absolute;
}

.upsellText_c656ac {
  margin-block: auto;
  margin-inline: 4px 16px;
}

.upsellLock_c656ac {
  color: var(--icon-strong);
  padding-bottom: 2px;
}

.upsellButton_c656ac {
  background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
  border-radius: 3px;
  flex-shrink: 0;
  margin-inline-start: auto;
}

.wishlistButton_c656ac {
  backdrop-filter: none;
  background: var(--control-secondary-background-hover);
  border: 1px solid var(--control-secondary-border-hover);
}

.soundmojiViewMore_c656ac {
  align-self: center;
  color: var(--text-default);
  cursor: pointer;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  margin-inline-start: auto;
  transition: color 0.125s;
}

.soundmojiViewMore_c656ac:hover {
  color: var(--interactive-text-active);
}

.premiumRetentionNotice_a606ef {
  background-color: var(--background-base-lowest);
  border-radius: 4px;
  display: flex;
  margin: 8px 8px 0;
  padding: 8px;
}

.premiumRetentionNoticeIcon_a606ef {
  height: 24px;
  margin-inline-end: 8px;
  margin-top: 2px;
  min-width: var(--custom-emoji-picker-constants-emoji-size);
}

.premiumRetentionNoticeClose_a606ef {
  color: var(--interactive-text-default);
  cursor: pointer;
  height: 16px;
  width: 16px;
}

.premiumRetentionNoticeClose_a606ef:hover {
  color: var(--interactive-text-hover);
}

.premiumRetentionNoticeContent_a606ef {
  flex: 1 1 auto;
}

.container__2ae2d {
  align-items: center;
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.1) 50%,
    hsla(0, 0%, 100%, 0)
  );
  display: flex;
  height: 50px;
  justify-content: center;
}

.premiumBrandRefreshContainer__2ae2d {
  align-items: center;
  background: var(--background-mod-normal);
  border-radius: var(--radius-md);
  display: flex;
  padding: var(--space-12) var(--space-16);
}

.v2Container__2ae2d {
  background: none;
  justify-content: start;
}

.iconContainer__2ae2d {
  display: flex;
}

.icon__2ae2d + .icon__2ae2d {
  margin-inline-start: -8px;
}

.mask__2ae2d {
  -webkit-mask-image: urls(/assets/1f9b76e0279b91a4.svg);
  mask-image: urls(/assets/1f9b76e0279b91a4.svg);
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.textContainer__2ae2d {
  margin-inline-start: 9px;
  text-align: start;
}

.container_fdd8e1 {
  align-items: center;
  background: var(--background-mod-muted);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  gap: 16px;
  padding: 16px 24px;
  text-align: start;
  width: 100%;
}

.container_fdd8e1,
.iconContainer_fdd8e1 {
  display: flex;
}

.subtitle_fdd8e1 {
  flex: 1;
}

.container__3782a {
  align-items: center;
  background-color: var(--background-base-low);
  border-radius: var(--radius-sm);
  bottom: 0;
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 1001;
}

.container__3782a,
.content__3782a {
  box-sizing: border-box;
  width: 100%;
}

.content__3782a {
  padding: var(--space-32) var(--space-32) var(--space-12);
}

.closeButton__3782a {
  color: var(--interactive-text-active);
  inset-inline-end: 0;
  margin: var(--space-16);
  position: absolute;
  top: 0;
}

.contentContainer__3782a {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  text-align: center;
}

.image__3782a {
  width: 250px;
}

.title__3782a {
  margin-bottom: var(--space-16);
  margin-top: var(--space-32);
  max-width: 250px;
}

.title__3782a.withBadge__3782a {
  margin-top: var(--space-16);
}

.body__3782a {
  max-width: 380px;
}

.premiumGroupUpsellWrapper__3782a {
  margin-bottom: var(--space-12);
  margin-top: var(--space-20);
}

.footer__3782a {
  background-color: var(--background-base-low);
  border-end-end-radius: inherit;
  border-end-start-radius: inherit;
  box-sizing: border-box;
  margin-top: auto;
  padding-bottom: var(--space-32);
  padding-top: var(--space-8);
  width: 100%;
}

.buttonContainer__3782a {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 var(--space-32);
}

.scrollerBase__99f8c {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-height: 0;
  position: relative;
}

.auto__99f8c,
.none__99f8c,
.thin__99f8c {
}

.thin__99f8c::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

.thin__99f8c::-webkit-scrollbar-track {
  background-color: var(--scrollbar-thin-track);
  border: 2px solid var(--scrollbar-thin-track);
  border-color: var(--scrollbar-thin-track);
}

.thin__99f8c::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: var(--scrollbar-thin-thumb);
  border: 2px solid transparent;
  border-radius: 4px;
  min-height: 40px;
}

.thin__99f8c::-webkit-scrollbar-corner {
  background-color: transparent;
}

.auto__99f8c::-webkit-scrollbar {
  height: 16px;
  width: 16px;
}

.auto__99f8c::-webkit-scrollbar-track {
  background-color: var(--scrollbar-auto-track);
}

.auto__99f8c::-webkit-scrollbar-thumb,
.auto__99f8c::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: 8px;
}

.auto__99f8c::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-auto-thumb);
  min-height: 40px;
}

.auto__99f8c::-webkit-scrollbar-corner {
  background-color: transparent;
}

.none__99f8c::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.fade__99f8c::-webkit-scrollbar-thumb,
.fade__99f8c::-webkit-scrollbar-track {
  visibility: hidden;
}

.fade__99f8c:hover::-webkit-scrollbar-thumb,
.fade__99f8c:hover::-webkit-scrollbar-track {
  visibility: visible;
}

.scrolling__99f8c.fade__99f8c:focus-within::-webkit-scrollbar-thumb,
.scrolling__99f8c.fade__99f8c:focus-within::-webkit-scrollbar-track {
  visibility: visible;
}

.no-webkit-scrollbar .thin__99f8c {
  scrollbar-color: var(--scrollbar-thin-thumb) var(--scrollbar-thin-track);
  scrollbar-width: thin;
}

.no-webkit-scrollbar .thin__99f8c.fade__99f8c.scrolling__99f8c,
.no-webkit-scrollbar .thin__99f8c.fade__99f8c:hover {
  scrollbar-color: var(--scrollbar-thin-thumb) var(--scrollbar-thin-track);
}

.no-webkit-scrollbar .auto__99f8c {
  scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb)
    var(--scrollbar-auto-scrollbar-color-track);
  scrollbar-width: auto;
}

.no-webkit-scrollbar .auto__99f8c.fade__99f8c.scrolling__99f8c,
.no-webkit-scrollbar .auto__99f8c.fade__99f8c:hover {
  scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb)
    var(--scrollbar-auto-scrollbar-color-track);
}

.no-webkit-scrollbar .none__99f8c {
  scrollbar-width: none;
}

.no-webkit-scrollbar .fade__99f8c {
  scrollbar-color: transparent transparent;
}

.content__99f8c {
  position: relative;
}

.disableScrollAnchor__99f8c {
  overflow-anchor: none;
}

.managedReactiveScroller__99f8c {
  overflow-x: hidden;
  overflow-y: scroll;
}

.pointerCover__99f8c {
  inset: 0;
  position: absolute;
  z-index: 9999;
}

.enable-forced-colors ::-webkit-scrollbar-track {
  border-radius: 0;
  border-width: 1px;
}

.enable-forced-colors ::-webkit-scrollbar-thumb {
  background-color: CanvasText;
  border-width: 1px;
}

.enable-forced-colors ::-webkit-scrollbar-thumb:horizontal:active,
.enable-forced-colors ::-webkit-scrollbar-thumb:horizontal:hover,
.enable-forced-colors ::-webkit-scrollbar-thumb:vertical:active,
.enable-forced-colors ::-webkit-scrollbar-thumb:vertical:hover {
  background-color: Highlight;
}

.enable-forced-colors .auto__99f8c::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

.enable-forced-colors .auto__99f8c::-webkit-scrollbar-track {
  border-radius: 0;
  border-width: 1px;
}

.container__871cd {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  height: 100%;
  margin-inline-end: 12px;
  overflow: hidden;
  position: relative;
}

.column__871cd {
  height: auto;
  opacity: 0.1;
  padding-top: 12px;
  transform-origin: 0 0;
}

.gif__871cd {
  background-color: var(--text-link);
}

.categoryLoader__871cd,
.gif__871cd {
  border-radius: 5px;
  margin-inline-start: 12px;
  margin-bottom: 12px;
}

.categoryLoader__871cd {
  background-color: var(--black);
  height: 110px;
}

@keyframes ripple__43deb {
  0% {
    opacity: 1;
    transform: scale(0.4);
  }

  90% {
    opacity: 0;
    transform: scale(1.4);
  }

  to {
    opacity: 0;
    transform: scale(1.6);
  }
}

@keyframes bounce__43deb {
  25% {
    transform: scale(0.6);
  }

  50% {
    transform: scale(1.2);
  }

  to {
    transform: scale(1);
  }
}

.gifFavoriteButton__43deb {
  background-color: var(--background-base-low);
  border-radius: 5px;
  color: var(--icon-strong);
  padding: 6px;
}

.gifFavoriteButton__43deb:after {
  border: 2px solid var(--yellow-300);
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  height: 100%;
  inset-inline-start: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform-origin: center;
  width: 100%;
  z-index: 5;
}

.full-motion .gifFavoriteButton__43deb:after {
  transition: all 0.15s ease-in-out;
}

.gifFavoriteButton__43deb:focus,
.gifFavoriteButton__43deb:hover {
  color: var(--yellow-300);
  transform: none;
}

.gifFavoriteButton__43deb.selected__43deb {
  color: var(--yellow-300);
}

.gifFavoriteButton__43deb.selected__43deb.showPulse__43deb:after {
  animation: ripple__43deb 0.45s ease;
}

.gifFavoriteButton__43deb.selected__43deb.showPulse__43deb .icon__43deb {
  animation: bounce__43deb 0.4s linear;
}

.icon__43deb {
  display: block;
  height: 100%;
  width: 100%;
}

.enable-forced-colors .gifFavoriteButton__43deb {
  background-color: ButtonFace;
  border: 1px solid ButtonFace;
  border-radius: 4px;
  color: ButtonText;
}

.enable-forced-colors .gifFavoriteButton__43deb:focus,
.enable-forced-colors .gifFavoriteButton__43deb:hover {
  border-color: ButtonText;
}

.enable-forced-colors .gifFavoriteButton__43deb.selected__43deb {
  background-color: HighlightText;
  border-color: Highlight;
  color: Highlight;
}

.results__2dc39 {
  height: 100%;
}

.result__2dc39 {
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  transition: box-shadow 0.15s ease-out;
}

.result__2dc39:after {
  border-radius: 7px;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  inset-inline: -1px;
  bottom: -1px;
  pointer-events: none;
  transition: background 0.15s ease-out;
  transition-property: box-shadow, background;
}

.result__2dc39:focus-within .favButton__2dc39,
.result__2dc39:hover .favButton__2dc39 {
  opacity: 1;
  transform: none;
}

.result__2dc39:hover,
.result__2dc39[data-focused="true"] {
  box-shadow: var(--shadow-border), var(--shadow-low);
}

.result__2dc39:hover:after,
.result__2dc39[data-focused="true"]:after {
  background: linear-gradient(
    to bottom,
    var(--background-mod-strong),
    var(--background-mod-subtle)
  );
}

.result__2dc39[data-focused="true"] {
  box-shadow: 0 0 0 2px var(--border-focus);
}

.result__2dc39[data-selected="true"] {
  box-shadow: 0 0 0 3px var(--border-focus);
}

.high-contrast-mode .result__2dc39 {
  border: 1px solid var(--border-strong);
}

.gif__2dc39 {
  background-color: transparent;
  border-radius: 5px;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.endContainer__2dc39 {
  padding-bottom: 32px;
  padding-top: 32px;
  text-align: center;
}

.endContainer__2dc39:after {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 220px;
  margin: 0 auto;
  width: 100%;
}

.endText__2dc39 {
  margin-bottom: 8px;
}

.searchSuggestions__2dc39 {
  margin-bottom: 32px;
}

.noResults__2dc39 {
  height: 100%;
}

.spinnerContainer__2dc39 {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.favButton__2dc39 {
  box-sizing: border-box;
  inset-inline-end: 4px;
  opacity: 0;
  position: absolute;
  top: 4px;
  transform: translateY(-10px);
  z-index: 4;
}

.full-motion .favButton__2dc39 {
  transition:
    transform 0.2s ease,
    opacity 0.1s ease;
}

.emptyHints__2dc39 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-block: 6px;
  margin-inline: 6px 0;
}

.emptyHint__2dc39 {
  flex: 1 1 33.33%;
}

.emptyHintCard__2dc39 {
  align-items: center;
  background-color: var(--background-mod-muted);
  border-radius: 5px;
  box-sizing: border-box;
  color: var(--text-default);
  display: flex;
  height: 160px;
  justify-content: center;
  margin: 6px;
  padding: 20px;
  position: relative;
}

.emptyHintSpacer__2dc39 {
  height: 160px;
}

.emptyHintText__2dc39 {
  font-size: 15px;
  line-height: 1.6;
  max-width: 180px;
  text-align: center;
}

.emptyHintFavorite__2dc39 {
  color: var(--text-feedback-warning);
  height: 29px;
  inset-inline-end: 6px;
  position: absolute;
  top: 6px;
  width: 29px;
}

@keyframes loadIN__2dc39 {
  0% {
    opacity: 0;
    transform: translate3d(0, 24px, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.placeholder__2dc39 {
  background: var(--background-mod-muted);
  border-radius: 5px;
  height: 100%;
  width: 100%;
}

.full-motion .placeholder__2dc39 {
  animation: loadIN__2dc39 0.6s cubic-bezier(0.17, 0.67, 0.16, 0.99);
  animation-fill-mode: forwards;
  opacity: 0;
  transform: translate3d(0, 48px, 0);
  will-change: transform3d, opacity;
}

.enable-forced-colors .result__2dc39[data-focused="true"] {
  border: 1px solid Canvas;
  outline: 2px solid Highlight;
}

.images-light .endContainer__2dc39:after {
  background-image: urls(/assets/9423b541a1c3dfef.svg);
}

.images-dark .endContainer__2dc39:after {
  background-image: urls(/assets/00f1d64f0e8c77b3.svg);
}

.container_d02962 {
  height: 100%;
}

.categoryFade_d02962,
.categoryFadeBlurple_d02962 {
  border: 1px solid transparent;
  border-radius: 4px;
  position: absolute;
  top: 0;
  inset-inline: 0;
  bottom: 0;
  transition: backdrop-filter 0.15s ease-out;
  z-index: 1;
}

.categoryText_d02962 {
  align-items: center;
  position: absolute;
  top: 0;
  inset-inline: 0;
  bottom: 0;
  display: flex;
  font-weight: var(--font-weight-semibold);
  justify-content: center;
  pointer-events: none;
  z-index: 3;
}

.categoryIcon_d02962 {
  height: 20px;
  margin-inline-end: 4px;
  width: 20px;
}

.categoryName_d02962 {
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  line-height: 16px;
}

.spinnerContainer_d02962 {
  height: 100%;
}

.formatSelectors_d02962,
.spinnerContainer_d02962 {
  align-items: center;
  display: flex;
  justify-content: center;
}

.formatSelectors_d02962 {
  flex-direction: row;
}

.formatSelectors_d02962 select {
  display: block;
  margin: 0 4px;
}

.categoryFade_d02962 {
  background-color: var(--background-scrim);
}

.categoryFadeBlurple_d02962 {
  background-color: color-mix(
    in srgb,
    var(--background-brand),
    transparent 20%
  );
}

.categoryFade_d02962:hover,
.categoryFadeBlurple_d02962:hover,
[data-focused="true"] .categoryFade_d02962,
[data-focused="true"] .categoryFadeBlurple_d02962 {
  backdrop-filter: brightness(60%) blur(4px);
  border: 1px solid var(--border-strong);
  border-radius: 5px;
}

.categoryText_d02962 {
  color: var(--white);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.container_fed6d3 {
  background-color: var(--background-base-lower);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  white-space: normal;
  width: 100%;
}

.container_fed6d3:after {
  bottom: 0;
  content: "";
  height: 8px;
  inset-inline: 0;
  pointer-events: none;
  position: absolute;
}

.content_fed6d3 {
  z-index: 0;
}

.content_fed6d3,
.header_fed6d3 {
  position: relative;
}

.header_fed6d3 {
  background-color: var(--background-surface-high);
  border-bottom: 1px solid var(--border-subtle);
  box-shadow: none;
  flex: 0 0 auto;
  padding: var(--custom-gif-picker-gutter-size);
  z-index: 1;
}

.searchHeader_fed6d3 {
  margin-bottom: 0;
  margin-inline-start: 8px;
}

.backButton_fed6d3 {
  align-items: center;
  color: var(--text-muted);
  cursor: pointer;
  display: flex;
  height: 28px;
  margin-inline-end: 8px;
}

.backButton_fed6d3:hover {
  color: var(--text-default);
}

.content_fed6d3 {
  flex: 1 1 auto;
  overflow: hidden;
}

.wrapper__0c74f {
  display: grid;
  grid-template-rows: 1fr auto;
  height: 100%;
  position: absolute;
  top: 0;
  inset-inline: 0;
  bottom: 0;
}

.wrapper__0d1ef {
  flex: 1;
}

.wrapper__0856d {
  display: grid;
  grid-template-columns: 48px auto;
  grid-template-rows: auto 1fr auto;
  position: relative;
}

.header__0856d {
  align-items: center;
  box-shadow: var(--elevation-low);
  display: flex;
  grid-column: 1/3;
  grid-row: 1/2;
  padding: 12px;
  z-index: 1;
}

.loadingIndicator__0856d {
  grid-column: 1/-1;
  grid-row: 1/-1;
}

.gridNoticeWrapper__0856d,
.listWrapper__0856d {
  flex: 1;
  inset-inline-start: 48px;
  position: relative;
  width: calc(100% - 48px);
}

.gridNoticeWrapper__0856d {
  flex: none;
}

.emptyState__0856d {
  grid-column: 1/3;
  grid-row: 2/2;
  margin: 0 20px;
  overflow: hidden;
  position: relative;
}

.enable-forced-colors .header__0856d {
  border-bottom: 1px solid CanvasText;
}

.categoryList_a1e0e0 {
  top: 65px;
}

.expressionPickerCategoryList_a1e0e0 {
  top: 53px;
}

.category_a1e0e0 {
  cursor: pointer;
  margin-bottom: 8px;
  position: relative;
}

.categoryIcon_a1e0e0 {
  align-items: center;
  border-radius: var(--radius-xs);
  display: flex;
  justify-content: center;
  padding: 4px;
  transition: background-color 0.2s ease;
}

.categoryIcon_a1e0e0.selected_a1e0e0 {
  background-color: var(--background-base-low);
}

.categoryIcon_a1e0e0:hover {
  background-color: var(--interactive-background-hover);
}

.categoryIconIcon_a1e0e0 {
  color: var(--interactive-text-default);
  height: 24px;
  width: 24px;
}

.keybindHint__46002 {
  align-items: center;
  background-color: var(--background-base-lower);
  border-radius: var(--radius-sm);
  display: flex;
  margin: 16px;
  padding: 8px;
  position: relative;
}

.keybindHintText__46002 {
  display: inline;
}

.warningIcon__46002 {
  color: var(--yellow-300);
  margin-inline-end: 8px;
  min-width: 20px;
}

.emoji__46002 {
  height: 100%;
  width: 100%;
}

.closeButton__46002,
.emoji__46002 {
  color: var(--interactive-text-default);
}

.closeButton__46002 {
  cursor: pointer;
  margin-top: -16px;
}

.soundAddButton_da9eb2 {
  background: initial;
  border: 1px dashed var(--border-subtle);
  color: var(--text-muted);
  cursor: pointer;
}

.soundAddButton_da9eb2:hover {
  border-color: var(--border-normal);
  color: var(--text-default);
}

.soundAddButton_da9eb2.focused_da9eb2 {
  border-color: var(--border-strong);
  color: var(--text-default);
}

.soundAddButton_da9eb2 svg {
  margin-inline-end: 3px;
}

.disabled_da9eb2 {
  pointer-events: none;
}

.wishlistButton__61424 {
  backdrop-filter: none;
  background: var(--control-secondary-background-hover);
  border: 1px solid var(--control-secondary-border-hover);
}

.sectionContainer__61424 {
  align-items: center;
  background-color: var(--background-base-low);
  display: flex;
  height: var(
    --custom-expression-picker-constants-expression-picker-list-section-heading-height
  );
  padding-block: 0;
  padding-inline: 8px 4px;
  position: sticky;
  top: 0;
  z-index: 10000;
}

.sectionContainerNitroLocked__61424 {
  position: relative;
}

.sectionContainerNitroLockedBackground__61424 {
  background: linear-gradient(
    90deg,
    var(--expressive-gradient-nitro-pink-start) 0,
    var(--expressive-gradient-nitro-pink-end) 100%
  );
}

.theme-light .sectionContainerNitroLockedBackground__61424 {
  background: linear-gradient(
    90deg,
    color-mix(
      in srgb,
      var(--expressive-gradient-nitro-pink-start) 40%,
      transparent
    ),
    color-mix(
      in srgb,
      var(--expressive-gradient-nitro-pink-end) 40%,
      transparent
    )
  );
}

.sectionHeader__61424 {
  color: var(--interactive-text-default);
  cursor: pointer;
  display: inline-block;
}

.sectionHeader__61424:hover {
  color: var(--interactive-text-active);
}

.sectionHeader__61424:hover .sectionTitle__61424 {
  color: var(--interactive-text-active);
}

.sectionHeader__61424 .sectionTitle__61424 {
  color: var(--interactive-text-default);
}

.sectionHeaderContent__61424 {
  align-items: center;
  display: flex;
}

.smallPaddingFooter__61424 {
  height: 20px;
}

.lastSectionFooter__61424 {
  height: 70px;
}

.nitroLocked__61424.lastSectionFooter__61424,
.nitroLocked__61424.smallPaddingFooter__61424 {
  background: linear-gradient(
    90deg,
    var(--expressive-gradient-nitro-pink-start) 0,
    var(--expressive-gradient-nitro-pink-end) 100%
  );
}

.theme-light .nitroLocked__61424.lastSectionFooter__61424,
.theme-light .nitroLocked__61424.smallPaddingFooter__61424 {
  background: linear-gradient(
    90deg,
    color-mix(
      in srgb,
      var(--expressive-gradient-nitro-pink-start) 40%,
      transparent
    ),
    color-mix(
      in srgb,
      var(--expressive-gradient-nitro-pink-end) 40%,
      transparent
    )
  );
}

.nitroLocked__61424:not(.lastSectionFooter__61424) {
  margin-bottom: var(--space-4);
}

.sectionTitle__61424 {
  margin: 0 4px;
}

.headerIcon__61424 {
  height: 16px;
  width: 16px;
}

.soundRow__61424 {
  display: flex;
  gap: 8px;
  padding-bottom: 8px;
  padding-inline-start: 8px;
}

.soundRowNitroLocked__61424 {
  background: linear-gradient(
    90deg,
    var(--expressive-gradient-nitro-pink-start) 0,
    var(--expressive-gradient-nitro-pink-end) 100%
  );
}

.theme-light .soundRowNitroLocked__61424 {
  background: linear-gradient(
    90deg,
    color-mix(
      in srgb,
      var(--expressive-gradient-nitro-pink-start) 40%,
      transparent
    ),
    color-mix(
      in srgb,
      var(--expressive-gradient-nitro-pink-end) 40%,
      transparent
    )
  );
}

.settingsClickArea__61424 {
  color: var(--interactive-text-default);
  cursor: pointer;
  margin-inline-start: var(--space-12);
  transition: color 0.2s ease;
}

.settingsClickArea__61424:focus,
.settingsClickArea__61424:hover {
  color: var(--interactive-text-hover);
}

.settingsSoundmojiClickArea__61424 {
  padding: 0;
}

.settingsSoundmojiClickArea__61424:last-child {
  padding-inline-end: 0;
}

.premiumSectionDivider__61424 {
  padding-top: 8px;
}

.settingsIcon__61424 {
  height: 24px;
  width: 24px;
}

.picker__09f65 {
  background-color: var(--background-base-low);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-border), var(--shadow-high);
  display: flex;
  flex-direction: column;
  height: 420px;
  overflow: hidden;
  width: 531px;
}

.picker__09f65.inExpressionPicker__09f65 {
  box-shadow: none;
  height: 100%;
  width: auto;
}

.fetching__09f65 {
  justify-content: center;
}

.assetWrapper__31fc2 {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.assetWrapperMasked__31fc2 {
  -webkit-mask: urls(/assets/34378a8df8efb149.svg) 0 0/100% 100%;
  mask: urls(/assets/34378a8df8efb149.svg) 0 0/100% 100%;
}

.stickerAsset__31fc2 {
  height: 100%;
  inset-inline-start: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.lottieCanvas__31fc2,
.pngImage__31fc2 {
}

.pngImage__31fc2 {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

.roundedMask__31fc2 {
  display: block;
  height: 100%;
  inset-inline-start: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.errorContent__31fc2 {
  align-items: center;
  display: flex;
  justify-content: center;
}

.loadingIndicator__31fc2 {
  box-sizing: border-box;
  cursor: default;
  display: block;
  -webkit-mask: urls(/assets/34378a8df8efb149.svg) 0 0/100% 100%;
  mask: urls(/assets/34378a8df8efb149.svg) 0 0/100% 100%;
}

.error__31fc2,
.loadingIndicator__31fc2 {
  background-color: var(--interactive-background-active);
  height: 100%;
  width: 100%;
}

.error__31fc2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-weight: var(--font-weight-semibold);
  justify-content: center;
}

.errorIcon__31fc2 {
  color: var(--text-default);
}

.errorText__31fc2 {
  margin-top: 4px;
}

.overlayWrapper__31fc2 {
  pointer-events: none;
  position: relative;
  z-index: 1;
}

.overlayStickerWrapper__31fc2 {
  position: relative;
  z-index: 2;
}

.overlayLabelWrapper__31fc2 {
  position: relative;
  z-index: 1;
}

.overlayLabel__31fc2 {
  background-color: var(--background-surface-high);
  border-radius: 20px;
  inset-inline-start: 50%;
  margin-top: 2px;
  padding: 2px 8px;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.positionedLayer__31fc2 {
  pointer-events: none;
}

.categoryList__3ad28 {
  top: 53px;
}

.stickerCategory__3ad28 {
  border-radius: 4px;
  color: var(--interactive-text-default);
  cursor: pointer;
  height: var(--custom-stickers-constants-sticker-category-icon-size);
  margin-bottom: var(--custom-stickers-constants-sticker-category-icon-margin);
  width: var(--custom-stickers-constants-sticker-category-icon-size);
}

.firstPartyCategory__3ad28:hover {
  background-color: var(--interactive-background-hover);
  color: var(--interactive-text-hover);
}

.firstPartyCategorySelected__3ad28,
.firstPartyCategorySelected__3ad28:hover,
.stickerCategoryGenericSelected__3ad28,
.stickerCategoryGenericSelected__3ad28:hover {
  background-color: var(--background-base-low);
}

.stickerCategoryGenericSelected__3ad28 .stickerCategoryGenericIcon__3ad28 {
  color: var(--interactive-text-active);
}

.stickerCategoryGeneric__3ad28 {
  box-sizing: border-box;
  margin-bottom: 2px;
  padding: 4px;
}

.stickerCategoryGeneric__3ad28.stickerCategoryGenericLast__3ad28 {
  margin-bottom: var(--custom-stickers-constants-sticker-category-icon-margin);
}

.stickerCategoryGeneric__3ad28:hover {
  background-color: var(--background-base-low);
}

.stickerCategoryGenericDisabled__3ad28 {
  color: var(--text-muted);
  cursor: default;
}

.stickerCategoryGenericDisabled__3ad28 .stickerCategoryGenericIcon__3ad28 {
  opacity: 0.6;
}

.stickerCategoryGenericDisabled__3ad28.stickerCategory__3ad28:hover {
  background-color: transparent;
  color: var(--text-muted);
}

.stickerPackThumbnail__3ad28 {
  display: block;
  height: 100%;
  width: 100%;
}

.guildCategorySeparator__3ad28 {
  border: none;
  border-bottom: var(--custom-stickers-constants-category-separator-size) solid
    var(--border-subtle);
  margin: var(--custom-stickers-constants-category-separator-margin-vertical) 0;
}

.standardStickerShortcut__3ad28 {
  align-items: center;
  background: inherit;
  border-top: 1px solid var(--border-normal);
  bottom: 0;
  box-sizing: border-box;
  color: var(--interactive-text-default);
  cursor: pointer;
  display: flex;
  height: 48px;
  inset-inline-start: 0;
  justify-content: center;
  opacity: 1;
  position: absolute;
  width: 100%;
}

.full-motion .standardStickerShortcut__3ad28 {
  transition:
    opacity 0.1s,
    transform 0.1s;
}

.standardStickerShortcut__3ad28:hover {
  color: var(--interactive-text-hover);
}

.invisibleShortcut__3ad28 {
  display: none;
  opacity: 0;
}

.enable-forced-colors .standardStickerShortcut__3ad28 {
  background-color: ButtonFace;
  border-top: 1px solid CanvasText;
  color: ButtonText;
  height: 47px;
}

.enable-forced-colors .stickerCategory__3ad28 {
  border: 1px solid Canvas;
  border-radius: 4px;
  transition: none;
}

.enable-forced-colors
  .stickerCategory__3ad28
  .stickerCategoryGenericIcon__3ad28 {
  color: ButtonText;
}

.enable-forced-colors .stickerCategory__3ad28:hover {
  background: ButtonFace;
  border-color: ButtonText;
}

.enable-forced-colors .stickerCategoryGenericDisabled__3ad28 {
  color: GrayText;
}

.enable-forced-colors
  .stickerCategoryGenericDisabled__3ad28.stickerCategory__3ad28:hover {
  color: GrayText;
}

.enable-forced-colors .firstPartyCategorySelected__3ad28,
.enable-forced-colors .firstPartyCategorySelected__3ad28:hover,
.enable-forced-colors .stickerCategoryGenericSelected__3ad28,
.enable-forced-colors .stickerCategoryGenericSelected__3ad28:hover {
  background-color: HighlightText;
  border-color: Highlight;
}

.enable-forced-colors
  .firstPartyCategorySelected__3ad28
  .stickerCategoryGenericIcon__3ad28,
.enable-forced-colors
  .firstPartyCategorySelected__3ad28:hover
  .stickerCategoryGenericIcon__3ad28,
.enable-forced-colors
  .stickerCategoryGenericSelected__3ad28
  .stickerCategoryGenericIcon__3ad28,
.enable-forced-colors
  .stickerCategoryGenericSelected__3ad28:hover
  .stickerCategoryGenericIcon__3ad28 {
  color: Highlight;
}

.emptyState__70126 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  text-align: center;
}

.emptyState__70126.unifyTrialUpsell__70126 {
  margin: 0;
}

.header__70126 {
  margin-bottom: 8px;
  margin-top: 16px;
}

.subtitle__70126 {
  margin-bottom: 12px;
}

.stickersRow__70126 {
  display: flex;
  margin-bottom: 20px;
}

.stickersRow__70126 .sticker__70126 {
  margin: auto 2px;
}

.divider__1de9c {
  border-top: thin solid var(--border-subtle);
  height: 1px;
  width: 100%;
}

.textButton__7a01b {
  background: initial;
  box-sizing: border-box;
  color: inherit;
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: medium;
  font-weight: 400;
  gap: var(--space-4);
  margin: 0;
  max-width: 100%;
  padding: 0;
  text-align: start;
  text-decoration: none;
  width: -moz-min-content;
  width: min-content;
}

.textButton__7a01b:disabled {
  opacity: 0.5;
}

.textButton__7a01b:hover:not(:disabled) .text__7a01b,
:where(.decorate-links) .text__7a01b {
  text-decoration: underline;
}

.primary__7a01b {
  color: var(--text-brand);
}

.secondary__7a01b {
  color: var(--text-strong);
}

.always-white__7a01b {
  color: var(--white);
}

.critical__7a01b {
  color: var(--text-feedback-critical);
}

.highlight-mana-buttons .button__7a01b {
  box-shadow: 0 0 2px 2px var(--opacity-white-60);
}

.upsell_ac65bb {
  align-items: center;
  background-color: var(--background-base-lowest);
  border-radius: 4px;
  display: flex;
  padding-block: 8px;
  padding-inline: 8px 12px;
}

.icon_ac65bb {
  color: var(--interactive-text-default);
  margin-inline-end: 8px;
  width: 24px;
}

.body_ac65bb {
  flex: 1;
}

.iconWrapper_d13236 {
  align-items: center;
  background-image: linear-gradient(
    90deg,
    var(--guild-boosting-blue),
    var(--guild-boosting-purple)
  );
  border-radius: 24px;
  color: var(--white);
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.icon_d13236 {
  height: 12px;
  width: 12px;
}

.unownedStickerLockContainer_ced283 {
  align-items: center;
  background-color: var(--background-mod-muted);
  border: 1px solid var(--border-subtle);
  border-radius: 100%;
  bottom: 0;
  display: flex;
  inset-inline-end: 0;
  justify-content: center;
  position: absolute;
}

.unownedStickerLockIcon_ced283 {
  color: var(--interactive-text-default);
}

@keyframes ripple_c6367b {
  0% {
    opacity: 1;
    transform: scale(0.8);
  }

  to {
    opacity: 0;
    transform: scale(1.6);
  }
}

.row_c6367b {
  display: grid;
  margin-bottom: var(--custom-stickers-constants-sticker-picker-preview-margin);
  overflow: hidden;
}

.row_c6367b,
.sticker_c6367b {
  position: relative;
}

.sticker_c6367b {
  border-radius: var(
    --custom-stickers-constants-sticker-picker-preview-border-radius
  );
}

.sticker_c6367b:after {
  border: 3px solid var(--yellow-300);
  border-radius: 100%;
  box-sizing: border-box;
  content: "";
  height: 100%;
  inset-inline-start: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform-origin: center;
  width: 100%;
  z-index: 5;
}

.full-motion .sticker_c6367b:after {
  transition: all 0.15s ease-in-out;
}

.sticker_c6367b.showPulse_c6367b:after {
  animation: ripple_c6367b 0.25s ease-out 1;
}

.createSticker_c6367b {
  align-items: center;
  background-color: var(--background-base-low);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  font-weight: var(--font-weight-medium);
  justify-content: space-evenly;
  position: relative;
}

.createInspected_c6367b {
  background-color: var(--background-mod-normal);
}

.uploadCard_c6367b {
  cursor: pointer;
}

.iconWrapper_c6367b {
  align-items: center;
  background-image: linear-gradient(
    90deg,
    var(--guild-boosting-blue),
    var(--guild-boosting-purple)
  );
  border-radius: 36px;
  color: var(--white);
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.icon_c6367b {
  height: 18px;
  width: 18px;
}

.inspectedIndicator_c6367b {
  height: 100%;
  inset-inline-start: 0;
  -webkit-mask: urls(/assets/34378a8df8efb149.svg) 0 0/100% 100%;
  mask: urls(/assets/34378a8df8efb149.svg) 0 0/100% 100%;
  position: absolute;
  top: 0;
  transition:
    background-color 0.08s ease-out,
    color 0.08s ease-out;
  width: 100%;
  z-index: -1;
}

.stickerInspected_c6367b .inspectedIndicator_c6367b {
  background-color: var(--interactive-background-selected);
}

.stickerPlaceholder_c6367b {
  cursor: default;
}

.viewAll_c6367b {
  inset-inline-end: 0;
  position: absolute;
  top: 0;
}

.viewAll_c6367b:hover .viewAllButton_c6367b,
.viewAllInspected_c6367b .viewAllButton_c6367b {
  background-color: var(--background-base-lowest);
  color: var(--interactive-text-hover);
}

.viewAllButton_c6367b {
  align-items: center;
  background-color: var(--background-mod-normal);
  box-sizing: border-box;
  color: var(--interactive-text-default);
  display: grid;
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  height: 100%;
  line-height: 20px;
  text-align: center;
  white-space: pre-line;
  width: 100%;
}

.stickerNode_c6367b {
  transition: opacity 0.25s;
}

.stickerNodeDimmed_c6367b {
  opacity: 0.3;
}

.stickerNodeHidden_c6367b {
  visibility: hidden;
}

.stickerUnsendable_c6367b {
  filter: grayscale(100%);
}

.keyboard-mode .stickerInspected_c6367b {
  position: relative;
}

.keyboard-mode .stickerInspected_c6367b:before {
  border-radius: 12px;
  bottom: 0;
  content: "";
  display: block;
  inset-inline: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  --__adaptive-focus-color: var(--interactive-text-hover);
  border: 2px solid var(--__adaptive-focus-color);
  z-index: 1;
}

.enable-forced-colors .stickerInspected_c6367b {
  background-color: HighlightText;
  outline: 1px solid Highlight;
  outline-offset: -1px;
}

.enable-forced-colors .stickerInspected_c6367b:before {
  border-color: Highlight;
}

.wrapper_e94b8c {
  display: grid;
  grid-template-rows: 1fr auto;
  height: 100%;
  position: absolute;
  top: 0;
  inset-inline: 0;
  bottom: 0;
}

.footerActions_e94b8c {
  margin-bottom: var(--custom-stickers-constants-sticker-picker-preview-margin);
}

.packHeader_e94b8c {
  padding-inline-start: 0;
  position: sticky;
  top: 0;
}

.packHeaderShopWrapper_e94b8c {
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: flex;
}

.packHeaderShop_e94b8c {
  flex: 1 1 auto;
  overflow: hidden;
}

.packHeaderShopActions_e94b8c {
  flex: 0 0 auto;
}

.sticker_e94b8c {
  cursor: pointer;
}

.divider_e94b8c {
  align-items: center;
  display: flex;
  height: var(--custom-stickers-constants-stickers-list-divider-height);
}

.shopDivider_e94b8c {
  border-top-width: var(
    --custom-stickers-constants-stickers-shop-divider-border-top-width
  );
  height: var(--custom-stickers-constants-stickers-shop-divider-height);
}

.tipWithSearch_e94b8c {
  margin-top: var(
    --custom-stickers-constants-sticker-picker-tip-margin-search-results
  );
}

.searchSuggestions_e94b8c {
  max-width: 250px;
  padding-top: 16px;
}

.searchSuggestion_e94b8c {
  background: var(--background-surface-high);
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  font-weight: var(--font-weight-normal);
  margin: 0 4px 8px;
  padding: 4px 8px;
}

.emptyGuildUpsell_e94b8c {
  box-sizing: border-box;
  height: var(
    --custom-stickers-constants-stickers-list-empty-guild-upsell-height
  );
  margin-inline: 4px;
  overflow: hidden;
}

.wrapper_cdf8a9 {
  flex: 1;
}

.upsellWrapper__8fe94 {
  align-items: center;
  background: var(--background-base-lower);
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: absolute;
  top: 0;
  inset-inline: 0;
  justify-content: center;
  opacity: 0.98;
  padding: 0 20px;
  text-align: center;
  z-index: 2;
}

.upsellWrapper__8fe94.unifyTrialUpsell__8fe94 {
  justify-content: flex-end;
  opacity: 1;
  padding: 0;
}

.upsellImage__8fe94 {
  height: 80px;
  margin-bottom: 16px;
  width: -moz-fit-content;
  width: fit-content;
}

.upsellTitle__8fe94 {
  margin-bottom: 8px;
}

.upsellDescription__8fe94 {
  margin-bottom: 44px;
  max-width: 400px;
}

.upsellClose__8fe94 {
  color: var(--interactive-text-default);
  cursor: pointer;
  inset-inline-end: 20px;
  position: absolute;
  top: 20px;
}

.wrapper__8ef02 {
  display: grid;
  grid-template-columns: 48px auto;
  grid-template-rows: auto 1fr auto;
  position: relative;
}

.header__8ef02 {
  align-items: center;
  background-color: var(--background-surface-high);
  border-bottom: 1px solid var(--border-subtle);
  box-shadow: none;
  display: flex;
  grid-column: 1/3;
  grid-row: 1/2;
  min-height: 1px;
  padding: var(--custom-gif-picker-gutter-size);
  z-index: 1;
}

.loadingIndicator__8ef02 {
  grid-column: 1/-1;
  grid-row: 1/-1;
}

.listWrapper__8ef02 {
  grid-column: 2/2;
}

.emptyState__8ef02,
.listWrapper__8ef02 {
  grid-row: 2/2;
  overflow: hidden;
  position: relative;
}

.emptyState__8ef02 {
  grid-column: 1/3;
  margin: 0 20px;
}

.enable-forced-colors .header__8ef02 {
  border-bottom: 1px solid CanvasText;
}

.layout__81b99 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.header__81b99 {
  align-items: center;
  background-color: var(--background-surface-high);
  border-bottom: 1px solid var(--border-subtle);
  display: flex;
  flex-shrink: 0;
  padding: var(--custom-gif-picker-gutter-size);
}

.kaomojiContainer__81b99 {
  border-end-end-radius: 8px;
  border-end-start-radius: 8px;
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 16px;
  position: relative;
}

.kaomojiList__81b99 {
  gap: 16px;
}

.kaomojiCategory__81b99,
.kaomojiList__81b99 {
  display: flex;
  flex-direction: column;
}

.kaomojiCategory__81b99 {
  gap: 8px;
}

.categoryLabel__81b99 {
  margin: 0;
}

.kaomojiGrid__81b99 {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
}

.kaomojiGridItem__81b99 {
  border-radius: var(--radius-sm);
  min-width: 0;
}

.emptyState__81b99 {
  margin: 0;
}

.wrapper__81b99 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}