: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%;
    --battlenet: hsl(var(--battlenet-hsl)/1);
    --battlenet-hsl: 199.651 calc(var(--saturation-factor, 1)*100%) 44.902%;
    --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%;
    --bungie: hsl(var(--bungie-hsl)/1);
    --bungie-hsl: 196.916 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --crunchyroll: hsl(var(--crunchyroll-hsl)/1);
    --crunchyroll-hsl: 29.289 calc(var(--saturation-factor, 1)*92.952%) 55.49%;
    --ebay: hsl(var(--ebay-hsl)/1);
    --ebay-hsl: 211.429 calc(var(--saturation-factor, 1)*100%) 41.176%;
    --epic-games: hsl(var(--epic-games-hsl)/1);
    --epic-games-hsl: 34.286 calc(var(--saturation-factor, 1)*6.195%) 22.157%;
    --facebook: hsl(var(--facebook-hsl)/1);
    --facebook-hsl: 220.714 calc(var(--saturation-factor, 1)*44.211%) 37.255%;
    --github: hsl(var(--github-hsl)/1);
    --github-hsl: 0 calc(var(--saturation-factor, 1)*4.167%) 9.412%;
    --gold: hsl(var(--gold-hsl)/1);
    --gold-hsl: 45.652 calc(var(--saturation-factor, 1)*100%) 54.902%;
    --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-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%;
    --input-placeholder-text-dark: hsl(var(--input-placeholder-text-dark-hsl)/1);
    --input-placeholder-text-dark-hsl: 216 calc(var(--saturation-factor, 1)*2.128%) 53.922%;
    --lol: hsl(var(--lol-hsl)/1);
    --lol-hsl: 190.286 calc(var(--saturation-factor, 1)*89.744%) 7.647%;
    --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%;
    --opacity-1: hsl(var(--opacity-1-hsl)/0.01);
    --opacity-1-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-10: hsl(var(--opacity-10-hsl)/0.36);
    --opacity-10-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-11: hsl(var(--opacity-11-hsl)/0.4);
    --opacity-11-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-12: hsl(var(--opacity-12-hsl)/0.44);
    --opacity-12-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-13: hsl(var(--opacity-13-hsl)/0.48);
    --opacity-13-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-14: hsl(var(--opacity-14-hsl)/0.52);
    --opacity-14-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-15: hsl(var(--opacity-15-hsl)/0.56);
    --opacity-15-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-16: hsl(var(--opacity-16-hsl)/0.6);
    --opacity-16-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-17: hsl(var(--opacity-17-hsl)/0.64);
    --opacity-17-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-18: hsl(var(--opacity-18-hsl)/0.68);
    --opacity-18-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-19: hsl(var(--opacity-19-hsl)/0.72);
    --opacity-19-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-2: hsl(var(--opacity-2-hsl)/0.04);
    --opacity-2-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-20: hsl(var(--opacity-20-hsl)/0.76);
    --opacity-20-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-21: hsl(var(--opacity-21-hsl)/0.8);
    --opacity-21-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-22: hsl(var(--opacity-22-hsl)/0.84);
    --opacity-22-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-23: hsl(var(--opacity-23-hsl)/0.88);
    --opacity-23-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-24: hsl(var(--opacity-24-hsl)/0.92);
    --opacity-24-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-25: hsl(var(--opacity-25-hsl)/0.96);
    --opacity-25-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-3: hsl(var(--opacity-3-hsl)/0.08);
    --opacity-3-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-4: hsl(var(--opacity-4-hsl)/0.12);
    --opacity-4-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-5: hsl(var(--opacity-5-hsl)/0.16);
    --opacity-5-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-6: hsl(var(--opacity-6-hsl)/0.2);
    --opacity-6-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-7: hsl(var(--opacity-7-hsl)/0.24);
    --opacity-7-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-8: hsl(var(--opacity-8-hsl)/0.28);
    --opacity-8-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-9: hsl(var(--opacity-9-hsl)/0.32);
    --opacity-9-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --partner: hsl(var(--partner-hsl)/1);
    --partner-hsl: 215.376 calc(var(--saturation-factor, 1)*82.775%) 59.02%;
    --paypal: hsl(var(--paypal-hsl)/1);
    --paypal-hsl: 230.455 calc(var(--saturation-factor, 1)*69.841%) 24.706%;
    --playstation: hsl(var(--playstation-hsl)/1);
    --playstation-hsl: 220 calc(var(--saturation-factor, 1)*95.652%) 27.059%;
    --plum-23-alpha: hsl(var(--plum-23-alpha-hsl)/0.1);
    --plum-23-alpha-hsl: 240 calc(var(--saturation-factor, 1)*63.415%) 83.922%;
    --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%;
    --reddit: hsl(var(--reddit-hsl)/1);
    --reddit-hsl: 16.235 calc(var(--saturation-factor, 1)*100%) 50%;
    --riot-games: hsl(var(--riot-games-hsl)/1);
    --riot-games-hsl: 349.487 calc(var(--saturation-factor, 1)*100%) 45.882%;
    --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%;
    --samsung: hsl(var(--samsung-hsl)/1);
    --samsung-hsl: 231 calc(var(--saturation-factor, 1)*77.778%) 35.294%;
    --skype: hsl(var(--skype-hsl)/1);
    --skype-hsl: 196.186 calc(var(--saturation-factor, 1)*100%) 42.157%;
    --spotify: hsl(var(--spotify-hsl)/1);
    --spotify-hsl: 141.154 calc(var(--saturation-factor, 1)*72.897%) 41.961%;
    --steam: hsl(var(--steam-hsl)/1);
    --steam-hsl: 214.615 calc(var(--saturation-factor, 1)*35.135%) 14.51%;
    --transparent: hsl(var(--transparent-hsl)/0);
    --transparent-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --twitch: hsl(var(--twitch-hsl)/1);
    --twitch-hsl: 262.105 calc(var(--saturation-factor, 1)*46.798%) 39.804%;
    --twitter: hsl(var(--twitter-hsl)/1);
    --twitter-hsl: 202.817 calc(var(--saturation-factor, 1)*89.121%) 53.137%;
    --xbox: hsl(var(--xbox-hsl)/1);
    --xbox-hsl: 120 calc(var(--saturation-factor, 1)*77.143%) 27.451%;
    --youtube: hsl(var(--youtube-hsl)/1);
    --youtube-hsl: 0.351 calc(var(--saturation-factor, 1)*72.766%) 46.078%
}

.theme-dark {
    --action-sheet-gradient-bg: var(--primary-630);
    --action-sheet-gradient-bg: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --activity-card-background: var(--primary-700);
    --activity-card-background: color-mix(in oklab, var(--primary-700) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --activity-card-icon-overlay: hsl(var(--primary-600-hsl)/0.85);
    --activity-card-icon-overlay: color-mix(in oklab, hsl(var(--primary-600-hsl)/0.85) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.85) var(--theme-base-color-amount, 0%));
    --alert-bg: var(--primary-600);
    --alert-bg: color-mix(in oklab, var(--primary-600) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --android-navigation-bar-background: var(--primary-830);
    --android-navigation-bar-background: color-mix(in oklab, var(--primary-830) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --android-navigation-scrim-background: hsl(var(--primary-830-hsl)/0.5);
    --android-navigation-scrim-background: color-mix(in oklab, hsl(var(--primary-830-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --android-ripple: hsl(var(--white-hsl)/0.07);
    --android-ripple: color-mix(in oklab, hsl(var(--white-hsl)/0.07) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.07) var(--theme-base-color-amount, 0%));
    --autocomplete-bg: var(--primary-630);
    --autocomplete-bg: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-accent: var(--primary-530);
    --background-accent: color-mix(in oklab, var(--primary-530) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-floating: var(--primary-800);
    --background-floating: color-mix(in oklab, var(--primary-800) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-mentioned: hsl(var(--yellow-300-hsl)/0.1);
    --background-mentioned: color-mix(in oklab, hsl(var(--yellow-300-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.08);
    --background-mentioned-hover: color-mix(in oklab, hsl(var(--yellow-300-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --background-message-automod: hsl(var(--red-400-hsl)/0.05);
    --background-message-automod: color-mix(in oklab, hsl(var(--red-400-hsl)/0.05) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.05) var(--theme-base-color-amount, 0%));
    --background-message-automod-hover: hsl(var(--red-400-hsl)/0.1);
    --background-message-automod-hover: color-mix(in oklab, hsl(var(--red-400-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --background-message-highlight: hsl(var(--brand-360-hsl)/0.08);
    --background-message-highlight: color-mix(in oklab, hsl(var(--brand-360-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.06);
    --background-message-highlight-hover: color-mix(in oklab, hsl(var(--brand-360-hsl)/0.06) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.06) var(--theme-base-color-amount, 0%));
    --background-message-hover: hsl(var(--primary-900-hsl)/0.06);
    --background-message-hover: color-mix(in oklab, hsl(var(--primary-900-hsl)/0.06) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.06) var(--theme-base-color-amount, 0%));
    --background-mobile-primary: var(--primary-600);
    --background-mobile-primary: color-mix(in oklab, var(--primary-600) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-mobile-secondary: var(--primary-630);
    --background-mobile-secondary: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-modifier-accent: hsl(var(--primary-500-hsl)/0.48);
    --background-modifier-accent: color-mix(in oklab, hsl(var(--primary-500-hsl)/0.48) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.48) var(--theme-base-color-amount, 0%));
    --background-modifier-active: hsl(var(--primary-500-hsl)/0.48);
    --background-modifier-active: color-mix(in oklab, hsl(var(--primary-500-hsl)/0.48) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.48) var(--theme-base-color-amount, 0%));
    --background-modifier-hover: hsl(var(--primary-500-hsl)/0.3);
    --background-modifier-hover: color-mix(in oklab, hsl(var(--primary-500-hsl)/0.3) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.3) var(--theme-base-color-amount, 0%));
    --background-modifier-selected: hsl(var(--primary-500-hsl)/0.6);
    --background-modifier-selected: color-mix(in oklab, hsl(var(--primary-500-hsl)/0.6) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.6) var(--theme-base-color-amount, 0%));
    --background-nested-floating: var(--primary-630);
    --background-nested-floating: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-primary: var(--primary-600);
    --background-primary: color-mix(in oklab, var(--primary-600) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-secondary: var(--primary-630);
    --background-secondary: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-secondary-alt: var(--primary-660);
    --background-secondary-alt: color-mix(in oklab, var(--primary-660) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-tertiary: var(--primary-700);
    --background-tertiary: color-mix(in oklab, var(--primary-700) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-backdrop: hsl(var(--black-hsl)/0.7);
    --bg-backdrop: color-mix(in oklab, hsl(var(--black-hsl)/0.7) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.7) var(--theme-base-color-amount, 0%));
    --bg-backdrop-immersive: hsl(var(--black-hsl)/0.85);
    --bg-backdrop-immersive: color-mix(in oklab, hsl(var(--black-hsl)/0.85) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.85) var(--theme-base-color-amount, 0%));
    --bg-backdrop-no-opacity: var(--black);
    --bg-backdrop-no-opacity: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-primary: var(--primary-600);
    --bg-base-primary: color-mix(in oklab, var(--primary-600) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: var(--primary-630);
    --bg-base-secondary: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: var(--primary-660);
    --bg-base-tertiary: color-mix(in oklab, var(--primary-660) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-brand: var(--brand-500);
    --bg-mod-faint: hsl(var(--primary-500-hsl)/0.3);
    --bg-mod-faint: color-mix(in oklab, hsl(var(--primary-500-hsl)/0.3) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.3) var(--theme-base-color-amount, 0%));
    --bg-mod-strong: hsl(var(--primary-500-hsl)/0.54);
    --bg-mod-strong: color-mix(in oklab, hsl(var(--primary-500-hsl)/0.54) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.54) var(--theme-base-color-amount, 0%));
    --bg-mod-subtle: hsl(var(--primary-500-hsl)/0.48);
    --bg-mod-subtle: color-mix(in oklab, hsl(var(--primary-500-hsl)/0.48) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.48) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay: var(--primary-800);
    --bg-surface-overlay: color-mix(in oklab, var(--primary-800) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay-tmp: var(--primary-800);
    --bg-surface-overlay-tmp: color-mix(in oklab, var(--primary-800) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-surface-raised: var(--primary-560);
    --bg-surface-raised: color-mix(in oklab, var(--primary-560) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --blur-fallback: hsl(var(--primary-700-hsl)/0.96);
    --blur-fallback: color-mix(in oklab, hsl(var(--primary-700-hsl)/0.96) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.96) var(--theme-base-color-amount, 0%));
    --blur-fallback-pressed: hsl(var(--primary-730-hsl)/0.96);
    --blur-fallback-pressed: color-mix(in oklab, hsl(var(--primary-730-hsl)/0.96) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.96) var(--theme-base-color-amount, 0%));
    --border-faint: hsl(var(--white-hsl)/0.03);
    --border-faint: color-mix(in oklab, hsl(var(--white-hsl)/0.03) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.03) var(--theme-base-color-amount, 0%));
    --border-normal: hsl(var(--opacity-6-hsl)/0.2);
    --border-normal: color-mix(in oklab, hsl(var(--opacity-6-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --border-strong: hsl(var(--white-hsl)/0.16);
    --border-strong: color-mix(in oklab, hsl(var(--white-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --border-subtle: hsl(var(--white-hsl)/0.08);
    --border-subtle: color-mix(in oklab, hsl(var(--white-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --bug-reporter-modal-submitting-background: hsl(var(--primary-800-hsl)/0.6);
    --bug-reporter-modal-submitting-background: color-mix(in oklab, hsl(var(--primary-800-hsl)/0.6) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.6) var(--theme-base-color-amount, 0%));
    --button-creator-revenue-background: var(--teal-430);
    --button-danger-background: var(--red-430);
    --button-danger-background-active: var(--red-530);
    --button-danger-background-disabled: var(--red-430);
    --button-danger-background-hover: var(--red-500);
    --button-danger-border: hsl(var(--white-500-hsl)/0);
    --button-filled-brand-background: var(--brand-500);
    --button-filled-brand-background-active: var(--brand-600);
    --button-filled-brand-background-hover: var(--brand-560);
    --button-filled-brand-border: hsl(var(--white-500-hsl)/0);
    --button-filled-brand-inverted-background: var(--white);
    --button-filled-brand-inverted-background-active: var(--brand-200);
    --button-filled-brand-inverted-background-hover: var(--brand-100);
    --button-filled-brand-inverted-text: var(--brand-500);
    --button-filled-brand-text: var(--white);
    --button-filled-white-background: var(--white-500);
    --button-filled-white-background-active: var(--white-500);
    --button-filled-white-background-hover: var(--white-500);
    --button-filled-white-text: var(--primary-500);
    --button-outline-brand-background: hsl(var(--white-hsl)/0);
    --button-outline-brand-background-active: var(--brand-560);
    --button-outline-brand-background-hover: var(--brand-500);
    --button-outline-brand-border: var(--brand-500);
    --button-outline-brand-border-active: var(--brand-560);
    --button-outline-brand-border-hover: var(--brand-500);
    --button-outline-brand-text: var(--white);
    --button-outline-brand-text-active: var(--white);
    --button-outline-brand-text-hover: var(--white);
    --button-outline-danger-background: hsl(var(--white-hsl)/0);
    --button-outline-danger-background-active: var(--red-460);
    --button-outline-danger-background-hover: var(--red-430);
    --button-outline-danger-border: var(--red-400);
    --button-outline-danger-border-active: var(--red-430);
    --button-outline-danger-border-hover: var(--red-430);
    --button-outline-danger-text: var(--white);
    --button-outline-danger-text-active: var(--white);
    --button-outline-danger-text-hover: var(--white);
    --button-outline-positive-background: hsl(var(--white-hsl)/0);
    --button-outline-positive-background-active: var(--green-530);
    --button-outline-positive-background-hover: var(--green-430);
    --button-outline-positive-border: var(--green-360);
    --button-outline-positive-border-active: var(--green-530);
    --button-outline-positive-border-hover: var(--green-430);
    --button-outline-positive-text: var(--white);
    --button-outline-positive-text-active: var(--white);
    --button-outline-positive-text-hover: var(--white);
    --button-outline-primary-background: hsl(var(--white-hsl)/0);
    --button-outline-primary-background-active: var(--primary-430);
    --button-outline-primary-background-hover: var(--primary-500);
    --button-outline-primary-border: var(--primary-500);
    --button-outline-primary-border-active: var(--primary-430);
    --button-outline-primary-border-hover: var(--primary-500);
    --button-outline-primary-text: var(--white);
    --button-outline-primary-text-active: var(--white);
    --button-outline-primary-text-hover: var(--white);
    --button-positive-background: var(--green-430);
    --button-positive-background-active: var(--green-530);
    --button-positive-background-disabled: var(--green-430);
    --button-positive-background-hover: var(--green-500);
    --button-positive-border: hsl(var(--white-500-hsl)/0);
    --button-secondary-background: var(--primary-500);
    --button-secondary-background-active: var(--primary-400);
    --button-secondary-background-disabled: var(--primary-500);
    --button-secondary-background-hover: var(--primary-430);
    --button-secondary-text: var(--white-500);
    --button-transparent-background: hsl(var(--white-500-hsl)/0.1);
    --button-transparent-background-active: hsl(var(--white-500-hsl)/0.01);
    --button-transparent-background-hover: hsl(var(--white-500-hsl)/0.05);
    --button-transparent-text: var(--primary-130);
    --card-gradient-bg: hsl(var(--black-hsl)/0.4);
    --card-gradient-bg: color-mix(in oklab, hsl(var(--black-hsl)/0.4) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.4) var(--theme-base-color-amount, 0%));
    --card-gradient-pressed-bg: hsl(var(--black-hsl)/0.5);
    --card-gradient-pressed-bg: color-mix(in oklab, hsl(var(--black-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --card-primary-bg: var(--primary-600);
    --card-primary-bg: color-mix(in oklab, var(--primary-600) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --card-primary-pressed-bg: var(--primary-645);
    --card-primary-pressed-bg: color-mix(in oklab, var(--primary-645) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --card-secondary-bg: var(--primary-630);
    --card-secondary-bg: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --card-secondary-pressed-bg: var(--primary-645);
    --card-secondary-pressed-bg: color-mix(in oklab, var(--primary-645) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --channel-icon: var(--primary-400);
    --channel-icon: color-mix(in oklab, var(--primary-400) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --channel-text-area-placeholder: var(--primary-430);
    --channel-text-area-placeholder: color-mix(in oklab, var(--primary-430) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --channels-default: var(--primary-360);
    --channels-default: color-mix(in oklab, var(--primary-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --channeltextarea-background: var(--primary-560);
    --channeltextarea-background: color-mix(in oklab, var(--primary-560) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-background: var(--primary-600);
    --chat-background: color-mix(in oklab, var(--primary-600) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-banner-bg: var(--primary-630);
    --chat-banner-bg: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-border: var(--primary-700);
    --chat-border: color-mix(in oklab, var(--primary-700) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-input-container-background: var(--primary-600);
    --chat-input-container-background: color-mix(in oklab, var(--primary-600) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-background: var(--primary-660);
    --chat-swipe-to-reply-background: color-mix(in oklab, var(--primary-660) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-gradient-background: hsl(var(--black-hsl)/0.1);
    --chat-swipe-to-reply-gradient-background: color-mix(in oklab, hsl(var(--black-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --coachmark-bg: var(--primary-800);
    --coachmark-bg: color-mix(in oklab, var(--primary-800) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --context-menu-backdrop-background: hsl(var(--black-hsl)/0.7);
    --context-menu-backdrop-background: color-mix(in oklab, hsl(var(--black-hsl)/0.7) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.7) var(--theme-base-color-amount, 0%));
    --control-brand-foreground: var(--brand-360);
    --control-brand-foreground: color-mix(in oklab, var(--brand-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --control-brand-foreground-new: var(--brand-360);
    --control-brand-foreground-new: color-mix(in oklab, var(--brand-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --creator-revenue-icon-gradient-end: var(--teal-430);
    --creator-revenue-icon-gradient-end: color-mix(in oklab, var(--teal-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --creator-revenue-icon-gradient-start: var(--teal-360);
    --creator-revenue-icon-gradient-start: color-mix(in oklab, var(--teal-360) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
    --creator-revenue-info-box-background: color-mix(in oklab, hsl(var(--teal-430-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --creator-revenue-info-box-border: var(--teal-400);
    --creator-revenue-info-box-border: color-mix(in oklab, var(--teal-400) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --creator-revenue-locked-channel-icon: var(--teal-345);
    --creator-revenue-locked-channel-icon: color-mix(in oklab, var(--teal-345) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --creator-revenue-progress-bar: var(--teal-400);
    --creator-revenue-progress-bar: color-mix(in oklab, var(--teal-400) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --custom-status-bubble-bg: var(--primary-800);
    --custom-status-bubble-bg: color-mix(in oklab, var(--primary-800) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --deprecated-card-bg: hsl(var(--primary-700-hsl)/0.6);
    --deprecated-card-bg: color-mix(in oklab, hsl(var(--primary-700-hsl)/0.6) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.6) var(--theme-base-color-amount, 0%));
    --deprecated-card-editable-bg: hsl(var(--primary-700-hsl)/0.3);
    --deprecated-card-editable-bg: color-mix(in oklab, hsl(var(--primary-700-hsl)/0.3) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.3) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-bg: var(--primary-700);
    --deprecated-text-input-bg: color-mix(in oklab, var(--primary-700) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border: hsl(var(--black-hsl)/0.3);
    --deprecated-text-input-border: color-mix(in oklab, hsl(var(--black-hsl)/0.3) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.3) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border-disabled: var(--primary-700);
    --deprecated-text-input-border-disabled: color-mix(in oklab, var(--primary-700) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border-hover: var(--primary-900);
    --deprecated-text-input-border-hover: color-mix(in oklab, var(--primary-900) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --display-banner-overflow-background: hsl(var(--primary-700-hsl)/0.5);
    --display-banner-overflow-background: color-mix(in oklab, hsl(var(--primary-700-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --divider-strong: hsl(var(--white-hsl)/0.16);
    --divider-strong: color-mix(in oklab, hsl(var(--white-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --divider-subtle: hsl(var(--white-hsl)/0.08);
    --divider-subtle: color-mix(in oklab, hsl(var(--white-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --embed-background: var(--primary-630);
    --embed-background: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --embed-background-alternate: var(--primary-600);
    --embed-background-alternate: color-mix(in oklab, var(--primary-600) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --embed-title: var(--primary-130);
    --embed-title: color-mix(in oklab, var(--primary-130) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --expression-picker-bg: var(--primary-630);
    --expression-picker-bg: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --focus-primary: var(--blue-345);
    --focus-primary: color-mix(in oklab, var(--blue-345) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --forum-post-extra-media-count-container-background: hsl(var(--primary-660-hsl)/0.8);
    --forum-post-extra-media-count-container-background: color-mix(in oklab, hsl(var(--primary-660-hsl)/0.8) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.8) var(--theme-base-color-amount, 0%));
    --forum-post-tag-background: hsl(var(--primary-660-hsl)/0.9);
    --forum-post-tag-background: color-mix(in oklab, hsl(var(--primary-660-hsl)/0.9) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.9) var(--theme-base-color-amount, 0%));
    --guild-notifications-bottom-sheet-pill-background: var(--primary-700);
    --guild-notifications-bottom-sheet-pill-background: color-mix(in oklab, var(--primary-700) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --header-muted: var(--primary-360);
    --header-muted: color-mix(in oklab, var(--primary-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-primary: var(--primary-130);
    --header-primary: color-mix(in oklab, var(--primary-130) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-secondary: var(--primary-330);
    --header-secondary: color-mix(in oklab, var(--primary-330) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --home-background: var(--primary-645);
    --home-background: color-mix(in oklab, var(--primary-645) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --icon-primary: var(--primary-130);
    --icon-primary: color-mix(in oklab, var(--primary-130) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-secondary: var(--primary-330);
    --icon-secondary: color-mix(in oklab, var(--primary-330) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-danger-background: hsl(var(--red-400-hsl)/0.1);
    --info-danger-background: color-mix(in oklab, hsl(var(--red-400-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --info-danger-foreground: var(--red-400);
    --info-danger-foreground: color-mix(in oklab, var(--red-400) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-danger-text: var(--white);
    --info-danger-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-help-background: hsl(var(--blue-345-hsl)/0.1);
    --info-help-background: color-mix(in oklab, hsl(var(--blue-345-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --info-help-foreground: var(--blue-345);
    --info-help-foreground: color-mix(in oklab, var(--blue-345) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-help-text: var(--white);
    --info-help-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-positive-background: hsl(var(--green-360-hsl)/0.1);
    --info-positive-background: color-mix(in oklab, hsl(var(--green-360-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --info-positive-foreground: var(--green-360);
    --info-positive-foreground: color-mix(in oklab, var(--green-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-positive-text: var(--white);
    --info-positive-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-warning-background: hsl(var(--yellow-300-hsl)/0.1);
    --info-warning-background: color-mix(in oklab, hsl(var(--yellow-300-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --info-warning-foreground: var(--yellow-300);
    --info-warning-foreground: color-mix(in oklab, var(--yellow-300) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-warning-text: var(--white);
    --info-warning-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --input-background: var(--primary-700);
    --input-background: color-mix(in oklab, var(--primary-700) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --input-border: hsl(var(--plum-11-hsl)/0.32);
    --input-border: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.32) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.32) var(--theme-base-color-amount, 0%));
    --input-error-background: hsl(var(--red-500-hsl)/0.12);
    --input-error-background: color-mix(in oklab, hsl(var(--red-500-hsl)/0.12) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.12) var(--theme-base-color-amount, 0%));
    --input-error-border: var(--red-360);
    --input-error-border: color-mix(in oklab, var(--red-360) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --input-error-text: var(--red-260);
    --input-error-text: color-mix(in oklab, var(--red-260) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --input-focused-border: hsl(var(--white-hsl)/0.16);
    --input-focused-border: color-mix(in oklab, hsl(var(--white-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --input-placeholder-text: var(--input-placeholder-text-dark);
    --input-placeholder-text: color-mix(in oklab, var(--input-placeholder-text-dark) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --interactive-active: var(--white);
    --interactive-active: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --interactive-hover: var(--primary-230);
    --interactive-hover: color-mix(in oklab, var(--primary-230) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --interactive-muted: var(--primary-500);
    --interactive-muted: color-mix(in oklab, var(--primary-500) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --interactive-normal: var(--primary-330);
    --interactive-normal: color-mix(in oklab, var(--primary-330) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --leaderboard-league-brand-text: var(--lol-text-light);
    --leaderboard-league-brand-text: color-mix(in oklab, var(--lol-text-light) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl)/0.5);
    --legacy-android-blur-overlay-default: color-mix(in oklab, hsl(var(--primary-660-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --legacy-android-blur-overlay-ultra-thin: hsl(var(--black-hsl)/0.025);
    --legacy-android-blur-overlay-ultra-thin: color-mix(in oklab, hsl(var(--black-hsl)/0.025) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.025) var(--theme-base-color-amount, 0%));
    --legacy-blur-fallback-default: hsl(var(--primary-660-hsl)/0.975);
    --legacy-blur-fallback-default: color-mix(in oklab, hsl(var(--primary-660-hsl)/0.975) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.975) var(--theme-base-color-amount, 0%));
    --legacy-blur-fallback-ultra-thin: hsl(var(--black-hsl)/0.95);
    --legacy-blur-fallback-ultra-thin: color-mix(in oklab, hsl(var(--black-hsl)/0.95) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.95) var(--theme-base-color-amount, 0%));
    --live-stage-tile-border: hsl(var(--primary-500-hsl)/0.6);
    --live-stage-tile-border: color-mix(in oklab, hsl(var(--primary-500-hsl)/0.6) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.6) var(--theme-base-color-amount, 0%));
    --logo-primary: var(--white);
    --logo-primary: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --mention-background: hsl(var(--brand-500-hsl)/0.3);
    --mention-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.3) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.3) var(--theme-base-color-amount, 0%));
    --mention-foreground: var(--brand-260);
    --mention-foreground: color-mix(in oklab, var(--brand-260) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --modal-background: var(--primary-600);
    --modal-background: color-mix(in oklab, var(--primary-600) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --modal-footer-background: var(--primary-630);
    --modal-footer-background: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --navigator-header-tint: var(--white);
    --navigator-header-tint: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --panel-bg: var(--primary-600);
    --panel-bg: color-mix(in oklab, var(--primary-600) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --polls-normal-fill-hover: var(--primary-600);
    --polls-normal-fill-hover: color-mix(in oklab, var(--primary-600) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --polls-normal-image-background: var(--primary-660);
    --polls-normal-image-background: color-mix(in oklab, var(--primary-660) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --polls-victor-fill: hsl(var(--green-360-hsl)/0.2);
    --polls-victor-fill: color-mix(in oklab, hsl(var(--green-360-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
    --polls-voted-fill: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --premium-nitro-pink-text: var(--premium-nitro-pink-light);
    --premium-nitro-pink-text: color-mix(in oklab, var(--premium-nitro-pink-light) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --profile-gradient-message-input-border: hsl(var(--primary-500-hsl)/0.48);
    --profile-gradient-message-input-border: color-mix(in oklab, hsl(var(--primary-500-hsl)/0.48) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.48) var(--theme-base-color-amount, 0%));
    --profile-gradient-note-background: hsl(var(--black-hsl)/0.3);
    --profile-gradient-note-background: color-mix(in oklab, hsl(var(--black-hsl)/0.3) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.3) var(--theme-base-color-amount, 0%));
    --profile-gradient-overlay: hsl(var(--black-hsl)/0.6);
    --profile-gradient-overlay: color-mix(in oklab, hsl(var(--black-hsl)/0.6) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.6) var(--theme-base-color-amount, 0%));
    --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-hsl)/0.8);
    --profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab, hsl(var(--black-hsl)/0.8) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.8) var(--theme-base-color-amount, 0%));
    --profile-gradient-profile-body-background-hover: hsl(var(--white-hsl)/0.16);
    --profile-gradient-profile-body-background-hover: color-mix(in oklab, hsl(var(--white-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5);
    --profile-gradient-role-pill-background: color-mix(in oklab, hsl(var(--primary-660-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --profile-gradient-role-pill-border: hsl(var(--white-hsl)/0.2);
    --profile-gradient-role-pill-border: color-mix(in oklab, hsl(var(--white-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --profile-gradient-section-box: hsl(var(--black-hsl)/0.45);
    --profile-gradient-section-box: color-mix(in oklab, hsl(var(--black-hsl)/0.45) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.45) var(--theme-base-color-amount, 0%));
    --redesign-activity-card-badge-icon: var(--primary-360);
    --redesign-activity-card-badge-icon: color-mix(in oklab, var(--primary-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-active-background: var(--green-430);
    --redesign-button-active-background: color-mix(in oklab, var(--green-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-active-pressed-background: var(--green-460);
    --redesign-button-active-pressed-background: color-mix(in oklab, var(--green-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-active-text: var(--white);
    --redesign-button-active-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-danger-background: var(--red-430);
    --redesign-button-danger-background: color-mix(in oklab, var(--red-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-pressed-background: var(--red-460);
    --redesign-button-danger-pressed-background: color-mix(in oklab, var(--red-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-text: var(--white);
    --redesign-button-danger-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-destructive-background: var(--red-430);
    --redesign-button-destructive-background: color-mix(in oklab, var(--red-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-pressed-background: var(--red-460);
    --redesign-button-destructive-pressed-background: color-mix(in oklab, var(--red-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-text: var(--white);
    --redesign-button-destructive-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-alpha-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-overlay-alpha-background: color-mix(in oklab, hsl(var(--black-hsl)/0.54) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-overlay-alpha-pressed-background: color-mix(in oklab, hsl(var(--black-hsl)/0.64) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-text: var(--white);
    --redesign-button-overlay-alpha-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-background: var(--white);
    --redesign-button-overlay-background: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-text: var(--primary-860);
    --redesign-button-overlay-text: color-mix(in oklab, var(--primary-860) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-positive-background: var(--green-430);
    --redesign-button-positive-background: color-mix(in oklab, var(--green-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-pressed-background: var(--green-460);
    --redesign-button-positive-pressed-background: color-mix(in oklab, var(--green-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-text: var(--white);
    --redesign-button-positive-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-background: hsl(var(--brand-500-hsl)/0);
    --redesign-button-primary-alt-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-border: var(--brand-360);
    --redesign-button-primary-alt-border: color-mix(in oklab, var(--brand-360) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl)/0);
    --redesign-button-primary-alt-on-blurple-background: color-mix(in oklab, hsl(var(--brand-530-hsl)/0) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-border: var(--white);
    --redesign-button-primary-alt-on-blurple-border: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
    --redesign-button-primary-alt-on-blurple-pressed-background: color-mix(in oklab, var(--brand-530) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
    --redesign-button-primary-alt-on-blurple-pressed-border: color-mix(in oklab, var(--brand-360) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-text: var(--white);
    --redesign-button-primary-alt-on-blurple-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-pressed-background: hsl(var(--brand-700-hsl)/0.16);
    --redesign-button-primary-alt-pressed-background: color-mix(in oklab, hsl(var(--brand-700-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-border: hsl(var(--brand-400-hsl)/0.5);
    --redesign-button-primary-alt-pressed-border: color-mix(in oklab, hsl(var(--brand-400-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-text: var(--brand-360);
    --redesign-button-primary-alt-pressed-text: color-mix(in oklab, var(--brand-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-text: var(--brand-360);
    --redesign-button-primary-alt-text: color-mix(in oklab, var(--brand-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-background: var(--brand-500);
    --redesign-button-primary-background: color-mix(in oklab, var(--brand-500) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
    --redesign-button-primary-on-blurple-pressed-text: color-mix(in oklab, var(--brand-530) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-overlay-background: var(--white);
    --redesign-button-primary-overlay-background: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-pressed-background: var(--primary-230);
    --redesign-button-primary-overlay-pressed-background: color-mix(in oklab, var(--primary-230) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-text: var(--primary-860);
    --redesign-button-primary-overlay-text: color-mix(in oklab, var(--primary-860) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-pressed-background: var(--brand-560);
    --redesign-button-primary-pressed-background: color-mix(in oklab, var(--brand-560) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-text: var(--white);
    --redesign-button-primary-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-background: var(--primary-460);
    --redesign-button-secondary-background: color-mix(in oklab, var(--primary-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-border: hsl(var(--white-hsl)/0.08);
    --redesign-button-secondary-border: color-mix(in oklab, hsl(var(--white-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-secondary-overlay-background: color-mix(in oklab, hsl(var(--black-hsl)/0.54) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-secondary-overlay-pressed-background: color-mix(in oklab, hsl(var(--black-hsl)/0.64) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-text: var(--white);
    --redesign-button-secondary-overlay-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-pressed-background: var(--primary-500);
    --redesign-button-secondary-pressed-background: color-mix(in oklab, var(--primary-500) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-pressed-border: hsl(var(--transparent-hsl)/0);
    --redesign-button-secondary-pressed-border: color-mix(in oklab, hsl(var(--transparent-hsl)/0) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-text: var(--primary-230);
    --redesign-button-secondary-text: color-mix(in oklab, var(--primary-230) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-selected-background: hsl(var(--brand-500-hsl)/0.24);
    --redesign-button-selected-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.24) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.24) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-pressed-background: hsl(var(--brand-500-hsl)/0.28);
    --redesign-button-selected-pressed-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.28) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.28) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-text: var(--brand-500);
    --redesign-button-selected-text: color-mix(in oklab, var(--brand-500) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-background: var(--primary-660);
    --redesign-button-tertiary-background: color-mix(in oklab, var(--primary-660) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-background: var(--primary-560);
    --redesign-button-tertiary-pressed-background: color-mix(in oklab, var(--primary-560) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-text: var(--primary-330);
    --redesign-button-tertiary-pressed-text: color-mix(in oklab, var(--primary-330) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-text: var(--primary-230);
    --redesign-button-tertiary-text: color-mix(in oklab, var(--primary-230) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-muted-text: var(--primary-360);
    --redesign-channel-name-muted-text: color-mix(in oklab, var(--primary-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-text: var(--primary-130);
    --redesign-channel-name-text: color-mix(in oklab, var(--primary-130) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-chat-input-background: var(--primary-700);
    --redesign-chat-input-background: color-mix(in oklab, var(--primary-700) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-image-button-pressed-background: hsl(var(--black-hsl)/0.08);
    --redesign-image-button-pressed-background: color-mix(in oklab, hsl(var(--black-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --redesign-input-control-active-bg: var(--primary-645);
    --redesign-input-control-active-bg: color-mix(in oklab, var(--primary-645) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-input-control-selected: var(--brand-500);
    --redesign-input-control-selected: color-mix(in oklab, var(--brand-500) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-thumb: var(--primary-730);
    --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab, var(--primary-730) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-track: var(--primary-630);
    --scrollbar-auto-scrollbar-color-track: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-thumb: var(--primary-730);
    --scrollbar-auto-thumb: color-mix(in oklab, var(--primary-730) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-track: var(--primary-630);
    --scrollbar-auto-track: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-thumb: var(--primary-730);
    --scrollbar-thin-thumb: color-mix(in oklab, var(--primary-730) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-track: hsl(var(--black-hsl)/0);
    --scrollbar-thin-track: color-mix(in oklab, hsl(var(--black-hsl)/0) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0) var(--theme-base-color-amount, 0%));
    --spoiler-hidden-background: var(--primary-700);
    --spoiler-hidden-background: color-mix(in oklab, var(--primary-700) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --spoiler-revealed-background: var(--primary-660);
    --spoiler-revealed-background: color-mix(in oklab, var(--primary-660) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --stage-card-pill-bg: var(--primary-630);
    --stage-card-pill-bg: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --status-danger: var(--red-400);
    --status-danger-background: var(--red-430);
    --status-danger-text: var(--white);
    --status-dnd: var(--red-400);
    --status-idle: var(--yellow-300);
    --status-offline: var(--primary-360);
    --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);
    --text-brand: var(--brand-360);
    --text-brand: color-mix(in oklab, var(--brand-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-danger: var(--red-345);
    --text-danger: color-mix(in oklab, var(--red-345) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-link: var(--blue-345);
    --text-link: color-mix(in oklab, var(--blue-345) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-link-low-saturation: var(--blue-330);
    --text-link-low-saturation: color-mix(in oklab, var(--blue-330) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-low-contrast: var(--primary-360);
    --text-low-contrast: color-mix(in oklab, var(--primary-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-message-preview-low-sat: var(--primary-360);
    --text-message-preview-low-sat: color-mix(in oklab, var(--primary-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-muted: var(--primary-360);
    --text-muted: color-mix(in oklab, var(--primary-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-muted-on-default: var(--primary-330);
    --text-muted-on-default: color-mix(in oklab, var(--primary-330) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-normal: var(--primary-230);
    --text-normal: color-mix(in oklab, var(--primary-230) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-positive: var(--green-330);
    --text-positive: color-mix(in oklab, var(--green-330) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-primary: var(--primary-230);
    --text-primary: color-mix(in oklab, var(--primary-230) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-secondary: var(--primary-330);
    --text-secondary: color-mix(in oklab, var(--primary-330) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-warning: var(--yellow-300);
    --text-warning: color-mix(in oklab, var(--yellow-300) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --textbox-markdown-syntax: var(--primary-360);
    --textbox-markdown-syntax: color-mix(in oklab, var(--primary-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --thread-channel-spine: var(--primary-500);
    --thread-channel-spine: color-mix(in oklab, var(--primary-500) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --toast-bg: var(--primary-800);
    --toast-bg: color-mix(in oklab, var(--primary-800) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --typing-indicator-bg: var(--primary-630);
    --typing-indicator-bg: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --user-profile-header-overflow-background: hsl(var(--primary-700-hsl)/0.5);
    --user-profile-header-overflow-background: color-mix(in oklab, hsl(var(--primary-700-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%))
}

.theme-dark,
.theme-light {
    --badge-brand-bg: var(--brand-260);
    --badge-brand-text: var(--brand-560);
    --content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl)/0.24);
    --content-inventory-media-seekbar-container: color-mix(in oklab, hsl(var(--plum-6-hsl)/0.24) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.24) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-text-primary: hsl(var(--white-hsl)/0.85);
    --content-inventory-overlay-text-primary: color-mix(in oklab, hsl(var(--white-hsl)/0.85) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.85) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-text-secondary: hsl(var(--white-hsl)/0.7);
    --content-inventory-overlay-text-secondary: color-mix(in oklab, hsl(var(--white-hsl)/0.7) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.7) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-ui-mod: hsl(var(--white-hsl)/0.7);
    --content-inventory-overlay-ui-mod: color-mix(in oklab, hsl(var(--white-hsl)/0.7) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.7) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-ui-mod-bg: hsl(var(--black-hsl)/0.1);
    --content-inventory-overlay-ui-mod-bg: color-mix(in oklab, hsl(var(--black-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --icon-muted: var(--primary-400);
    --icon-muted: color-mix(in oklab, var(--primary-400) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-transparent: hsl(var(--transparent-hsl)/0);
    --icon-transparent: color-mix(in oklab, hsl(var(--transparent-hsl)/0) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0) var(--theme-text-color-amount, 0%));
    --info-box-background: hsl(var(--blue-345-hsl)/0.1);
    --info-box-background: color-mix(in oklab, hsl(var(--blue-345-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --menu-item-danger-active-bg: var(--red-530);
    --menu-item-danger-active-bg: color-mix(in oklab, var(--red-530) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --menu-item-danger-hover-bg: var(--red-430);
    --menu-item-danger-hover-bg: color-mix(in oklab, var(--red-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --menu-item-default-active-bg: var(--brand-560);
    --menu-item-default-active-bg: color-mix(in oklab, var(--brand-560) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --menu-item-default-hover-bg: var(--brand-500);
    --menu-item-default-hover-bg: color-mix(in oklab, var(--brand-500) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --theme-locked-blur-fallback: hsl(var(--primary-700-hsl)/0.96);
    --theme-locked-blur-fallback: color-mix(in oklab, hsl(var(--primary-700-hsl)/0.96) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.96) var(--theme-base-color-amount, 0%));
    --voice-video-video-tile-background: hsl(var(--plum-17-hsl)/0.4);
    --voice-video-video-tile-background: color-mix(in oklab, hsl(var(--plum-17-hsl)/0.4) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.4) var(--theme-base-color-amount, 0%));
    --voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl)/0.48);
    --voice-video-video-tile-blur-fallback: color-mix(in oklab, hsl(var(--primary-700-hsl)/0.48) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.48) var(--theme-base-color-amount, 0%))
}

.theme-light {
    --action-sheet-gradient-bg: var(--primary-130);
    --action-sheet-gradient-bg: color-mix(in oklab, var(--primary-130) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --activity-card-background: var(--white);
    --activity-card-background: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --activity-card-icon-overlay: hsl(var(--primary-600-hsl)/0.85);
    --activity-card-icon-overlay: color-mix(in oklab, hsl(var(--primary-600-hsl)/0.85) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.85) var(--theme-base-color-amount, 0%));
    --alert-bg: var(--white);
    --alert-bg: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --android-navigation-bar-background: var(--primary-100);
    --android-navigation-bar-background: color-mix(in oklab, var(--primary-100) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --android-navigation-scrim-background: hsl(var(--primary-100-hsl)/0.5);
    --android-navigation-scrim-background: color-mix(in oklab, hsl(var(--primary-100-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --android-ripple: hsl(var(--black-hsl)/0.12);
    --android-ripple: color-mix(in oklab, hsl(var(--black-hsl)/0.12) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.12) var(--theme-base-color-amount, 0%));
    --autocomplete-bg: var(--primary-100);
    --autocomplete-bg: color-mix(in oklab, var(--primary-100) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-accent: var(--primary-430);
    --background-accent: color-mix(in oklab, var(--primary-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-floating: var(--white);
    --background-floating: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-mentioned: hsl(var(--yellow-300-hsl)/0.1);
    --background-mentioned: color-mix(in oklab, hsl(var(--yellow-300-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.2);
    --background-mentioned-hover: color-mix(in oklab, hsl(var(--yellow-300-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --background-message-automod: hsl(var(--red-400-hsl)/0.05);
    --background-message-automod: color-mix(in oklab, hsl(var(--red-400-hsl)/0.05) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.05) var(--theme-base-color-amount, 0%));
    --background-message-automod-hover: hsl(var(--red-400-hsl)/0.1);
    --background-message-automod-hover: color-mix(in oklab, hsl(var(--red-400-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --background-message-highlight: hsl(var(--brand-360-hsl)/0.1);
    --background-message-highlight: color-mix(in oklab, hsl(var(--brand-360-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.2);
    --background-message-highlight-hover: color-mix(in oklab, hsl(var(--brand-360-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --background-message-hover: hsl(var(--primary-900-hsl)/0.03);
    --background-message-hover: color-mix(in oklab, hsl(var(--primary-900-hsl)/0.03) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.03) var(--theme-base-color-amount, 0%));
    --background-mobile-primary: var(--primary-100);
    --background-mobile-primary: color-mix(in oklab, var(--primary-100) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-mobile-secondary: var(--white);
    --background-mobile-secondary: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-modifier-accent: hsl(var(--primary-400-hsl)/0.24);
    --background-modifier-accent: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.24) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.24) var(--theme-base-color-amount, 0%));
    --background-modifier-active: hsl(var(--primary-400-hsl)/0.2);
    --background-modifier-active: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --background-modifier-hover: hsl(var(--primary-400-hsl)/0.16);
    --background-modifier-hover: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --background-modifier-selected: hsl(var(--primary-400-hsl)/0.24);
    --background-modifier-selected: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.24) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.24) var(--theme-base-color-amount, 0%));
    --background-nested-floating: var(--white);
    --background-nested-floating: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-primary: var(--white);
    --background-primary: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-secondary: var(--primary-130);
    --background-secondary: color-mix(in oklab, var(--primary-130) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-secondary-alt: var(--primary-160);
    --background-secondary-alt: color-mix(in oklab, var(--primary-160) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-tertiary: var(--primary-200);
    --background-tertiary: color-mix(in oklab, var(--primary-200) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-backdrop: hsl(var(--black-hsl)/0.54);
    --bg-backdrop: color-mix(in oklab, hsl(var(--black-hsl)/0.54) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.54) var(--theme-base-color-amount, 0%));
    --bg-backdrop-immersive: hsl(var(--black-hsl)/0.8);
    --bg-backdrop-immersive: color-mix(in oklab, hsl(var(--black-hsl)/0.8) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.8) var(--theme-base-color-amount, 0%));
    --bg-backdrop-no-opacity: var(--black);
    --bg-backdrop-no-opacity: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-primary: var(--white);
    --bg-base-primary: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: var(--primary-130);
    --bg-base-secondary: color-mix(in oklab, var(--primary-130) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: var(--primary-160);
    --bg-base-tertiary: color-mix(in oklab, var(--primary-160) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-brand: var(--brand-500);
    --bg-mod-faint: hsl(var(--primary-400-hsl)/0.08);
    --bg-mod-faint: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --bg-mod-strong: hsl(var(--primary-400-hsl)/0.24);
    --bg-mod-strong: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.24) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.24) var(--theme-base-color-amount, 0%));
    --bg-mod-subtle: hsl(var(--primary-400-hsl)/0.16);
    --bg-mod-subtle: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay: var(--white);
    --bg-surface-overlay: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay-tmp: var(--primary-130);
    --bg-surface-overlay-tmp: color-mix(in oklab, var(--primary-130) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-surface-raised: var(--white);
    --bg-surface-raised: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --blur-fallback: hsl(var(--primary-530-hsl)/0.96);
    --blur-fallback: color-mix(in oklab, hsl(var(--primary-530-hsl)/0.96) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.96) var(--theme-base-color-amount, 0%));
    --blur-fallback-pressed: hsl(var(--primary-560-hsl)/0.96);
    --blur-fallback-pressed: color-mix(in oklab, hsl(var(--primary-560-hsl)/0.96) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.96) var(--theme-base-color-amount, 0%));
    --border-faint: hsl(var(--black-hsl)/0.04);
    --border-faint: color-mix(in oklab, hsl(var(--black-hsl)/0.04) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.04) var(--theme-base-color-amount, 0%));
    --border-normal: hsl(var(--opacity-8-hsl)/0.28);
    --border-normal: color-mix(in oklab, hsl(var(--opacity-8-hsl)/0.28) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.28) var(--theme-base-color-amount, 0%));
    --border-strong: hsl(var(--black-hsl)/0.16);
    --border-strong: color-mix(in oklab, hsl(var(--black-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --border-subtle: hsl(var(--black-hsl)/0.08);
    --border-subtle: color-mix(in oklab, hsl(var(--black-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --bug-reporter-modal-submitting-background: hsl(var(--white-hsl)/0.6);
    --bug-reporter-modal-submitting-background: color-mix(in oklab, hsl(var(--white-hsl)/0.6) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.6) var(--theme-base-color-amount, 0%));
    --button-creator-revenue-background: var(--teal-430);
    --button-danger-background: var(--red-430);
    --button-danger-background-active: var(--red-530);
    --button-danger-background-disabled: var(--red-430);
    --button-danger-background-hover: var(--red-500);
    --button-danger-border: hsl(var(--white-500-hsl)/0);
    --button-filled-brand-background: var(--brand-500);
    --button-filled-brand-background-active: var(--brand-600);
    --button-filled-brand-background-hover: var(--brand-560);
    --button-filled-brand-border: hsl(var(--white-500-hsl)/0);
    --button-filled-brand-inverted-background: var(--white);
    --button-filled-brand-inverted-background-active: var(--brand-200);
    --button-filled-brand-inverted-background-hover: var(--brand-100);
    --button-filled-brand-inverted-text: var(--brand-500);
    --button-filled-brand-text: var(--white);
    --button-filled-white-background: var(--white-500);
    --button-filled-white-background-active: var(--white-500);
    --button-filled-white-background-hover: var(--white-500);
    --button-filled-white-text: var(--primary-500);
    --button-outline-brand-background: hsl(var(--white-hsl)/0);
    --button-outline-brand-background-active: var(--brand-560);
    --button-outline-brand-background-hover: var(--brand-500);
    --button-outline-brand-border: var(--brand-500);
    --button-outline-brand-border-active: var(--brand-560);
    --button-outline-brand-border-hover: var(--brand-500);
    --button-outline-brand-text: var(--black);
    --button-outline-brand-text-active: var(--white);
    --button-outline-brand-text-hover: var(--white);
    --button-outline-danger-background: hsl(var(--white-hsl)/0);
    --button-outline-danger-background-active: var(--red-460);
    --button-outline-danger-background-hover: var(--red-430);
    --button-outline-danger-border: var(--red-430);
    --button-outline-danger-border-active: var(--red-430);
    --button-outline-danger-border-hover: var(--red-430);
    --button-outline-danger-text: var(--black);
    --button-outline-danger-text-active: var(--white);
    --button-outline-danger-text-hover: var(--white);
    --button-outline-positive-background: hsl(var(--white-hsl)/0);
    --button-outline-positive-background-active: var(--green-530);
    --button-outline-positive-background-hover: var(--green-430);
    --button-outline-positive-border: var(--green-400);
    --button-outline-positive-border-active: var(--green-530);
    --button-outline-positive-border-hover: var(--green-430);
    --button-outline-positive-text: var(--black);
    --button-outline-positive-text-active: var(--white);
    --button-outline-positive-text-hover: var(--white);
    --button-outline-primary-background: hsl(var(--white-hsl)/0);
    --button-outline-primary-background-active: var(--primary-600);
    --button-outline-primary-background-hover: var(--primary-530);
    --button-outline-primary-border: var(--primary-530);
    --button-outline-primary-border-active: var(--primary-600);
    --button-outline-primary-border-hover: var(--primary-530);
    --button-outline-primary-text: var(--black);
    --button-outline-primary-text-active: var(--white);
    --button-outline-primary-text-hover: var(--white);
    --button-positive-background: var(--green-430);
    --button-positive-background-active: var(--green-530);
    --button-positive-background-disabled: var(--green-430);
    --button-positive-background-hover: var(--green-530);
    --button-positive-border: hsl(var(--white-500-hsl)/0);
    --button-secondary-background: var(--primary-430);
    --button-secondary-background-active: var(--primary-530);
    --button-secondary-background-disabled: var(--primary-430);
    --button-secondary-background-hover: var(--primary-500);
    --button-secondary-text: var(--white-500);
    --button-transparent-background: hsl(var(--primary-400-hsl)/0.01);
    --button-transparent-background-active: hsl(var(--primary-400-hsl)/0.25);
    --button-transparent-background-hover: hsl(var(--primary-400-hsl)/0.2);
    --button-transparent-text: var(--primary-860);
    --card-gradient-bg: hsl(var(--white-hsl)/0.7);
    --card-gradient-bg: color-mix(in oklab, hsl(var(--white-hsl)/0.7) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.7) var(--theme-base-color-amount, 0%));
    --card-gradient-pressed-bg: hsl(var(--white-hsl)/0.5);
    --card-gradient-pressed-bg: color-mix(in oklab, hsl(var(--white-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --card-primary-bg: var(--white);
    --card-primary-bg: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --card-primary-pressed-bg: var(--primary-160);
    --card-primary-pressed-bg: color-mix(in oklab, var(--primary-160) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --card-secondary-bg: var(--white);
    --card-secondary-bg: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --card-secondary-pressed-bg: var(--primary-160);
    --card-secondary-pressed-bg: color-mix(in oklab, var(--primary-160) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --channel-icon: var(--primary-430);
    --channel-icon: color-mix(in oklab, var(--primary-430) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --channel-text-area-placeholder: var(--primary-400);
    --channel-text-area-placeholder: color-mix(in oklab, var(--primary-400) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --channels-default: var(--primary-460);
    --channels-default: color-mix(in oklab, var(--primary-460) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --channeltextarea-background: var(--primary-160);
    --channeltextarea-background: color-mix(in oklab, var(--primary-160) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-background: var(--white);
    --chat-background: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-banner-bg: var(--primary-130);
    --chat-banner-bg: color-mix(in oklab, var(--primary-130) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-border: var(--primary-200);
    --chat-border: color-mix(in oklab, var(--primary-200) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-input-container-background: var(--white);
    --chat-input-container-background: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-background: var(--primary-160);
    --chat-swipe-to-reply-background: color-mix(in oklab, var(--primary-160) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-gradient-background: hsl(var(--white-hsl)/0.4);
    --chat-swipe-to-reply-gradient-background: color-mix(in oklab, hsl(var(--white-hsl)/0.4) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.4) var(--theme-base-color-amount, 0%));
    --coachmark-bg: var(--white);
    --coachmark-bg: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --context-menu-backdrop-background: hsl(var(--black-hsl)/0.54);
    --context-menu-backdrop-background: color-mix(in oklab, hsl(var(--black-hsl)/0.54) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.54) var(--theme-base-color-amount, 0%));
    --control-brand-foreground: var(--brand-500);
    --control-brand-foreground: color-mix(in oklab, var(--brand-500) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --control-brand-foreground-new: var(--brand-500);
    --control-brand-foreground-new: color-mix(in oklab, var(--brand-500) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --creator-revenue-icon-gradient-end: var(--teal-400);
    --creator-revenue-icon-gradient-end: color-mix(in oklab, var(--teal-400) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --creator-revenue-icon-gradient-start: var(--teal-345);
    --creator-revenue-icon-gradient-start: color-mix(in oklab, var(--teal-345) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
    --creator-revenue-info-box-background: color-mix(in oklab, hsl(var(--teal-430-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --creator-revenue-info-box-border: var(--teal-400);
    --creator-revenue-info-box-border: color-mix(in oklab, var(--teal-400) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --creator-revenue-locked-channel-icon: var(--teal-400);
    --creator-revenue-locked-channel-icon: color-mix(in oklab, var(--teal-400) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --creator-revenue-progress-bar: var(--teal-345);
    --creator-revenue-progress-bar: color-mix(in oklab, var(--teal-345) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --custom-status-bubble-bg: var(--white);
    --custom-status-bubble-bg: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --deprecated-card-bg: var(--primary-100);
    --deprecated-card-bg: color-mix(in oklab, var(--primary-100) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --deprecated-card-editable-bg: hsl(var(--primary-100-hsl)/0.6);
    --deprecated-card-editable-bg: color-mix(in oklab, hsl(var(--primary-100-hsl)/0.6) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.6) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-bg: var(--primary-200);
    --deprecated-text-input-bg: color-mix(in oklab, var(--primary-200) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border: hsl(var(--primary-500-hsl)/0.3);
    --deprecated-text-input-border: color-mix(in oklab, hsl(var(--primary-500-hsl)/0.3) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.3) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border-disabled: var(--primary-200);
    --deprecated-text-input-border-disabled: color-mix(in oklab, var(--primary-200) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border-hover: var(--primary-300);
    --deprecated-text-input-border-hover: color-mix(in oklab, var(--primary-300) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --display-banner-overflow-background: hsl(var(--white-hsl)/0.5);
    --display-banner-overflow-background: color-mix(in oklab, hsl(var(--white-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --divider-strong: hsl(var(--black-hsl)/0.16);
    --divider-strong: color-mix(in oklab, hsl(var(--black-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --divider-subtle: hsl(var(--black-hsl)/0.08);
    --divider-subtle: color-mix(in oklab, hsl(var(--black-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --embed-background: var(--primary-130);
    --embed-background: color-mix(in oklab, var(--primary-130) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --embed-background-alternate: var(--primary-200);
    --embed-background-alternate: color-mix(in oklab, var(--primary-200) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --embed-title: var(--primary-860);
    --embed-title: color-mix(in oklab, var(--primary-860) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --expression-picker-bg: var(--primary-130);
    --expression-picker-bg: color-mix(in oklab, var(--primary-130) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --focus-primary: var(--blue-360);
    --focus-primary: color-mix(in oklab, var(--blue-360) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --forum-post-extra-media-count-container-background: hsl(var(--primary-160-hsl)/0.8);
    --forum-post-extra-media-count-container-background: color-mix(in oklab, hsl(var(--primary-160-hsl)/0.8) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.8) var(--theme-base-color-amount, 0%));
    --forum-post-tag-background: hsl(var(--primary-160-hsl)/0.9);
    --forum-post-tag-background: color-mix(in oklab, hsl(var(--primary-160-hsl)/0.9) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.9) var(--theme-base-color-amount, 0%));
    --guild-notifications-bottom-sheet-pill-background: var(--white);
    --guild-notifications-bottom-sheet-pill-background: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --header-muted: var(--primary-460);
    --header-muted: color-mix(in oklab, var(--primary-460) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-primary: var(--primary-860);
    --header-primary: color-mix(in oklab, var(--primary-860) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-secondary: var(--primary-500);
    --header-secondary: color-mix(in oklab, var(--primary-500) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --home-background: var(--primary-100);
    --home-background: color-mix(in oklab, var(--primary-100) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --icon-primary: var(--primary-860);
    --icon-primary: color-mix(in oklab, var(--primary-860) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-secondary: var(--primary-500);
    --icon-secondary: color-mix(in oklab, var(--primary-500) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-danger-background: hsl(var(--red-430-hsl)/0.1);
    --info-danger-background: color-mix(in oklab, hsl(var(--red-430-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --info-danger-foreground: var(--red-430);
    --info-danger-foreground: color-mix(in oklab, var(--red-430) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-danger-text: var(--black);
    --info-danger-text: color-mix(in oklab, var(--black) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-help-background: hsl(var(--blue-430-hsl)/0.1);
    --info-help-background: color-mix(in oklab, hsl(var(--blue-430-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --info-help-foreground: var(--blue-430);
    --info-help-foreground: color-mix(in oklab, var(--blue-430) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-help-text: var(--black);
    --info-help-text: color-mix(in oklab, var(--black) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-positive-background: hsl(var(--green-400-hsl)/0.05);
    --info-positive-background: color-mix(in oklab, hsl(var(--green-400-hsl)/0.05) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.05) var(--theme-base-color-amount, 0%));
    --info-positive-foreground: var(--green-400);
    --info-positive-foreground: color-mix(in oklab, var(--green-400) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-positive-text: var(--black);
    --info-positive-text: color-mix(in oklab, var(--black) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-warning-background: hsl(var(--yellow-400-hsl)/0.1);
    --info-warning-background: color-mix(in oklab, hsl(var(--yellow-400-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --info-warning-foreground: var(--yellow-400);
    --info-warning-foreground: color-mix(in oklab, var(--yellow-400) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-warning-text: var(--black);
    --info-warning-text: color-mix(in oklab, var(--black) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --input-background: hsl(var(--black-hsl)/0.08);
    --input-background: color-mix(in oklab, hsl(var(--black-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --input-border: hsl(var(--plum-11-hsl)/0.32);
    --input-border: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.32) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.32) var(--theme-base-color-amount, 0%));
    --input-error-background: hsl(var(--red-500-hsl)/0.12);
    --input-error-background: color-mix(in oklab, hsl(var(--red-500-hsl)/0.12) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.12) var(--theme-base-color-amount, 0%));
    --input-error-border: var(--red-360);
    --input-error-border: color-mix(in oklab, var(--red-360) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --input-error-text: var(--red-700);
    --input-error-text: color-mix(in oklab, var(--red-700) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --input-focused-border: hsl(var(--black-hsl)/0.16);
    --input-focused-border: color-mix(in oklab, hsl(var(--black-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --input-placeholder-text: var(--primary-460);
    --input-placeholder-text: color-mix(in oklab, var(--primary-460) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --interactive-active: var(--primary-860);
    --interactive-active: color-mix(in oklab, var(--primary-860) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --interactive-hover: var(--primary-600);
    --interactive-hover: color-mix(in oklab, var(--primary-600) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --interactive-muted: var(--primary-300);
    --interactive-muted: color-mix(in oklab, var(--primary-300) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --interactive-normal: var(--primary-500);
    --interactive-normal: color-mix(in oklab, var(--primary-500) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --leaderboard-league-brand-text: var(--lol-text-dark);
    --leaderboard-league-brand-text: color-mix(in oklab, var(--lol-text-dark) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --legacy-android-blur-overlay-default: hsl(var(--primary-130-hsl)/0.1);
    --legacy-android-blur-overlay-default: color-mix(in oklab, hsl(var(--primary-130-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --legacy-android-blur-overlay-ultra-thin: hsl(var(--white-hsl)/0.25);
    --legacy-android-blur-overlay-ultra-thin: color-mix(in oklab, hsl(var(--white-hsl)/0.25) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.25) var(--theme-base-color-amount, 0%));
    --legacy-blur-fallback-default: hsl(var(--primary-230-hsl)/0.975);
    --legacy-blur-fallback-default: color-mix(in oklab, hsl(var(--primary-230-hsl)/0.975) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.975) var(--theme-base-color-amount, 0%));
    --legacy-blur-fallback-ultra-thin: hsl(var(--white-hsl)/0.95);
    --legacy-blur-fallback-ultra-thin: color-mix(in oklab, hsl(var(--white-hsl)/0.95) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.95) var(--theme-base-color-amount, 0%));
    --live-stage-tile-border: hsl(var(--primary-430-hsl)/0.15);
    --live-stage-tile-border: color-mix(in oklab, hsl(var(--primary-430-hsl)/0.15) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.15) var(--theme-base-color-amount, 0%));
    --logo-primary: var(--brand-500);
    --logo-primary: color-mix(in oklab, var(--brand-500) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --mention-background: hsl(var(--brand-500-hsl)/0.15);
    --mention-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.15) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.15) var(--theme-base-color-amount, 0%));
    --mention-foreground: var(--brand-560);
    --mention-foreground: color-mix(in oklab, var(--brand-560) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --modal-background: var(--white);
    --modal-background: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --modal-footer-background: var(--primary-130);
    --modal-footer-background: color-mix(in oklab, var(--primary-130) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --navigator-header-tint: var(--primary-500);
    --navigator-header-tint: color-mix(in oklab, var(--primary-500) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --panel-bg: var(--white);
    --panel-bg: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --polls-normal-fill-hover: var(--primary-230);
    --polls-normal-fill-hover: color-mix(in oklab, var(--primary-230) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --polls-normal-image-background: var(--white);
    --polls-normal-image-background: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --polls-victor-fill: hsl(var(--green-400-hsl)/0.2);
    --polls-victor-fill: color-mix(in oklab, hsl(var(--green-400-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
    --polls-voted-fill: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --premium-nitro-pink-text: var(--premium-nitro-pink-dark);
    --premium-nitro-pink-text: color-mix(in oklab, var(--premium-nitro-pink-dark) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --profile-gradient-message-input-border: hsl(var(--primary-430-hsl)/0.24);
    --profile-gradient-message-input-border: color-mix(in oklab, hsl(var(--primary-430-hsl)/0.24) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.24) var(--theme-base-color-amount, 0%));
    --profile-gradient-note-background: hsl(var(--white-hsl)/0.3);
    --profile-gradient-note-background: color-mix(in oklab, hsl(var(--white-hsl)/0.3) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.3) var(--theme-base-color-amount, 0%));
    --profile-gradient-overlay: hsl(var(--white-hsl)/0.6);
    --profile-gradient-overlay: color-mix(in oklab, hsl(var(--white-hsl)/0.6) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.6) var(--theme-base-color-amount, 0%));
    --profile-gradient-overlay-synced-with-user-theme: hsl(var(--white-hsl)/0.8);
    --profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab, hsl(var(--white-hsl)/0.8) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.8) var(--theme-base-color-amount, 0%));
    --profile-gradient-profile-body-background-hover: hsl(var(--black-hsl)/0.08);
    --profile-gradient-profile-body-background-hover: color-mix(in oklab, hsl(var(--black-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --profile-gradient-role-pill-background: hsl(var(--white-hsl)/0.5);
    --profile-gradient-role-pill-background: color-mix(in oklab, hsl(var(--white-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --profile-gradient-role-pill-border: hsl(var(--primary-660-hsl)/0.2);
    --profile-gradient-role-pill-border: color-mix(in oklab, hsl(var(--primary-660-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --profile-gradient-section-box: hsl(var(--white-hsl)/0.45);
    --profile-gradient-section-box: color-mix(in oklab, hsl(var(--white-hsl)/0.45) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.45) var(--theme-base-color-amount, 0%));
    --redesign-activity-card-badge-icon: var(--primary-400);
    --redesign-activity-card-badge-icon: color-mix(in oklab, var(--primary-400) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-active-background: var(--green-430);
    --redesign-button-active-background: color-mix(in oklab, var(--green-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-active-pressed-background: var(--green-460);
    --redesign-button-active-pressed-background: color-mix(in oklab, var(--green-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-active-text: var(--white);
    --redesign-button-active-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-danger-background: var(--red-430);
    --redesign-button-danger-background: color-mix(in oklab, var(--red-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-pressed-background: var(--red-460);
    --redesign-button-danger-pressed-background: color-mix(in oklab, var(--red-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-text: var(--white);
    --redesign-button-danger-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-destructive-background: var(--red-430);
    --redesign-button-destructive-background: color-mix(in oklab, var(--red-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-pressed-background: var(--red-460);
    --redesign-button-destructive-pressed-background: color-mix(in oklab, var(--red-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-text: var(--white);
    --redesign-button-destructive-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-alpha-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-overlay-alpha-background: color-mix(in oklab, hsl(var(--black-hsl)/0.54) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-overlay-alpha-pressed-background: color-mix(in oklab, hsl(var(--black-hsl)/0.64) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-text: var(--white);
    --redesign-button-overlay-alpha-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-background: var(--white);
    --redesign-button-overlay-background: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-text: var(--primary-860);
    --redesign-button-overlay-text: color-mix(in oklab, var(--primary-860) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-positive-background: var(--green-430);
    --redesign-button-positive-background: color-mix(in oklab, var(--green-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-pressed-background: var(--green-460);
    --redesign-button-positive-pressed-background: color-mix(in oklab, var(--green-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-text: var(--white);
    --redesign-button-positive-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-background: hsl(var(--brand-500-hsl)/0);
    --redesign-button-primary-alt-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-border: var(--brand-500);
    --redesign-button-primary-alt-border: color-mix(in oklab, var(--brand-500) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl)/0);
    --redesign-button-primary-alt-on-blurple-background: color-mix(in oklab, hsl(var(--brand-530-hsl)/0) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-border: var(--white);
    --redesign-button-primary-alt-on-blurple-border: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
    --redesign-button-primary-alt-on-blurple-pressed-background: color-mix(in oklab, var(--brand-530) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
    --redesign-button-primary-alt-on-blurple-pressed-border: color-mix(in oklab, var(--brand-360) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-text: var(--white);
    --redesign-button-primary-alt-on-blurple-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-pressed-background: hsl(var(--brand-500-hsl)/0.06);
    --redesign-button-primary-alt-pressed-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.06) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.06) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-border: var(--brand-330);
    --redesign-button-primary-alt-pressed-border: color-mix(in oklab, var(--brand-330) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-text: var(--brand-560);
    --redesign-button-primary-alt-pressed-text: color-mix(in oklab, var(--brand-560) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-text: var(--brand-500);
    --redesign-button-primary-alt-text: color-mix(in oklab, var(--brand-500) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-background: var(--brand-500);
    --redesign-button-primary-background: color-mix(in oklab, var(--brand-500) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
    --redesign-button-primary-on-blurple-pressed-text: color-mix(in oklab, var(--brand-530) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-overlay-background: var(--white);
    --redesign-button-primary-overlay-background: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-pressed-background: var(--primary-230);
    --redesign-button-primary-overlay-pressed-background: color-mix(in oklab, var(--primary-230) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-text: var(--primary-860);
    --redesign-button-primary-overlay-text: color-mix(in oklab, var(--primary-860) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-pressed-background: var(--brand-560);
    --redesign-button-primary-pressed-background: color-mix(in oklab, var(--brand-560) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-text: var(--white);
    --redesign-button-primary-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-background: var(--white);
    --redesign-button-secondary-background: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-border: hsl(var(--black-hsl)/0.08);
    --redesign-button-secondary-border: color-mix(in oklab, hsl(var(--black-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-secondary-overlay-background: color-mix(in oklab, hsl(var(--black-hsl)/0.54) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-secondary-overlay-pressed-background: color-mix(in oklab, hsl(var(--black-hsl)/0.64) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-text: var(--white);
    --redesign-button-secondary-overlay-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-pressed-background: var(--primary-130);
    --redesign-button-secondary-pressed-background: color-mix(in oklab, var(--primary-130) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-pressed-border: hsl(var(--black-hsl)/0.04);
    --redesign-button-secondary-pressed-border: color-mix(in oklab, hsl(var(--black-hsl)/0.04) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.04) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-text: var(--primary-600);
    --redesign-button-secondary-text: color-mix(in oklab, var(--primary-600) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-selected-background: hsl(var(--brand-500-hsl)/0.16);
    --redesign-button-selected-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-pressed-background: hsl(var(--brand-500-hsl)/0.24);
    --redesign-button-selected-pressed-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.24) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.24) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-text: var(--brand-500);
    --redesign-button-selected-text: color-mix(in oklab, var(--brand-500) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-background: hsl(var(--black-hsl)/0.08);
    --redesign-button-tertiary-background: color-mix(in oklab, hsl(var(--black-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-background: hsl(var(--black-hsl)/0.16);
    --redesign-button-tertiary-pressed-background: color-mix(in oklab, hsl(var(--black-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-text: var(--primary-500);
    --redesign-button-tertiary-pressed-text: color-mix(in oklab, var(--primary-500) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-text: var(--primary-600);
    --redesign-button-tertiary-text: color-mix(in oklab, var(--primary-600) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-muted-text: var(--primary-460);
    --redesign-channel-name-muted-text: color-mix(in oklab, var(--primary-460) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-text: var(--primary-860);
    --redesign-channel-name-text: color-mix(in oklab, var(--primary-860) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-chat-input-background: hsl(var(--black-hsl)/0.08);
    --redesign-chat-input-background: color-mix(in oklab, hsl(var(--black-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --redesign-image-button-pressed-background: hsl(var(--black-hsl)/0.08);
    --redesign-image-button-pressed-background: color-mix(in oklab, hsl(var(--black-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --redesign-input-control-active-bg: var(--white);
    --redesign-input-control-active-bg: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-input-control-selected: var(--brand-500);
    --redesign-input-control-selected: color-mix(in oklab, var(--brand-500) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-thumb: var(--primary-230);
    --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab, var(--primary-230) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-track: var(--primary-130);
    --scrollbar-auto-scrollbar-color-track: color-mix(in oklab, var(--primary-130) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-thumb: var(--primary-300);
    --scrollbar-auto-thumb: color-mix(in oklab, var(--primary-300) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-track: var(--primary-160);
    --scrollbar-auto-track: color-mix(in oklab, var(--primary-160) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-thumb: hsl(var(--primary-500-hsl)/0.3);
    --scrollbar-thin-thumb: color-mix(in oklab, hsl(var(--primary-500-hsl)/0.3) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.3) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-track: hsl(var(--black-hsl)/0);
    --scrollbar-thin-track: color-mix(in oklab, hsl(var(--black-hsl)/0) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0) var(--theme-base-color-amount, 0%));
    --spoiler-hidden-background: var(--primary-200);
    --spoiler-hidden-background: color-mix(in oklab, var(--primary-200) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --spoiler-revealed-background: var(--primary-160);
    --spoiler-revealed-background: color-mix(in oklab, var(--primary-160) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --stage-card-pill-bg: var(--white);
    --stage-card-pill-bg: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --status-danger: var(--red-430);
    --status-danger-background: var(--red-430);
    --status-danger-text: var(--white);
    --status-dnd: var(--red-430);
    --status-idle: var(--yellow-400);
    --status-offline: var(--primary-460);
    --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);
    --text-brand: var(--brand-500);
    --text-brand: color-mix(in oklab, var(--brand-500) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-danger: var(--red-500);
    --text-danger: color-mix(in oklab, var(--red-500) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-link: var(--blue-430);
    --text-link: color-mix(in oklab, var(--blue-430) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-link-low-saturation: var(--blue-430);
    --text-link-low-saturation: color-mix(in oklab, var(--blue-430) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-low-contrast: var(--primary-460);
    --text-low-contrast: color-mix(in oklab, var(--primary-460) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-message-preview-low-sat: var(--primary-460);
    --text-message-preview-low-sat: color-mix(in oklab, var(--primary-460) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-muted: var(--primary-460);
    --text-muted: color-mix(in oklab, var(--primary-460) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-muted-on-default: var(--primary-430);
    --text-muted-on-default: color-mix(in oklab, var(--primary-430) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-normal: var(--primary-600);
    --text-normal: color-mix(in oklab, var(--primary-600) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-positive: var(--green-430);
    --text-positive: color-mix(in oklab, var(--green-430) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-primary: var(--primary-600);
    --text-primary: color-mix(in oklab, var(--primary-600) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-secondary: var(--primary-500);
    --text-secondary: color-mix(in oklab, var(--primary-500) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-warning: var(--yellow-430);
    --text-warning: color-mix(in oklab, var(--yellow-430) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --textbox-markdown-syntax: var(--primary-530);
    --textbox-markdown-syntax: color-mix(in oklab, var(--primary-530) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --thread-channel-spine: var(--primary-300);
    --thread-channel-spine: color-mix(in oklab, var(--primary-300) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --toast-bg: var(--white);
    --toast-bg: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --typing-indicator-bg: var(--primary-130);
    --typing-indicator-bg: color-mix(in oklab, var(--primary-130) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --user-profile-header-overflow-background: hsl(var(--white-hsl)/0.5);
    --user-profile-header-overflow-background: color-mix(in oklab, hsl(var(--white-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%))
}

.theme-midnight {
    --action-sheet-gradient-bg: var(--black);
    --action-sheet-gradient-bg: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --alert-bg: var(--black);
    --alert-bg: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-accent: var(--plum-17);
    --background-accent: color-mix(in oklab, var(--plum-17) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-floating: var(--plum-23);
    --background-floating: color-mix(in oklab, var(--plum-23) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-mentioned: hsl(var(--yellow-260-hsl)/0.08);
    --background-mentioned: color-mix(in oklab, hsl(var(--yellow-260-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.08);
    --background-mentioned-hover: color-mix(in oklab, hsl(var(--yellow-300-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --background-message-automod: hsl(var(--red-345-hsl)/0.08);
    --background-message-automod: color-mix(in oklab, hsl(var(--red-345-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --background-message-automod-hover: hsl(var(--red-400-hsl)/0.1);
    --background-message-automod-hover: color-mix(in oklab, hsl(var(--red-400-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --background-message-highlight: hsl(var(--brand-360-hsl)/0.08);
    --background-message-highlight: color-mix(in oklab, hsl(var(--brand-360-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.06);
    --background-message-highlight-hover: color-mix(in oklab, hsl(var(--brand-360-hsl)/0.06) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.06) var(--theme-base-color-amount, 0%));
    --background-message-hover: var(--plum-21);
    --background-message-hover: color-mix(in oklab, var(--plum-21) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-mobile-primary: var(--black);
    --background-mobile-primary: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-mobile-secondary: var(--black);
    --background-mobile-secondary: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-modifier-accent: hsl(var(--plum-23-alpha-hsl)/0.1);
    --background-modifier-accent: color-mix(in oklab, hsl(var(--plum-23-alpha-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --background-modifier-active: hsl(var(--plum-13-hsl)/0.48);
    --background-modifier-active: color-mix(in oklab, hsl(var(--plum-13-hsl)/0.48) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.48) var(--theme-base-color-amount, 0%));
    --background-modifier-hover: hsl(var(--plum-13-hsl)/0.3);
    --background-modifier-hover: color-mix(in oklab, hsl(var(--plum-13-hsl)/0.3) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.3) var(--theme-base-color-amount, 0%));
    --background-modifier-selected: hsl(var(--plum-13-hsl)/0.6);
    --background-modifier-selected: color-mix(in oklab, hsl(var(--plum-13-hsl)/0.6) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.6) var(--theme-base-color-amount, 0%));
    --background-nested-floating: var(--black);
    --background-nested-floating: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-primary: var(--black);
    --background-primary: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-secondary: var(--plum-23);
    --background-secondary: color-mix(in oklab, var(--plum-23) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-secondary-alt: var(--plum-17);
    --background-secondary-alt: color-mix(in oklab, var(--plum-17) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-tertiary: var(--plum-19);
    --background-tertiary: color-mix(in oklab, var(--plum-19) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-backdrop: hsl(var(--plum-19-hsl)/0.75);
    --bg-backdrop: color-mix(in oklab, hsl(var(--plum-19-hsl)/0.75) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.75) var(--theme-base-color-amount, 0%));
    --bg-backdrop-immersive: hsl(var(--plum-19-hsl)/0.9);
    --bg-backdrop-immersive: color-mix(in oklab, hsl(var(--plum-19-hsl)/0.9) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.9) var(--theme-base-color-amount, 0%));
    --bg-backdrop-no-opacity: var(--plum-19);
    --bg-backdrop-no-opacity: color-mix(in oklab, var(--plum-19) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-primary: var(--black);
    --bg-base-primary: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: var(--black);
    --bg-base-secondary: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: var(--black);
    --bg-base-tertiary: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-brand: var(--brand-500);
    --bg-mod-faint: hsl(var(--plum-11-hsl)/0.16);
    --bg-mod-faint: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --bg-mod-strong: hsl(var(--plum-11-hsl)/0.18);
    --bg-mod-strong: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.18) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.18) var(--theme-base-color-amount, 0%));
    --bg-mod-subtle: hsl(var(--plum-11-hsl)/0.12);
    --bg-mod-subtle: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.12) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.12) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay: var(--plum-19);
    --bg-surface-overlay: color-mix(in oklab, var(--plum-19) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay-tmp: var(--plum-21);
    --bg-surface-overlay-tmp: color-mix(in oklab, var(--plum-21) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-surface-raised: var(--plum-23);
    --bg-surface-raised: color-mix(in oklab, var(--plum-23) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --blur-fallback: hsl(var(--plum-19-hsl)/0.96);
    --blur-fallback: color-mix(in oklab, hsl(var(--plum-19-hsl)/0.96) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.96) var(--theme-base-color-amount, 0%));
    --blur-fallback-pressed: hsl(var(--plum-20-hsl)/0.96);
    --blur-fallback-pressed: color-mix(in oklab, hsl(var(--plum-20-hsl)/0.96) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.96) var(--theme-base-color-amount, 0%));
    --border-faint: hsl(var(--plum-11-hsl)/0.08);
    --border-faint: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --border-strong: hsl(var(--plum-11-hsl)/0.24);
    --border-strong: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.24) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.24) var(--theme-base-color-amount, 0%));
    --border-subtle: hsl(var(--plum-11-hsl)/0.14);
    --border-subtle: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.14) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.14) var(--theme-base-color-amount, 0%));
    --button-creator-revenue-background: var(--teal-430);
    --button-danger-background: var(--red-430);
    --button-danger-background-active: var(--red-530);
    --button-danger-background-disabled: var(--red-430);
    --button-danger-background-hover: var(--red-500);
    --button-danger-border: hsl(var(--white-500-hsl)/0);
    --button-filled-brand-background: var(--brand-500);
    --button-filled-brand-background-active: var(--brand-600);
    --button-filled-brand-background-hover: var(--brand-560);
    --button-filled-brand-border: hsl(var(--white-500-hsl)/0);
    --button-filled-brand-inverted-background: var(--white);
    --button-filled-brand-inverted-background-active: var(--brand-200);
    --button-filled-brand-inverted-background-hover: var(--brand-100);
    --button-filled-brand-inverted-text: var(--brand-500);
    --button-filled-brand-text: var(--white);
    --button-filled-white-background: var(--white-500);
    --button-filled-white-background-active: var(--white-500);
    --button-filled-white-background-hover: var(--white-500);
    --button-filled-white-text: var(--primary-500);
    --button-outline-brand-background: hsl(var(--white-hsl)/0);
    --button-outline-brand-background-active: var(--brand-560);
    --button-outline-brand-background-hover: var(--brand-500);
    --button-outline-brand-border: var(--brand-500);
    --button-outline-brand-border-active: var(--brand-560);
    --button-outline-brand-border-hover: var(--brand-500);
    --button-outline-brand-text: var(--white);
    --button-outline-brand-text-active: var(--white);
    --button-outline-brand-text-hover: var(--white);
    --button-outline-danger-background: hsl(var(--white-hsl)/0);
    --button-outline-danger-background-active: var(--red-460);
    --button-outline-danger-background-hover: var(--red-430);
    --button-outline-danger-border: var(--red-400);
    --button-outline-danger-border-active: var(--red-430);
    --button-outline-danger-border-hover: var(--red-430);
    --button-outline-danger-text: var(--white);
    --button-outline-danger-text-active: var(--white);
    --button-outline-danger-text-hover: var(--white);
    --button-outline-positive-background: hsl(var(--white-hsl)/0);
    --button-outline-positive-background-active: var(--green-530);
    --button-outline-positive-background-hover: var(--green-430);
    --button-outline-positive-border: var(--green-360);
    --button-outline-positive-border-active: var(--green-530);
    --button-outline-positive-border-hover: var(--green-430);
    --button-outline-positive-text: var(--white);
    --button-outline-positive-text-active: var(--white);
    --button-outline-positive-text-hover: var(--white);
    --button-outline-primary-background: hsl(var(--white-hsl)/0);
    --button-outline-primary-background-active: var(--plum-11);
    --button-outline-primary-background-hover: var(--plum-13);
    --button-outline-primary-border: var(--primary-500);
    --button-outline-primary-border-active: var(--plum-11);
    --button-outline-primary-border-hover: var(--plum-13);
    --button-outline-primary-text: var(--white);
    --button-outline-primary-text-active: var(--white);
    --button-outline-primary-text-hover: var(--white);
    --button-positive-background: var(--green-430);
    --button-positive-background-active: var(--green-530);
    --button-positive-background-disabled: var(--green-430);
    --button-positive-background-hover: var(--green-530);
    --button-positive-border: hsl(var(--white-500-hsl)/0);
    --button-secondary-background: var(--plum-13);
    --button-secondary-background-active: var(--plum-10);
    --button-secondary-background-disabled: var(--plum-13);
    --button-secondary-background-hover: var(--plum-11);
    --button-secondary-text: var(--white-500);
    --button-transparent-background: hsl(var(--white-500-hsl)/0.1);
    --button-transparent-background-active: hsl(var(--white-500-hsl)/0.01);
    --button-transparent-background-hover: hsl(var(--white-500-hsl)/0.05);
    --button-transparent-text: var(--plum-2);
    --card-gradient-bg: hsl(var(--black-hsl)/0.4);
    --card-gradient-bg: color-mix(in oklab, hsl(var(--black-hsl)/0.4) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.4) var(--theme-base-color-amount, 0%));
    --card-gradient-pressed-bg: hsl(var(--black-hsl)/0.5);
    --card-gradient-pressed-bg: color-mix(in oklab, hsl(var(--black-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --card-primary-bg: var(--plum-23);
    --card-primary-bg: color-mix(in oklab, var(--plum-23) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --card-primary-pressed-bg: var(--plum-25);
    --card-primary-pressed-bg: color-mix(in oklab, var(--plum-25) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --card-secondary-bg: var(--plum-25);
    --card-secondary-bg: color-mix(in oklab, var(--plum-25) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --card-secondary-pressed-bg: var(--plum-26);
    --card-secondary-pressed-bg: color-mix(in oklab, var(--plum-26) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --channeltextarea-background: var(--plum-23);
    --channeltextarea-background: color-mix(in oklab, var(--plum-23) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-background: var(--black);
    --chat-background: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-banner-bg: var(--black);
    --chat-banner-bg: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-border: var(--plum-20);
    --chat-border: color-mix(in oklab, var(--plum-20) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-input-container-background: var(--plum-16);
    --chat-input-container-background: color-mix(in oklab, var(--plum-16) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-background: var(--plum-22);
    --chat-swipe-to-reply-background: color-mix(in oklab, var(--plum-22) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-gradient-background: hsl(var(--black-hsl)/0.1);
    --chat-swipe-to-reply-gradient-background: color-mix(in oklab, hsl(var(--black-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --coachmark-bg: var(--plum-19);
    --coachmark-bg: color-mix(in oklab, var(--plum-19) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --custom-status-bubble-bg: var(--plum-19);
    --custom-status-bubble-bg: color-mix(in oklab, var(--plum-19) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --divider-strong: hsl(var(--plum-11-hsl)/0.24);
    --divider-strong: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.24) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.24) var(--theme-base-color-amount, 0%));
    --embed-background: var(--plum-23);
    --embed-background: color-mix(in oklab, var(--plum-23) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --embed-background-alternate: var(--primary-600);
    --embed-background-alternate: color-mix(in oklab, var(--primary-600) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --embed-title: var(--plum-2);
    --embed-title: color-mix(in oklab, var(--plum-2) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --expression-picker-bg: var(--black);
    --expression-picker-bg: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --header-primary: var(--plum-2);
    --header-primary: color-mix(in oklab, var(--plum-2) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-secondary: var(--plum-8);
    --header-secondary: color-mix(in oklab, var(--plum-8) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-muted: var(--plum-12);
    --icon-muted: color-mix(in oklab, var(--plum-12) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-primary: var(--plum-5);
    --icon-primary: color-mix(in oklab, var(--plum-5) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --input-background: hsl(var(--plum-23-alpha-hsl)/0.1);
    --input-background: color-mix(in oklab, hsl(var(--plum-23-alpha-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --input-border: hsl(var(--plum-11-hsl)/0.32);
    --input-border: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.32) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.32) var(--theme-base-color-amount, 0%));
    --input-error-background: hsl(var(--red-500-hsl)/0.12);
    --input-error-background: color-mix(in oklab, hsl(var(--red-500-hsl)/0.12) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.12) var(--theme-base-color-amount, 0%));
    --input-error-border: var(--red-360);
    --input-error-border: color-mix(in oklab, var(--red-360) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --input-error-text: var(--red-260);
    --input-error-text: color-mix(in oklab, var(--red-260) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --input-focused-border: hsl(var(--plum-11-hsl)/0.24);
    --input-focused-border: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.24) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.24) var(--theme-base-color-amount, 0%));
    --input-placeholder-text: var(--plum-9);
    --input-placeholder-text: color-mix(in oklab, var(--plum-9) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --interactive-active: var(--plum-3);
    --interactive-active: color-mix(in oklab, var(--plum-3) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --panel-bg: var(--plum-24);
    --panel-bg: color-mix(in oklab, var(--plum-24) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-activity-card-badge-icon: var(--plum-11);
    --redesign-activity-card-badge-icon: color-mix(in oklab, var(--plum-11) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-active-background: var(--green-430);
    --redesign-button-active-background: color-mix(in oklab, var(--green-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-active-pressed-background: var(--green-460);
    --redesign-button-active-pressed-background: color-mix(in oklab, var(--green-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-active-text: var(--white);
    --redesign-button-active-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-danger-background: var(--red-430);
    --redesign-button-danger-background: color-mix(in oklab, var(--red-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-pressed-background: var(--red-460);
    --redesign-button-danger-pressed-background: color-mix(in oklab, var(--red-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-text: var(--white);
    --redesign-button-danger-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-destructive-background: var(--red-430);
    --redesign-button-destructive-background: color-mix(in oklab, var(--red-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-pressed-background: var(--red-460);
    --redesign-button-destructive-pressed-background: color-mix(in oklab, var(--red-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-text: var(--white);
    --redesign-button-destructive-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-alpha-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-overlay-alpha-background: color-mix(in oklab, hsl(var(--black-hsl)/0.54) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-overlay-alpha-pressed-background: color-mix(in oklab, hsl(var(--black-hsl)/0.64) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-text: var(--white);
    --redesign-button-overlay-alpha-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-background: var(--white);
    --redesign-button-overlay-background: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-text: var(--primary-860);
    --redesign-button-overlay-text: color-mix(in oklab, var(--primary-860) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-positive-background: var(--green-430);
    --redesign-button-positive-background: color-mix(in oklab, var(--green-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-pressed-background: var(--green-460);
    --redesign-button-positive-pressed-background: color-mix(in oklab, var(--green-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-text: var(--white);
    --redesign-button-positive-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-background: hsl(var(--brand-500-hsl)/0);
    --redesign-button-primary-alt-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-border: var(--brand-400);
    --redesign-button-primary-alt-border: color-mix(in oklab, var(--brand-400) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl)/0);
    --redesign-button-primary-alt-on-blurple-background: color-mix(in oklab, hsl(var(--brand-530-hsl)/0) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-border: var(--white);
    --redesign-button-primary-alt-on-blurple-border: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
    --redesign-button-primary-alt-on-blurple-pressed-background: color-mix(in oklab, var(--brand-530) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
    --redesign-button-primary-alt-on-blurple-pressed-border: color-mix(in oklab, var(--brand-360) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-text: var(--white);
    --redesign-button-primary-alt-on-blurple-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-pressed-background: hsl(var(--brand-700-hsl)/0.16);
    --redesign-button-primary-alt-pressed-background: color-mix(in oklab, hsl(var(--brand-700-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-border: hsl(var(--brand-400-hsl)/0.5);
    --redesign-button-primary-alt-pressed-border: color-mix(in oklab, hsl(var(--brand-400-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-text: var(--brand-360);
    --redesign-button-primary-alt-pressed-text: color-mix(in oklab, var(--brand-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-text: var(--brand-400);
    --redesign-button-primary-alt-text: color-mix(in oklab, var(--brand-400) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-background: var(--brand-500);
    --redesign-button-primary-background: color-mix(in oklab, var(--brand-500) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
    --redesign-button-primary-on-blurple-pressed-text: color-mix(in oklab, var(--brand-530) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-overlay-background: var(--white);
    --redesign-button-primary-overlay-background: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-pressed-background: var(--plum-4);
    --redesign-button-primary-overlay-pressed-background: color-mix(in oklab, var(--plum-4) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-text: var(--plum-25);
    --redesign-button-primary-overlay-text: color-mix(in oklab, var(--plum-25) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-pressed-background: var(--brand-560);
    --redesign-button-primary-pressed-background: color-mix(in oklab, var(--brand-560) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-text: var(--white);
    --redesign-button-primary-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-background: var(--plum-17);
    --redesign-button-secondary-background: color-mix(in oklab, var(--plum-17) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-border: hsl(var(--plum-11-hsl)/0.14);
    --redesign-button-secondary-border: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.14) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.14) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-secondary-overlay-background: color-mix(in oklab, hsl(var(--black-hsl)/0.54) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-secondary-overlay-pressed-background: color-mix(in oklab, hsl(var(--black-hsl)/0.64) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-text: var(--white);
    --redesign-button-secondary-overlay-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-pressed-background: var(--plum-15);
    --redesign-button-secondary-pressed-background: color-mix(in oklab, var(--plum-15) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-pressed-border: hsl(var(--plum-11-hsl)/0.08);
    --redesign-button-secondary-pressed-border: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-text: var(--plum-4);
    --redesign-button-secondary-text: color-mix(in oklab, var(--plum-4) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-selected-background: hsl(var(--brand-500-hsl)/0.24);
    --redesign-button-selected-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.24) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.24) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-pressed-background: hsl(var(--brand-500-hsl)/0.28);
    --redesign-button-selected-pressed-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.28) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.28) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-text: var(--brand-500);
    --redesign-button-selected-text: color-mix(in oklab, var(--brand-500) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-background: hsl(var(--plum-23-alpha-hsl)/0.1);
    --redesign-button-tertiary-background: color-mix(in oklab, hsl(var(--plum-23-alpha-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-background: hsl(var(--plum-11-hsl)/0.2);
    --redesign-button-tertiary-pressed-background: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-text: var(--plum-6);
    --redesign-button-tertiary-pressed-text: color-mix(in oklab, var(--plum-6) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-text: var(--plum-4);
    --redesign-button-tertiary-text: color-mix(in oklab, var(--plum-4) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-muted-text: var(--plum-10);
    --redesign-channel-name-muted-text: color-mix(in oklab, var(--plum-10) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-text: var(--plum-2);
    --redesign-channel-name-text: color-mix(in oklab, var(--plum-2) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-chat-input-background: hsl(var(--plum-23-alpha-hsl)/0.1);
    --redesign-chat-input-background: color-mix(in oklab, hsl(var(--plum-23-alpha-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --redesign-image-button-pressed-background: hsl(var(--black-hsl)/0.08);
    --redesign-image-button-pressed-background: color-mix(in oklab, hsl(var(--black-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --redesign-input-control-active-bg: var(--plum-17);
    --redesign-input-control-active-bg: color-mix(in oklab, var(--plum-17) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-input-control-selected: var(--brand-500);
    --redesign-input-control-selected: color-mix(in oklab, var(--brand-500) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-thumb: var(--plum-20);
    --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab, var(--plum-20) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-track: var(--plum-17);
    --scrollbar-auto-scrollbar-color-track: color-mix(in oklab, var(--plum-17) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-thumb: var(--plum-16);
    --scrollbar-auto-thumb: color-mix(in oklab, var(--plum-16) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-track: var(--plum-25);
    --scrollbar-auto-track: color-mix(in oklab, var(--plum-25) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-thumb: var(--plum-20);
    --scrollbar-thin-thumb: color-mix(in oklab, var(--plum-20) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-track: hsl(var(--black-hsl)/0);
    --scrollbar-thin-track: color-mix(in oklab, hsl(var(--black-hsl)/0) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0) var(--theme-base-color-amount, 0%));
    --stage-card-pill-bg: var(--plum-25);
    --stage-card-pill-bg: color-mix(in oklab, var(--plum-25) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --text-brand: var(--brand-400);
    --text-brand: color-mix(in oklab, var(--brand-400) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-danger: var(--red-345);
    --text-danger: color-mix(in oklab, var(--red-345) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-link: var(--blue-345);
    --text-link: color-mix(in oklab, var(--blue-345) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-link-low-saturation: var(--blue-330);
    --text-link-low-saturation: color-mix(in oklab, var(--blue-330) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-low-contrast: var(--plum-12);
    --text-low-contrast: color-mix(in oklab, var(--plum-12) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-message-preview-low-sat: var(--plum-9);
    --text-message-preview-low-sat: color-mix(in oklab, var(--plum-9) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-muted: var(--plum-10);
    --text-muted: color-mix(in oklab, var(--plum-10) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-muted-on-default: var(--primary-330);
    --text-muted-on-default: color-mix(in oklab, var(--primary-330) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-normal: var(--plum-4);
    --text-normal: color-mix(in oklab, var(--plum-4) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-positive: var(--green-330);
    --text-positive: color-mix(in oklab, var(--green-330) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-primary: var(--plum-4);
    --text-primary: color-mix(in oklab, var(--plum-4) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-secondary: var(--plum-8);
    --text-secondary: color-mix(in oklab, var(--plum-8) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-warning: var(--yellow-300);
    --text-warning: color-mix(in oklab, var(--yellow-300) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --toast-bg: var(--plum-19);
    --toast-bg: color-mix(in oklab, var(--plum-19) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --typing-indicator-bg: var(--black);
    --typing-indicator-bg: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%))
}

.theme-darker,
.theme-midnight {
    --activity-card-background: var(--primary-700);
    --activity-card-background: color-mix(in oklab, var(--primary-700) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --activity-card-icon-overlay: hsl(var(--primary-600-hsl)/0.85);
    --activity-card-icon-overlay: color-mix(in oklab, hsl(var(--primary-600-hsl)/0.85) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.85) var(--theme-base-color-amount, 0%));
    --android-navigation-bar-background: var(--plum-24);
    --android-navigation-bar-background: color-mix(in oklab, var(--plum-24) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --android-navigation-scrim-background: hsl(var(--plum-24-hsl)/0.5);
    --android-navigation-scrim-background: color-mix(in oklab, hsl(var(--plum-24-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --android-ripple: hsl(var(--white-hsl)/0.07);
    --android-ripple: color-mix(in oklab, hsl(var(--white-hsl)/0.07) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.07) var(--theme-base-color-amount, 0%));
    --autocomplete-bg: var(--primary-630);
    --autocomplete-bg: color-mix(in oklab, var(--primary-630) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --badge-brand-bg: var(--brand-260);
    --badge-brand-text: var(--brand-560);
    --border-normal: hsl(var(--opacity-6-hsl)/0.2);
    --border-normal: color-mix(in oklab, hsl(var(--opacity-6-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --bug-reporter-modal-submitting-background: hsl(var(--plum-23-hsl)/0.6);
    --bug-reporter-modal-submitting-background: color-mix(in oklab, hsl(var(--plum-23-hsl)/0.6) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.6) var(--theme-base-color-amount, 0%));
    --channel-icon: var(--plum-10);
    --channel-icon: color-mix(in oklab, var(--plum-10) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --channel-text-area-placeholder: var(--plum-11);
    --channel-text-area-placeholder: color-mix(in oklab, var(--plum-11) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --channels-default: var(--plum-9);
    --channels-default: color-mix(in oklab, var(--plum-9) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl)/0.24);
    --content-inventory-media-seekbar-container: color-mix(in oklab, hsl(var(--plum-6-hsl)/0.24) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.24) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-text-primary: hsl(var(--white-hsl)/0.85);
    --content-inventory-overlay-text-primary: color-mix(in oklab, hsl(var(--white-hsl)/0.85) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.85) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-text-secondary: hsl(var(--white-hsl)/0.7);
    --content-inventory-overlay-text-secondary: color-mix(in oklab, hsl(var(--white-hsl)/0.7) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.7) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-ui-mod: hsl(var(--white-hsl)/0.7);
    --content-inventory-overlay-ui-mod: color-mix(in oklab, hsl(var(--white-hsl)/0.7) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.7) var(--theme-base-color-amount, 0%));
    --content-inventory-overlay-ui-mod-bg: hsl(var(--black-hsl)/0.1);
    --content-inventory-overlay-ui-mod-bg: color-mix(in oklab, hsl(var(--black-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --context-menu-backdrop-background: hsl(var(--black-hsl)/0.7);
    --context-menu-backdrop-background: color-mix(in oklab, hsl(var(--black-hsl)/0.7) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.7) var(--theme-base-color-amount, 0%));
    --control-brand-foreground: var(--brand-360);
    --control-brand-foreground: color-mix(in oklab, var(--brand-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --control-brand-foreground-new: var(--brand-360);
    --control-brand-foreground-new: color-mix(in oklab, var(--brand-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --creator-revenue-icon-gradient-end: var(--teal-430);
    --creator-revenue-icon-gradient-end: color-mix(in oklab, var(--teal-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --creator-revenue-icon-gradient-start: var(--teal-360);
    --creator-revenue-icon-gradient-start: color-mix(in oklab, var(--teal-360) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
    --creator-revenue-info-box-background: color-mix(in oklab, hsl(var(--teal-430-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --creator-revenue-info-box-border: var(--teal-400);
    --creator-revenue-info-box-border: color-mix(in oklab, var(--teal-400) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --creator-revenue-locked-channel-icon: var(--teal-345);
    --creator-revenue-locked-channel-icon: color-mix(in oklab, var(--teal-345) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --creator-revenue-progress-bar: var(--teal-400);
    --creator-revenue-progress-bar: color-mix(in oklab, var(--teal-400) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --deprecated-card-bg: hsl(var(--primary-700-hsl)/0.6);
    --deprecated-card-bg: color-mix(in oklab, hsl(var(--primary-700-hsl)/0.6) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.6) var(--theme-base-color-amount, 0%));
    --deprecated-card-editable-bg: hsl(var(--primary-700-hsl)/0.3);
    --deprecated-card-editable-bg: color-mix(in oklab, hsl(var(--primary-700-hsl)/0.3) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.3) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-bg: var(--primary-700);
    --deprecated-text-input-bg: color-mix(in oklab, var(--primary-700) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border: hsl(var(--black-hsl)/0.3);
    --deprecated-text-input-border: color-mix(in oklab, hsl(var(--black-hsl)/0.3) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.3) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border-disabled: var(--primary-700);
    --deprecated-text-input-border-disabled: color-mix(in oklab, var(--primary-700) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --deprecated-text-input-border-hover: var(--primary-900);
    --deprecated-text-input-border-hover: color-mix(in oklab, var(--primary-900) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --display-banner-overflow-background: hsl(var(--plum-20-hsl)/0.5);
    --display-banner-overflow-background: color-mix(in oklab, hsl(var(--plum-20-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --divider-subtle: hsl(var(--plum-11-hsl)/0.12);
    --divider-subtle: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.12) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.12) var(--theme-base-color-amount, 0%));
    --focus-primary: var(--blue-345);
    --focus-primary: color-mix(in oklab, var(--blue-345) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --forum-post-extra-media-count-container-background: hsl(var(--plum-19-hsl)/0.8);
    --forum-post-extra-media-count-container-background: color-mix(in oklab, hsl(var(--plum-19-hsl)/0.8) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.8) var(--theme-base-color-amount, 0%));
    --forum-post-tag-background: hsl(var(--plum-19-hsl)/0.9);
    --forum-post-tag-background: color-mix(in oklab, hsl(var(--plum-19-hsl)/0.9) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.9) var(--theme-base-color-amount, 0%));
    --guild-notifications-bottom-sheet-pill-background: var(--primary-700);
    --guild-notifications-bottom-sheet-pill-background: color-mix(in oklab, var(--primary-700) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --header-muted: var(--plum-10);
    --header-muted: color-mix(in oklab, var(--plum-10) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --home-background: var(--plum-18);
    --home-background: color-mix(in oklab, var(--plum-18) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --icon-secondary: var(--plum-9);
    --icon-secondary: color-mix(in oklab, var(--plum-9) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-transparent: hsl(var(--transparent-hsl)/0);
    --icon-transparent: color-mix(in oklab, hsl(var(--transparent-hsl)/0) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0) var(--theme-text-color-amount, 0%));
    --info-box-background: hsl(var(--blue-345-hsl)/0.1);
    --info-box-background: color-mix(in oklab, hsl(var(--blue-345-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --info-danger-background: hsl(var(--red-400-hsl)/0.1);
    --info-danger-background: color-mix(in oklab, hsl(var(--red-400-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --info-danger-foreground: var(--red-400);
    --info-danger-foreground: color-mix(in oklab, var(--red-400) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-danger-text: var(--white);
    --info-danger-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-help-background: hsl(var(--blue-345-hsl)/0.1);
    --info-help-background: color-mix(in oklab, hsl(var(--blue-345-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --info-help-foreground: var(--blue-345);
    --info-help-foreground: color-mix(in oklab, var(--blue-345) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-help-text: var(--white);
    --info-help-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-positive-background: hsl(var(--green-360-hsl)/0.1);
    --info-positive-background: color-mix(in oklab, hsl(var(--green-360-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --info-positive-foreground: var(--green-360);
    --info-positive-foreground: color-mix(in oklab, var(--green-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-positive-text: var(--white);
    --info-positive-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-warning-background: hsl(var(--yellow-300-hsl)/0.1);
    --info-warning-background: color-mix(in oklab, hsl(var(--yellow-300-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --info-warning-foreground: var(--yellow-300);
    --info-warning-foreground: color-mix(in oklab, var(--yellow-300) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-warning-text: var(--white);
    --info-warning-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --interactive-hover: var(--plum-4);
    --interactive-hover: color-mix(in oklab, var(--plum-4) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --interactive-muted: var(--plum-13);
    --interactive-muted: color-mix(in oklab, var(--plum-13) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --interactive-normal: var(--plum-6);
    --interactive-normal: color-mix(in oklab, var(--plum-6) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --leaderboard-league-brand-text: var(--lol-text-light);
    --leaderboard-league-brand-text: color-mix(in oklab, var(--lol-text-light) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl)/0.5);
    --legacy-android-blur-overlay-default: color-mix(in oklab, hsl(var(--primary-660-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --legacy-android-blur-overlay-ultra-thin: hsl(var(--black-hsl)/0.025);
    --legacy-android-blur-overlay-ultra-thin: color-mix(in oklab, hsl(var(--black-hsl)/0.025) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.025) var(--theme-base-color-amount, 0%));
    --legacy-blur-fallback-default: hsl(var(--primary-660-hsl)/0.975);
    --legacy-blur-fallback-default: color-mix(in oklab, hsl(var(--primary-660-hsl)/0.975) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.975) var(--theme-base-color-amount, 0%));
    --legacy-blur-fallback-ultra-thin: hsl(var(--black-hsl)/0.95);
    --legacy-blur-fallback-ultra-thin: color-mix(in oklab, hsl(var(--black-hsl)/0.95) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.95) var(--theme-base-color-amount, 0%));
    --live-stage-tile-border: hsl(var(--plum-13-hsl)/0.6);
    --live-stage-tile-border: color-mix(in oklab, hsl(var(--plum-13-hsl)/0.6) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.6) var(--theme-base-color-amount, 0%));
    --logo-primary: var(--white);
    --logo-primary: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --mention-background: hsl(var(--brand-500-hsl)/0.5);
    --mention-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --mention-foreground: var(--brand-230);
    --mention-foreground: color-mix(in oklab, var(--brand-230) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --menu-item-danger-active-bg: var(--red-530);
    --menu-item-danger-active-bg: color-mix(in oklab, var(--red-530) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --menu-item-danger-hover-bg: var(--red-430);
    --menu-item-danger-hover-bg: color-mix(in oklab, var(--red-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --menu-item-default-active-bg: var(--brand-560);
    --menu-item-default-active-bg: color-mix(in oklab, var(--brand-560) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --menu-item-default-hover-bg: var(--brand-500);
    --menu-item-default-hover-bg: color-mix(in oklab, var(--brand-500) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --modal-background: var(--plum-16);
    --modal-background: color-mix(in oklab, var(--plum-16) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --modal-footer-background: var(--plum-17);
    --modal-footer-background: color-mix(in oklab, var(--plum-17) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --navigator-header-tint: var(--white);
    --navigator-header-tint: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --polls-normal-fill-hover: var(--primary-600);
    --polls-normal-fill-hover: color-mix(in oklab, var(--primary-600) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --polls-normal-image-background: var(--primary-660);
    --polls-normal-image-background: color-mix(in oklab, var(--primary-660) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --polls-victor-fill: hsl(var(--green-360-hsl)/0.2);
    --polls-victor-fill: color-mix(in oklab, hsl(var(--green-360-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
    --polls-voted-fill: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --premium-nitro-pink-text: var(--premium-nitro-pink-light);
    --premium-nitro-pink-text: color-mix(in oklab, var(--premium-nitro-pink-light) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --profile-gradient-message-input-border: hsl(var(--primary-500-hsl)/0.48);
    --profile-gradient-message-input-border: color-mix(in oklab, hsl(var(--primary-500-hsl)/0.48) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.48) var(--theme-base-color-amount, 0%));
    --profile-gradient-note-background: hsl(var(--black-hsl)/0.3);
    --profile-gradient-note-background: color-mix(in oklab, hsl(var(--black-hsl)/0.3) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.3) var(--theme-base-color-amount, 0%));
    --profile-gradient-overlay: hsl(var(--black-hsl)/0.6);
    --profile-gradient-overlay: color-mix(in oklab, hsl(var(--black-hsl)/0.6) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.6) var(--theme-base-color-amount, 0%));
    --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-hsl)/0.8);
    --profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab, hsl(var(--black-hsl)/0.8) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.8) var(--theme-base-color-amount, 0%));
    --profile-gradient-profile-body-background-hover: hsl(var(--white-hsl)/0.16);
    --profile-gradient-profile-body-background-hover: color-mix(in oklab, hsl(var(--white-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5);
    --profile-gradient-role-pill-background: color-mix(in oklab, hsl(var(--primary-660-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --profile-gradient-role-pill-border: hsl(var(--white-hsl)/0.2);
    --profile-gradient-role-pill-border: color-mix(in oklab, hsl(var(--white-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --profile-gradient-section-box: hsl(var(--black-hsl)/0.45);
    --profile-gradient-section-box: color-mix(in oklab, hsl(var(--black-hsl)/0.45) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.45) var(--theme-base-color-amount, 0%));
    --spoiler-hidden-background: var(--plum-14);
    --spoiler-hidden-background: color-mix(in oklab, var(--plum-14) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --spoiler-revealed-background: hsl(var(--plum-11-hsl)/0.16);
    --spoiler-revealed-background: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --status-danger: var(--red-400);
    --status-danger-background: var(--red-430);
    --status-danger-text: var(--white);
    --status-dnd: var(--red-400);
    --status-idle: var(--yellow-300);
    --status-offline: var(--plum-9);
    --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);
    --textbox-markdown-syntax: var(--plum-9);
    --textbox-markdown-syntax: color-mix(in oklab, var(--plum-9) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --theme-locked-blur-fallback: hsl(var(--primary-700-hsl)/0.96);
    --theme-locked-blur-fallback: color-mix(in oklab, hsl(var(--primary-700-hsl)/0.96) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.96) var(--theme-base-color-amount, 0%));
    --thread-channel-spine: var(--plum-13);
    --thread-channel-spine: color-mix(in oklab, var(--plum-13) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --user-profile-header-overflow-background: hsl(var(--plum-20-hsl)/0.5);
    --user-profile-header-overflow-background: color-mix(in oklab, hsl(var(--plum-20-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --voice-video-video-tile-background: hsl(var(--plum-17-hsl)/0.4);
    --voice-video-video-tile-background: color-mix(in oklab, hsl(var(--plum-17-hsl)/0.4) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.4) var(--theme-base-color-amount, 0%));
    --voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl)/0.48);
    --voice-video-video-tile-blur-fallback: color-mix(in oklab, hsl(var(--primary-700-hsl)/0.48) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.48) var(--theme-base-color-amount, 0%))
}

.theme-darker {
    --action-sheet-gradient-bg: var(--plum-20);
    --action-sheet-gradient-bg: color-mix(in oklab, var(--plum-20) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --alert-bg: var(--plum-20);
    --alert-bg: color-mix(in oklab, var(--plum-20) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-accent: var(--plum-15);
    --background-accent: color-mix(in oklab, var(--plum-15) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-floating: var(--plum-18);
    --background-floating: color-mix(in oklab, var(--plum-18) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-mentioned: hsl(var(--yellow-260-hsl)/0.08);
    --background-mentioned: color-mix(in oklab, hsl(var(--yellow-260-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.08);
    --background-mentioned-hover: color-mix(in oklab, hsl(var(--yellow-300-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --background-message-automod: hsl(var(--red-345-hsl)/0.08);
    --background-message-automod: color-mix(in oklab, hsl(var(--red-345-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --background-message-automod-hover: hsl(var(--red-400-hsl)/0.1);
    --background-message-automod-hover: color-mix(in oklab, hsl(var(--red-400-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --background-message-highlight: hsl(var(--brand-360-hsl)/0.08);
    --background-message-highlight: color-mix(in oklab, hsl(var(--brand-360-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.06);
    --background-message-highlight-hover: color-mix(in oklab, hsl(var(--brand-360-hsl)/0.06) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.06) var(--theme-base-color-amount, 0%));
    --background-message-hover: var(--plum-21);
    --background-message-hover: color-mix(in oklab, var(--plum-21) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-mobile-primary: var(--plum-20);
    --background-mobile-primary: color-mix(in oklab, var(--plum-20) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-mobile-secondary: var(--plum-20);
    --background-mobile-secondary: color-mix(in oklab, var(--plum-20) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-modifier-accent: hsl(var(--plum-11-hsl)/0.12);
    --background-modifier-accent: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.12) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.12) var(--theme-base-color-amount, 0%));
    --background-modifier-active: hsl(var(--plum-13-hsl)/0.48);
    --background-modifier-active: color-mix(in oklab, hsl(var(--plum-13-hsl)/0.48) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.48) var(--theme-base-color-amount, 0%));
    --background-modifier-hover: hsl(var(--plum-13-hsl)/0.3);
    --background-modifier-hover: color-mix(in oklab, hsl(var(--plum-13-hsl)/0.3) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.3) var(--theme-base-color-amount, 0%));
    --background-modifier-selected: hsl(var(--plum-13-hsl)/0.6);
    --background-modifier-selected: color-mix(in oklab, hsl(var(--plum-13-hsl)/0.6) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.6) var(--theme-base-color-amount, 0%));
    --background-nested-floating: var(--plum-22);
    --background-nested-floating: color-mix(in oklab, var(--plum-22) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-primary: var(--plum-20);
    --background-primary: color-mix(in oklab, var(--plum-20) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-secondary: var(--plum-18);
    --background-secondary: color-mix(in oklab, var(--plum-18) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-secondary-alt: var(--plum-15);
    --background-secondary-alt: color-mix(in oklab, var(--plum-15) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-tertiary: var(--plum-16);
    --background-tertiary: color-mix(in oklab, var(--plum-16) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-backdrop: hsl(var(--black-hsl)/0.7);
    --bg-backdrop: color-mix(in oklab, hsl(var(--black-hsl)/0.7) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.7) var(--theme-base-color-amount, 0%));
    --bg-backdrop-immersive: hsl(var(--black-hsl)/0.85);
    --bg-backdrop-immersive: color-mix(in oklab, hsl(var(--black-hsl)/0.85) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.85) var(--theme-base-color-amount, 0%));
    --bg-backdrop-no-opacity: var(--black);
    --bg-backdrop-no-opacity: color-mix(in oklab, var(--black) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-primary: var(--plum-20);
    --bg-base-primary: color-mix(in oklab, var(--plum-20) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: var(--plum-20);
    --bg-base-secondary: color-mix(in oklab, var(--plum-20) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: var(--plum-23);
    --bg-base-tertiary: color-mix(in oklab, var(--plum-23) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-brand: var(--brand-500);
    --bg-mod-faint: hsl(var(--plum-11-hsl)/0.12);
    --bg-mod-faint: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.12) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.12) var(--theme-base-color-amount, 0%));
    --bg-mod-strong: hsl(var(--plum-11-hsl)/0.24);
    --bg-mod-strong: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.24) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.24) var(--theme-base-color-amount, 0%));
    --bg-mod-subtle: hsl(var(--plum-11-hsl)/0.16);
    --bg-mod-subtle: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay: var(--plum-17);
    --bg-surface-overlay: color-mix(in oklab, var(--plum-17) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-surface-overlay-tmp: var(--plum-17);
    --bg-surface-overlay-tmp: color-mix(in oklab, var(--plum-17) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-surface-raised: var(--plum-18);
    --bg-surface-raised: color-mix(in oklab, var(--plum-18) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --blur-fallback: hsl(var(--plum-17-hsl)/0.96);
    --blur-fallback: color-mix(in oklab, hsl(var(--plum-17-hsl)/0.96) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.96) var(--theme-base-color-amount, 0%));
    --blur-fallback-pressed: hsl(var(--plum-18-hsl)/0.96);
    --blur-fallback-pressed: color-mix(in oklab, hsl(var(--plum-18-hsl)/0.96) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.96) var(--theme-base-color-amount, 0%));
    --border-faint: hsl(var(--plum-11-hsl)/0.06);
    --border-faint: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.06) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.06) var(--theme-base-color-amount, 0%));
    --border-strong: hsl(var(--plum-11-hsl)/0.22);
    --border-strong: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.22) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.22) var(--theme-base-color-amount, 0%));
    --border-subtle: hsl(var(--plum-11-hsl)/0.12);
    --border-subtle: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.12) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.12) var(--theme-base-color-amount, 0%));
    --button-creator-revenue-background: var(--teal-430);
    --button-danger-background: var(--red-430);
    --button-danger-background-active: var(--red-530);
    --button-danger-background-disabled: var(--red-430);
    --button-danger-background-hover: var(--red-500);
    --button-danger-border: hsl(var(--white-500-hsl)/0);
    --button-filled-brand-background: var(--brand-500);
    --button-filled-brand-background-active: var(--brand-600);
    --button-filled-brand-background-hover: var(--brand-560);
    --button-filled-brand-border: hsl(var(--white-500-hsl)/0);
    --button-filled-brand-inverted-background: var(--white);
    --button-filled-brand-inverted-background-active: var(--brand-200);
    --button-filled-brand-inverted-background-hover: var(--brand-100);
    --button-filled-brand-inverted-text: var(--brand-500);
    --button-filled-brand-text: var(--white);
    --button-filled-white-background: var(--white-500);
    --button-filled-white-background-active: var(--white-500);
    --button-filled-white-background-hover: var(--white-500);
    --button-filled-white-text: var(--primary-500);
    --button-outline-brand-background: hsl(var(--white-hsl)/0);
    --button-outline-brand-background-active: var(--brand-560);
    --button-outline-brand-background-hover: var(--brand-500);
    --button-outline-brand-border: var(--brand-500);
    --button-outline-brand-border-active: var(--brand-560);
    --button-outline-brand-border-hover: var(--brand-500);
    --button-outline-brand-text: var(--white);
    --button-outline-brand-text-active: var(--white);
    --button-outline-brand-text-hover: var(--white);
    --button-outline-danger-background: hsl(var(--white-hsl)/0);
    --button-outline-danger-background-active: var(--red-460);
    --button-outline-danger-background-hover: var(--red-430);
    --button-outline-danger-border: var(--red-400);
    --button-outline-danger-border-active: var(--red-430);
    --button-outline-danger-border-hover: var(--red-430);
    --button-outline-danger-text: var(--white);
    --button-outline-danger-text-active: var(--white);
    --button-outline-danger-text-hover: var(--white);
    --button-outline-positive-background: hsl(var(--white-hsl)/0);
    --button-outline-positive-background-active: var(--green-530);
    --button-outline-positive-background-hover: var(--green-430);
    --button-outline-positive-border: var(--green-360);
    --button-outline-positive-border-active: var(--green-530);
    --button-outline-positive-border-hover: var(--green-430);
    --button-outline-positive-text: var(--white);
    --button-outline-positive-text-active: var(--white);
    --button-outline-positive-text-hover: var(--white);
    --button-outline-primary-background: hsl(var(--white-hsl)/0);
    --button-outline-primary-background-active: var(--plum-11);
    --button-outline-primary-background-hover: var(--plum-13);
    --button-outline-primary-border: var(--primary-500);
    --button-outline-primary-border-active: var(--plum-11);
    --button-outline-primary-border-hover: var(--plum-13);
    --button-outline-primary-text: var(--white);
    --button-outline-primary-text-active: var(--white);
    --button-outline-primary-text-hover: var(--white);
    --button-positive-background: var(--green-430);
    --button-positive-background-active: var(--green-530);
    --button-positive-background-disabled: var(--green-430);
    --button-positive-background-hover: var(--green-500);
    --button-positive-border: hsl(var(--white-500-hsl)/0);
    --button-secondary-background: var(--plum-13);
    --button-secondary-background-active: var(--plum-10);
    --button-secondary-background-disabled: var(--plum-13);
    --button-secondary-background-hover: var(--plum-11);
    --button-secondary-text: var(--white-500);
    --button-transparent-background: hsl(var(--white-500-hsl)/0.1);
    --button-transparent-background-active: hsl(var(--white-500-hsl)/0.01);
    --button-transparent-background-hover: hsl(var(--white-500-hsl)/0.05);
    --button-transparent-text: var(--plum-3);
    --card-gradient-bg: hsl(var(--black-hsl)/0.4);
    --card-gradient-bg: color-mix(in oklab, hsl(var(--black-hsl)/0.4) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.4) var(--theme-base-color-amount, 0%));
    --card-gradient-pressed-bg: hsl(var(--black-hsl)/0.5);
    --card-gradient-pressed-bg: color-mix(in oklab, hsl(var(--black-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --card-primary-bg: var(--plum-18);
    --card-primary-bg: color-mix(in oklab, var(--plum-18) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --card-primary-pressed-bg: var(--plum-19);
    --card-primary-pressed-bg: color-mix(in oklab, var(--plum-19) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --card-secondary-bg: var(--plum-19);
    --card-secondary-bg: color-mix(in oklab, var(--plum-19) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --card-secondary-pressed-bg: var(--plum-21);
    --card-secondary-pressed-bg: color-mix(in oklab, var(--plum-21) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --channeltextarea-background: var(--plum-15);
    --channeltextarea-background: color-mix(in oklab, var(--plum-15) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-background: var(--plum-16);
    --chat-background: color-mix(in oklab, var(--plum-16) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-banner-bg: var(--plum-20);
    --chat-banner-bg: color-mix(in oklab, var(--plum-20) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-border: var(--plum-20);
    --chat-border: color-mix(in oklab, var(--plum-20) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-input-container-background: var(--plum-16);
    --chat-input-container-background: color-mix(in oklab, var(--plum-16) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-background: var(--plum-22);
    --chat-swipe-to-reply-background: color-mix(in oklab, var(--plum-22) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --chat-swipe-to-reply-gradient-background: hsl(var(--black-hsl)/0.1);
    --chat-swipe-to-reply-gradient-background: color-mix(in oklab, hsl(var(--black-hsl)/0.1) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.1) var(--theme-base-color-amount, 0%));
    --coachmark-bg: var(--plum-17);
    --coachmark-bg: color-mix(in oklab, var(--plum-17) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --custom-status-bubble-bg: var(--plum-17);
    --custom-status-bubble-bg: color-mix(in oklab, var(--plum-17) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --divider-strong: hsl(var(--plum-11-hsl)/0.22);
    --divider-strong: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.22) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.22) var(--theme-base-color-amount, 0%));
    --embed-background: var(--plum-18);
    --embed-background: color-mix(in oklab, var(--plum-18) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --embed-background-alternate: var(--primary-600);
    --embed-background-alternate: color-mix(in oklab, var(--primary-600) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --embed-title: var(--plum-3);
    --embed-title: color-mix(in oklab, var(--plum-3) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --expression-picker-bg: var(--plum-20);
    --expression-picker-bg: color-mix(in oklab, var(--plum-20) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --header-primary: var(--plum-3);
    --header-primary: color-mix(in oklab, var(--plum-3) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-secondary: var(--plum-9);
    --header-secondary: color-mix(in oklab, var(--plum-9) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-muted: var(--plum-11);
    --icon-muted: color-mix(in oklab, var(--plum-11) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-primary: var(--plum-4);
    --icon-primary: color-mix(in oklab, var(--plum-4) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --input-background: hsl(var(--plum-24-hsl)/0.85);
    --input-background: color-mix(in oklab, hsl(var(--plum-24-hsl)/0.85) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.85) var(--theme-base-color-amount, 0%));
    --input-border: hsl(var(--plum-11-hsl)/0.32);
    --input-border: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.32) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.32) var(--theme-base-color-amount, 0%));
    --input-error-background: hsl(var(--red-500-hsl)/0.12);
    --input-error-background: color-mix(in oklab, hsl(var(--red-500-hsl)/0.12) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.12) var(--theme-base-color-amount, 0%));
    --input-error-border: var(--red-360);
    --input-error-border: color-mix(in oklab, var(--red-360) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --input-error-text: var(--red-260);
    --input-error-text: color-mix(in oklab, var(--red-260) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --input-focused-border: hsl(var(--plum-11-hsl)/0.32);
    --input-focused-border: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.32) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.32) var(--theme-base-color-amount, 0%));
    --input-placeholder-text: var(--plum-10);
    --input-placeholder-text: color-mix(in oklab, var(--plum-10) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --interactive-active: var(--plum-1);
    --interactive-active: color-mix(in oklab, var(--plum-1) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --panel-bg: var(--plum-20);
    --panel-bg: color-mix(in oklab, var(--plum-20) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-activity-card-badge-icon: var(--plum-10);
    --redesign-activity-card-badge-icon: color-mix(in oklab, var(--plum-10) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-active-background: var(--green-430);
    --redesign-button-active-background: color-mix(in oklab, var(--green-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-active-pressed-background: var(--green-460);
    --redesign-button-active-pressed-background: color-mix(in oklab, var(--green-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-active-text: var(--white);
    --redesign-button-active-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-danger-background: var(--red-430);
    --redesign-button-danger-background: color-mix(in oklab, var(--red-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-pressed-background: var(--red-460);
    --redesign-button-danger-pressed-background: color-mix(in oklab, var(--red-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-danger-text: var(--white);
    --redesign-button-danger-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-destructive-background: var(--red-430);
    --redesign-button-destructive-background: color-mix(in oklab, var(--red-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-pressed-background: var(--red-460);
    --redesign-button-destructive-pressed-background: color-mix(in oklab, var(--red-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-destructive-text: var(--white);
    --redesign-button-destructive-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-alpha-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-overlay-alpha-background: color-mix(in oklab, hsl(var(--black-hsl)/0.54) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-overlay-alpha-pressed-background: color-mix(in oklab, hsl(var(--black-hsl)/0.64) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-alpha-text: var(--white);
    --redesign-button-overlay-alpha-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-overlay-background: var(--white);
    --redesign-button-overlay-background: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-overlay-text: var(--primary-860);
    --redesign-button-overlay-text: color-mix(in oklab, var(--primary-860) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-positive-background: var(--green-430);
    --redesign-button-positive-background: color-mix(in oklab, var(--green-430) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-pressed-background: var(--green-460);
    --redesign-button-positive-pressed-background: color-mix(in oklab, var(--green-460) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-positive-text: var(--white);
    --redesign-button-positive-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-background: hsl(var(--brand-500-hsl)/0);
    --redesign-button-primary-alt-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-border: var(--brand-360);
    --redesign-button-primary-alt-border: color-mix(in oklab, var(--brand-360) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl)/0);
    --redesign-button-primary-alt-on-blurple-background: color-mix(in oklab, hsl(var(--brand-530-hsl)/0) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-border: var(--white);
    --redesign-button-primary-alt-on-blurple-border: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
    --redesign-button-primary-alt-on-blurple-pressed-background: color-mix(in oklab, var(--brand-530) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
    --redesign-button-primary-alt-on-blurple-pressed-border: color-mix(in oklab, var(--brand-360) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-on-blurple-text: var(--white);
    --redesign-button-primary-alt-on-blurple-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-pressed-background: hsl(var(--brand-700-hsl)/0.16);
    --redesign-button-primary-alt-pressed-background: color-mix(in oklab, hsl(var(--brand-700-hsl)/0.16) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.16) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-border: hsl(var(--brand-400-hsl)/0.5);
    --redesign-button-primary-alt-pressed-border: color-mix(in oklab, hsl(var(--brand-400-hsl)/0.5) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.5) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-alt-pressed-text: var(--brand-360);
    --redesign-button-primary-alt-pressed-text: color-mix(in oklab, var(--brand-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-alt-text: var(--brand-360);
    --redesign-button-primary-alt-text: color-mix(in oklab, var(--brand-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-background: var(--brand-500);
    --redesign-button-primary-background: color-mix(in oklab, var(--brand-500) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
    --redesign-button-primary-on-blurple-pressed-text: color-mix(in oklab, var(--brand-530) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-overlay-background: var(--white);
    --redesign-button-primary-overlay-background: color-mix(in oklab, var(--white) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-pressed-background: var(--plum-4);
    --redesign-button-primary-overlay-pressed-background: color-mix(in oklab, var(--plum-4) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-overlay-text: var(--plum-25);
    --redesign-button-primary-overlay-text: color-mix(in oklab, var(--plum-25) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-primary-pressed-background: var(--brand-560);
    --redesign-button-primary-pressed-background: color-mix(in oklab, var(--brand-560) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-primary-text: var(--white);
    --redesign-button-primary-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-background: var(--plum-15);
    --redesign-button-secondary-background: color-mix(in oklab, var(--plum-15) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-border: hsl(var(--plum-11-hsl)/0.12);
    --redesign-button-secondary-border: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.12) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.12) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-secondary-overlay-background: color-mix(in oklab, hsl(var(--black-hsl)/0.54) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.54) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-secondary-overlay-pressed-background: color-mix(in oklab, hsl(var(--black-hsl)/0.64) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.64) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-overlay-text: var(--white);
    --redesign-button-secondary-overlay-text: color-mix(in oklab, var(--white) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-secondary-pressed-background: var(--plum-13);
    --redesign-button-secondary-pressed-background: color-mix(in oklab, var(--plum-13) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-pressed-border: hsl(var(--plum-11-hsl)/0.06);
    --redesign-button-secondary-pressed-border: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.06) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.06) var(--theme-base-color-amount, 0%));
    --redesign-button-secondary-text: var(--plum-6);
    --redesign-button-secondary-text: color-mix(in oklab, var(--plum-6) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-selected-background: hsl(var(--brand-500-hsl)/0.24);
    --redesign-button-selected-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.24) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.24) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-pressed-background: hsl(var(--brand-500-hsl)/0.28);
    --redesign-button-selected-pressed-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.28) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.28) var(--theme-base-color-amount, 0%));
    --redesign-button-selected-text: var(--brand-500);
    --redesign-button-selected-text: color-mix(in oklab, var(--brand-500) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-background: hsl(var(--plum-11-hsl)/0.12);
    --redesign-button-tertiary-background: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.12) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.12) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-background: hsl(var(--plum-11-hsl)/0.2);
    --redesign-button-tertiary-pressed-background: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.2) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.2) var(--theme-base-color-amount, 0%));
    --redesign-button-tertiary-pressed-text: var(--plum-5);
    --redesign-button-tertiary-pressed-text: color-mix(in oklab, var(--plum-5) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-button-tertiary-text: var(--plum-6);
    --redesign-button-tertiary-text: color-mix(in oklab, var(--plum-6) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-muted-text: var(--plum-10);
    --redesign-channel-name-muted-text: color-mix(in oklab, var(--plum-10) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-channel-name-text: var(--plum-3);
    --redesign-channel-name-text: color-mix(in oklab, var(--plum-3) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --redesign-chat-input-background: hsl(var(--plum-11-hsl)/0.12);
    --redesign-chat-input-background: color-mix(in oklab, hsl(var(--plum-11-hsl)/0.12) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.12) var(--theme-base-color-amount, 0%));
    --redesign-image-button-pressed-background: hsl(var(--black-hsl)/0.08);
    --redesign-image-button-pressed-background: color-mix(in oklab, hsl(var(--black-hsl)/0.08) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.08) var(--theme-base-color-amount, 0%));
    --redesign-input-control-active-bg: var(--plum-16);
    --redesign-input-control-active-bg: color-mix(in oklab, var(--plum-16) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --redesign-input-control-selected: var(--brand-500);
    --redesign-input-control-selected: color-mix(in oklab, var(--brand-500) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-thumb: var(--plum-21);
    --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab, var(--plum-21) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-scrollbar-color-track: var(--plum-17);
    --scrollbar-auto-scrollbar-color-track: color-mix(in oklab, var(--plum-17) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-thumb: var(--plum-21);
    --scrollbar-auto-thumb: color-mix(in oklab, var(--plum-21) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-auto-track: var(--plum-19);
    --scrollbar-auto-track: color-mix(in oklab, var(--plum-19) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-thumb: var(--plum-21);
    --scrollbar-thin-thumb: color-mix(in oklab, var(--plum-21) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --scrollbar-thin-track: hsl(var(--black-hsl)/0);
    --scrollbar-thin-track: color-mix(in oklab, hsl(var(--black-hsl)/0) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0) var(--theme-base-color-amount, 0%));
    --stage-card-pill-bg: var(--plum-19);
    --stage-card-pill-bg: color-mix(in oklab, var(--plum-19) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --text-brand: var(--brand-360);
    --text-brand: color-mix(in oklab, var(--brand-360) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-danger: var(--red-345);
    --text-danger: color-mix(in oklab, var(--red-345) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-link: var(--blue-345);
    --text-link: color-mix(in oklab, var(--blue-345) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-link-low-saturation: var(--blue-330);
    --text-link-low-saturation: color-mix(in oklab, var(--blue-330) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-low-contrast: var(--plum-11);
    --text-low-contrast: color-mix(in oklab, var(--plum-11) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-message-preview-low-sat: var(--plum-11);
    --text-message-preview-low-sat: color-mix(in oklab, var(--plum-11) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-muted: var(--plum-10);
    --text-muted: color-mix(in oklab, var(--plum-10) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-muted-on-default: var(--primary-330);
    --text-muted-on-default: color-mix(in oklab, var(--primary-330) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-normal: var(--plum-6);
    --text-normal: color-mix(in oklab, var(--plum-6) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-positive: var(--green-330);
    --text-positive: color-mix(in oklab, var(--green-330) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-primary: var(--plum-6);
    --text-primary: color-mix(in oklab, var(--plum-6) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-secondary: var(--plum-9);
    --text-secondary: color-mix(in oklab, var(--plum-9) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-warning: var(--yellow-300);
    --text-warning: color-mix(in oklab, var(--yellow-300) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --toast-bg: var(--plum-17);
    --toast-bg: color-mix(in oklab, var(--plum-17) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --typing-indicator-bg: var(--plum-20);
    --typing-indicator-bg: color-mix(in oklab, var(--plum-20) 100%, var(--theme-base-color, #000) var(--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)*3.226%) 93.922%;
    --neutral-6: hsl(var(--neutral-6-hsl)/1);
    --neutral-6-hsl: 240 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.348%) 90.98%;
    --neutral-8: hsl(var(--neutral-8-hsl)/1);
    --neutral-8-hsl: 240 calc(var(--saturation-factor, 1)*5.66%) 89.608%;
    --neutral-9: hsl(var(--neutral-9-hsl)/1);
    --neutral-9-hsl: 240 calc(var(--saturation-factor, 1)*4.918%) 88.039%;
    --neutral-10: hsl(var(--neutral-10-hsl)/1);
    --neutral-10-hsl: 240 calc(var(--saturation-factor, 1)*2.941%) 86.667%;
    --neutral-11: hsl(var(--neutral-11-hsl)/1);
    --neutral-11-hsl: 240 calc(var(--saturation-factor, 1)*4%) 85.294%;
    --neutral-12: hsl(var(--neutral-12-hsl)/1);
    --neutral-12-hsl: 240 calc(var(--saturation-factor, 1)*3.614%) 83.725%;
    --neutral-13: hsl(var(--neutral-13-hsl)/1);
    --neutral-13-hsl: 240 calc(var(--saturation-factor, 1)*4.444%) 82.353%;
    --neutral-14: hsl(var(--neutral-14-hsl)/1);
    --neutral-14-hsl: 240 calc(var(--saturation-factor, 1)*4.082%) 80.784%;
    --neutral-15: hsl(var(--neutral-15-hsl)/1);
    --neutral-15-hsl: 240 calc(var(--saturation-factor, 1)*4.762%) 79.412%;
    --neutral-16: hsl(var(--neutral-16-hsl)/1);
    --neutral-16-hsl: 240 calc(var(--saturation-factor, 1)*3.571%) 78.039%;
    --neutral-17: hsl(var(--neutral-17-hsl)/1);
    --neutral-17-hsl: 240 calc(var(--saturation-factor, 1)*4.202%) 76.667%;
    --neutral-18: hsl(var(--neutral-18-hsl)/1);
    --neutral-18-hsl: 240 calc(var(--saturation-factor, 1)*3.937%) 75.098%;
    --neutral-19: hsl(var(--neutral-19-hsl)/1);
    --neutral-19-hsl: 240 calc(var(--saturation-factor, 1)*4.478%) 73.725%;
    --neutral-20: hsl(var(--neutral-20-hsl)/1);
    --neutral-20-hsl: 230 calc(var(--saturation-factor, 1)*4.225%) 72.157%;
    --neutral-21: hsl(var(--neutral-21-hsl)/1);
    --neutral-21-hsl: 240 calc(var(--saturation-factor, 1)*4.054%) 70.98%;
    --neutral-22: hsl(var(--neutral-22-hsl)/1);
    --neutral-22-hsl: 240 calc(var(--saturation-factor, 1)*3.846%) 69.412%;
    --neutral-23: hsl(var(--neutral-23-hsl)/1);
    --neutral-23-hsl: 240 calc(var(--saturation-factor, 1)*4.294%) 68.039%;
    --neutral-24: hsl(var(--neutral-24-hsl)/1);
    --neutral-24-hsl: 240 calc(var(--saturation-factor, 1)*3.529%) 66.667%;
    --neutral-25: hsl(var(--neutral-25-hsl)/1);
    --neutral-25-hsl: 240 calc(var(--saturation-factor, 1)*3.955%) 65.294%;
    --neutral-26: hsl(var(--neutral-26-hsl)/1);
    --neutral-26-hsl: 240 calc(var(--saturation-factor, 1)*3.784%) 63.725%;
    --neutral-27: hsl(var(--neutral-27-hsl)/1);
    --neutral-27-hsl: 240 calc(var(--saturation-factor, 1)*3.665%) 62.549%;
    --neutral-28: hsl(var(--neutral-28-hsl)/1);
    --neutral-28-hsl: 240 calc(var(--saturation-factor, 1)*3.518%) 60.98%;
    --neutral-29: hsl(var(--neutral-29-hsl)/1);
    --neutral-29-hsl: 240 calc(var(--saturation-factor, 1)*3.883%) 59.608%;
    --neutral-30: hsl(var(--neutral-30-hsl)/1);
    --neutral-30-hsl: 240 calc(var(--saturation-factor, 1)*3.774%) 58.431%;
    --neutral-31: hsl(var(--neutral-31-hsl)/1);
    --neutral-31-hsl: 240 calc(var(--saturation-factor, 1)*3.636%) 56.863%;
    --neutral-32: hsl(var(--neutral-32-hsl)/1);
    --neutral-32-hsl: 240 calc(var(--saturation-factor, 1)*3.54%) 55.686%;
    --neutral-33: hsl(var(--neutral-33-hsl)/1);
    --neutral-33-hsl: 240 calc(var(--saturation-factor, 1)*3.419%) 54.118%;
    --neutral-34: hsl(var(--neutral-34-hsl)/1);
    --neutral-34-hsl: 240 calc(var(--saturation-factor, 1)*3.333%) 52.941%;
    --neutral-35: hsl(var(--neutral-35-hsl)/1);
    --neutral-35-hsl: 240 calc(var(--saturation-factor, 1)*3.644%) 51.569%;
    --neutral-36: hsl(var(--neutral-36-hsl)/1);
    --neutral-36-hsl: 240 calc(var(--saturation-factor, 1)*3.15%) 50.196%;
    --neutral-37: hsl(var(--neutral-37-hsl)/1);
    --neutral-37-hsl: 240 calc(var(--saturation-factor, 1)*3.614%) 48.824%;
    --neutral-38: hsl(var(--neutral-38-hsl)/1);
    --neutral-38-hsl: 240 calc(var(--saturation-factor, 1)*3.704%) 47.647%;
    --neutral-39: hsl(var(--neutral-39-hsl)/1);
    --neutral-39-hsl: 240 calc(var(--saturation-factor, 1)*3.83%) 46.078%;
    --neutral-40: hsl(var(--neutral-40-hsl)/1);
    --neutral-40-hsl: 240 calc(var(--saturation-factor, 1)*3.93%) 44.902%;
    --neutral-41: hsl(var(--neutral-41-hsl)/1);
    --neutral-41-hsl: 240 calc(var(--saturation-factor, 1)*4.505%) 43.529%;
    --neutral-42: hsl(var(--neutral-42-hsl)/1);
    --neutral-42-hsl: 240 calc(var(--saturation-factor, 1)*4.63%) 42.353%;
    --neutral-43: hsl(var(--neutral-43-hsl)/1);
    --neutral-43-hsl: 240 calc(var(--saturation-factor, 1)*4.306%) 40.98%;
    --neutral-44: hsl(var(--neutral-44-hsl)/1);
    --neutral-44-hsl: 240 calc(var(--saturation-factor, 1)*4.95%) 39.608%;
    --neutral-45: hsl(var(--neutral-45-hsl)/1);
    --neutral-45-hsl: 240 calc(var(--saturation-factor, 1)*5.102%) 38.431%;
    --neutral-46: hsl(var(--neutral-46-hsl)/1);
    --neutral-46-hsl: 240 calc(var(--saturation-factor, 1)*5.263%) 37.255%;
    --neutral-47: hsl(var(--neutral-47-hsl)/1);
    --neutral-47-hsl: 240 calc(var(--saturation-factor, 1)*5.495%) 35.686%;
    --neutral-48: hsl(var(--neutral-48-hsl)/1);
    --neutral-48-hsl: 240 calc(var(--saturation-factor, 1)*5.682%) 34.51%;
    --neutral-49: hsl(var(--neutral-49-hsl)/1);
    --neutral-49-hsl: 240 calc(var(--saturation-factor, 1)*5.882%) 33.333%;
    --neutral-50: hsl(var(--neutral-50-hsl)/1);
    --neutral-50-hsl: 240 calc(var(--saturation-factor, 1)*5.882%) 33.333%;
    --neutral-51: hsl(var(--neutral-51-hsl)/1);
    --neutral-51-hsl: 240 calc(var(--saturation-factor, 1)*6.024%) 32.549%;
    --neutral-52: hsl(var(--neutral-52-hsl)/1);
    --neutral-52-hsl: 240 calc(var(--saturation-factor, 1)*5.521%) 31.961%;
    --neutral-53: hsl(var(--neutral-53-hsl)/1);
    --neutral-53-hsl: 240 calc(var(--saturation-factor, 1)*6.25%) 31.373%;
    --neutral-54: hsl(var(--neutral-54-hsl)/1);
    --neutral-54-hsl: 240 calc(var(--saturation-factor, 1)*5.732%) 30.784%;
    --neutral-55: hsl(var(--neutral-55-hsl)/1);
    --neutral-55-hsl: 240 calc(var(--saturation-factor, 1)*5.882%) 30%;
    --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: 240 calc(var(--saturation-factor, 1)*5.479%) 28.627%;
    --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: 240 calc(var(--saturation-factor, 1)*5.714%) 27.451%;
    --neutral-60: hsl(var(--neutral-60-hsl)/1);
    --neutral-60-hsl: 240 calc(var(--saturation-factor, 1)*5.882%) 26.667%;
    --neutral-61: hsl(var(--neutral-61-hsl)/1);
    --neutral-61-hsl: 240 calc(var(--saturation-factor, 1)*5.263%) 26.078%;
    --neutral-62: hsl(var(--neutral-62-hsl)/1);
    --neutral-62-hsl: 240 calc(var(--saturation-factor, 1)*6.154%) 25.49%;
    --neutral-63: hsl(var(--neutral-63-hsl)/1);
    --neutral-63-hsl: 240 calc(var(--saturation-factor, 1)*5.512%) 24.902%;
    --neutral-64: hsl(var(--neutral-64-hsl)/1);
    --neutral-64-hsl: 240 calc(var(--saturation-factor, 1)*5.691%) 24.118%;
    --neutral-65: hsl(var(--neutral-65-hsl)/1);
    --neutral-65-hsl: 240 calc(var(--saturation-factor, 1)*5.785%) 23.725%;
    --neutral-66: hsl(var(--neutral-66-hsl)/1);
    --neutral-66-hsl: 240 calc(var(--saturation-factor, 1)*5.983%) 22.941%;
    --neutral-67: hsl(var(--neutral-67-hsl)/1);
    --neutral-67-hsl: 240 calc(var(--saturation-factor, 1)*5.263%) 22.353%;
    --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: 240 calc(var(--saturation-factor, 1)*5.556%) 21.176%;
    --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: 240 calc(var(--saturation-factor, 1)*4.95%) 19.804%;
    --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: 240 calc(var(--saturation-factor, 1)*5.263%) 18.627%;
    --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: 240 calc(var(--saturation-factor, 1)*5.618%) 17.451%;
    --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: 240 calc(var(--saturation-factor, 1)*5%) 15.686%;
    --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: 240 calc(var(--saturation-factor, 1)*5.405%) 14.51%;
    --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: 240 calc(var(--saturation-factor, 1)*4.615%) 12.745%;
    --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: 240 calc(var(--saturation-factor, 1)*5.085%) 11.569%;
    --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: 240 calc(var(--saturation-factor, 1)*5.882%) 10%;
    --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)*5.882%) 6.667%;
    --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: 212.195 calc(var(--saturation-factor, 1)*87.234%) 90.784%;
    --blue-new-2: hsl(var(--blue-new-2-hsl)/1);
    --blue-new-2-hsl: 212 calc(var(--saturation-factor, 1)*88.235%) 90%;
    --blue-new-3: hsl(var(--blue-new-3-hsl)/1);
    --blue-new-3-hsl: 212.5 calc(var(--saturation-factor, 1)*85.714%) 89.02%;
    --blue-new-4: hsl(var(--blue-new-4-hsl)/1);
    --blue-new-4-hsl: 212.308 calc(var(--saturation-factor, 1)*86.667%) 88.235%;
    --blue-new-5: hsl(var(--blue-new-5-hsl)/1);
    --blue-new-5-hsl: 212.143 calc(var(--saturation-factor, 1)*87.5%) 87.451%;
    --blue-new-6: hsl(var(--blue-new-6-hsl)/1);
    --blue-new-6-hsl: 211.525 calc(var(--saturation-factor, 1)*85.507%) 86.471%;
    --blue-new-7: hsl(var(--blue-new-7-hsl)/1);
    --blue-new-7-hsl: 212.381 calc(var(--saturation-factor, 1)*86.301%) 85.686%;
    --blue-new-8: hsl(var(--blue-new-8-hsl)/1);
    --blue-new-8-hsl: 212.239 calc(var(--saturation-factor, 1)*87.013%) 84.902%;
    --blue-new-9: hsl(var(--blue-new-9-hsl)/1);
    --blue-new-9-hsl: 211.714 calc(var(--saturation-factor, 1)*85.366%) 83.922%;
    --blue-new-10: hsl(var(--blue-new-10-hsl)/1);
    --blue-new-10-hsl: 212.877 calc(var(--saturation-factor, 1)*85.882%) 83.333%;
    --blue-new-11: hsl(var(--blue-new-11-hsl)/1);
    --blue-new-11-hsl: 212.368 calc(var(--saturation-factor, 1)*84.444%) 82.353%;
    --blue-new-12: hsl(var(--blue-new-12-hsl)/1);
    --blue-new-12-hsl: 212.25 calc(var(--saturation-factor, 1)*85.106%) 81.569%;
    --blue-new-13: hsl(var(--blue-new-13-hsl)/1);
    --blue-new-13-hsl: 212.857 calc(var(--saturation-factor, 1)*85.714%) 80.784%;
    --blue-new-14: hsl(var(--blue-new-14-hsl)/1);
    --blue-new-14-hsl: 212.414 calc(var(--saturation-factor, 1)*84.466%) 79.804%;
    --blue-new-15: hsl(var(--blue-new-15-hsl)/1);
    --blue-new-15-hsl: 212.308 calc(var(--saturation-factor, 1)*85.047%) 79.02%;
    --blue-new-16: hsl(var(--blue-new-16-hsl)/1);
    --blue-new-16-hsl: 212.258 calc(var(--saturation-factor, 1)*83.784%) 78.235%;
    --blue-new-17: hsl(var(--blue-new-17-hsl)/1);
    --blue-new-17-hsl: 212.784 calc(var(--saturation-factor, 1)*84.348%) 77.451%;
    --blue-new-18: hsl(var(--blue-new-18-hsl)/1);
    --blue-new-18-hsl: 212.4 calc(var(--saturation-factor, 1)*83.333%) 76.471%;
    --blue-new-19: hsl(var(--blue-new-19-hsl)/1);
    --blue-new-19-hsl: 212.308 calc(var(--saturation-factor, 1)*83.871%) 75.686%;
    --blue-new-20: hsl(var(--blue-new-20-hsl)/1);
    --blue-new-20-hsl: 212.523 calc(var(--saturation-factor, 1)*82.946%) 74.706%;
    --blue-new-21: hsl(var(--blue-new-21-hsl)/1);
    --blue-new-21-hsl: 212.727 calc(var(--saturation-factor, 1)*83.333%) 74.118%;
    --blue-new-22: hsl(var(--blue-new-22-hsl)/1);
    --blue-new-22-hsl: 212.92 calc(var(--saturation-factor, 1)*82.482%) 73.137%;
    --blue-new-23: hsl(var(--blue-new-23-hsl)/1);
    --blue-new-23-hsl: 212.821 calc(var(--saturation-factor, 1)*82.979%) 72.353%;
    --blue-new-24: hsl(var(--blue-new-24-hsl)/1);
    --blue-new-24-hsl: 212.5 calc(var(--saturation-factor, 1)*82.192%) 71.373%;
    --blue-new-25: hsl(var(--blue-new-25-hsl)/1);
    --blue-new-25-hsl: 212.903 calc(var(--saturation-factor, 1)*82.667%) 70.588%;
    --blue-new-26: hsl(var(--blue-new-26-hsl)/1);
    --blue-new-26-hsl: 212.857 calc(var(--saturation-factor, 1)*81.818%) 69.804%;
    --blue-new-27: hsl(var(--blue-new-27-hsl)/1);
    --blue-new-27-hsl: 212.769 calc(var(--saturation-factor, 1)*82.278%) 69.02%;
    --blue-new-28: hsl(var(--blue-new-28-hsl)/1);
    --blue-new-28-hsl: 212.932 calc(var(--saturation-factor, 1)*81.595%) 68.039%;
    --blue-new-29: hsl(var(--blue-new-29-hsl)/1);
    --blue-new-29-hsl: 212.847 calc(var(--saturation-factor, 1)*82.036%) 67.255%;
    --blue-new-30: hsl(var(--blue-new-30-hsl)/1);
    --blue-new-30-hsl: 212.571 calc(var(--saturation-factor, 1)*81.395%) 66.275%;
    --blue-new-31: hsl(var(--blue-new-31-hsl)/1);
    --blue-new-31-hsl: 213.147 calc(var(--saturation-factor, 1)*81.714%) 65.686%;
    --blue-new-32: hsl(var(--blue-new-32-hsl)/1);
    --blue-new-32-hsl: 212.877 calc(var(--saturation-factor, 1)*81.111%) 64.706%;
    --blue-new-33: hsl(var(--blue-new-33-hsl)/1);
    --blue-new-33-hsl: 213.02 calc(var(--saturation-factor, 1)*80.541%) 63.725%;
    --blue-new-34: hsl(var(--blue-new-34-hsl)/1);
    --blue-new-34-hsl: 212.941 calc(var(--saturation-factor, 1)*80.952%) 62.941%;
    --blue-new-35: hsl(var(--blue-new-35-hsl)/1);
    --blue-new-35-hsl: 212.692 calc(var(--saturation-factor, 1)*80.412%) 61.961%;
    --blue-new-36: hsl(var(--blue-new-36-hsl)/1);
    --blue-new-36-hsl: 213 calc(var(--saturation-factor, 1)*80.808%) 61.176%;
    --blue-new-37: hsl(var(--blue-new-37-hsl)/1);
    --blue-new-37-hsl: 212.761 calc(var(--saturation-factor, 1)*80.296%) 60.196%;
    --blue-new-38: hsl(var(--blue-new-38-hsl)/1);
    --blue-new-38-hsl: 212.892 calc(var(--saturation-factor, 1)*79.808%) 59.216%;
    --blue-new-39: hsl(var(--blue-new-39-hsl)/1);
    --blue-new-39-hsl: 212.824 calc(var(--saturation-factor, 1)*80.189%) 58.431%;
    --blue-new-40: hsl(var(--blue-new-40-hsl)/1);
    --blue-new-40-hsl: 212.759 calc(var(--saturation-factor, 1)*79.817%) 57.255%;
    --blue-new-41: hsl(var(--blue-new-41-hsl)/1);
    --blue-new-41-hsl: 212.542 calc(var(--saturation-factor, 1)*79.372%) 56.275%;
    --blue-new-42: hsl(var(--blue-new-42-hsl)/1);
    --blue-new-42-hsl: 212.637 calc(var(--saturation-factor, 1)*79.825%) 55.294%;
    --blue-new-43: hsl(var(--blue-new-43-hsl)/1);
    --blue-new-43-hsl: 212.258 calc(var(--saturation-factor, 1)*79.487%) 54.118%;
    --blue-new-44: hsl(var(--blue-new-44-hsl)/1);
    --blue-new-44-hsl: 211.895 calc(var(--saturation-factor, 1)*79.167%) 52.941%;
    --blue-new-45: hsl(var(--blue-new-45-hsl)/1);
    --blue-new-45-hsl: 212 calc(var(--saturation-factor, 1)*79.592%) 51.961%;
    --blue-new-46: hsl(var(--blue-new-46-hsl)/1);
    --blue-new-46-hsl: 211.5 calc(var(--saturation-factor, 1)*79.365%) 50.588%;
    --blue-new-47: hsl(var(--blue-new-47-hsl)/1);
    --blue-new-47-hsl: 211.014 calc(var(--saturation-factor, 1)*83.133%) 48.824%;
    --blue-new-48: hsl(var(--blue-new-48-hsl)/1);
    --blue-new-48-hsl: 210.278 calc(var(--saturation-factor, 1)*90%) 47.059%;
    --blue-new-49: hsl(var(--blue-new-49-hsl)/1);
    --blue-new-49-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --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.455 calc(var(--saturation-factor, 1)*98.214%) 43.922%;
    --blue-new-52: hsl(var(--blue-new-52-hsl)/1);
    --blue-new-52-hsl: 209.858 calc(var(--saturation-factor, 1)*95.475%) 43.333%;
    --blue-new-53: hsl(var(--blue-new-53-hsl)/1);
    --blue-new-53-hsl: 210 calc(var(--saturation-factor, 1)*93.578%) 42.745%;
    --blue-new-54: hsl(var(--blue-new-54-hsl)/1);
    --blue-new-54-hsl: 210.152 calc(var(--saturation-factor, 1)*91.628%) 42.157%;
    --blue-new-55: hsl(var(--blue-new-55-hsl)/1);
    --blue-new-55-hsl: 210 calc(var(--saturation-factor, 1)*90.476%) 41.176%;
    --blue-new-56: hsl(var(--blue-new-56-hsl)/1);
    --blue-new-56-hsl: 210.492 calc(var(--saturation-factor, 1)*88.406%) 40.588%;
    --blue-new-57: hsl(var(--blue-new-57-hsl)/1);
    --blue-new-57-hsl: 210.508 calc(var(--saturation-factor, 1)*87.192%) 39.804%;
    --blue-new-58: hsl(var(--blue-new-58-hsl)/1);
    --blue-new-58-hsl: 210.526 calc(var(--saturation-factor, 1)*85.93%) 39.02%;
    --blue-new-59: hsl(var(--blue-new-59-hsl)/1);
    --blue-new-59-hsl: 210.909 calc(var(--saturation-factor, 1)*84.615%) 38.235%;
    --blue-new-60: hsl(var(--blue-new-60-hsl)/1);
    --blue-new-60-hsl: 210.943 calc(var(--saturation-factor, 1)*83.246%) 37.451%;
    --blue-new-61: hsl(var(--blue-new-61-hsl)/1);
    --blue-new-61-hsl: 210.779 calc(var(--saturation-factor, 1)*82.796%) 36.471%;
    --blue-new-62: hsl(var(--blue-new-62-hsl)/1);
    --blue-new-62-hsl: 210.811 calc(var(--saturation-factor, 1)*81.319%) 35.686%;
    --blue-new-63: hsl(var(--blue-new-63-hsl)/1);
    --blue-new-63-hsl: 211.049 calc(var(--saturation-factor, 1)*80.791%) 34.706%;
    --blue-new-64: hsl(var(--blue-new-64-hsl)/1);
    --blue-new-64-hsl: 211.079 calc(var(--saturation-factor, 1)*80.347%) 33.922%;
    --blue-new-65: hsl(var(--blue-new-65-hsl)/1);
    --blue-new-65-hsl: 211.128 calc(var(--saturation-factor, 1)*78.698%) 33.137%;
    --blue-new-66: hsl(var(--blue-new-66-hsl)/1);
    --blue-new-66-hsl: 210.938 calc(var(--saturation-factor, 1)*78.049%) 32.157%;
    --blue-new-67: hsl(var(--blue-new-67-hsl)/1);
    --blue-new-67-hsl: 210.968 calc(var(--saturation-factor, 1)*77.5%) 31.373%;
    --blue-new-68: hsl(var(--blue-new-68-hsl)/1);
    --blue-new-68-hsl: 211.261 calc(var(--saturation-factor, 1)*76.774%) 30.392%;
    --blue-new-69: hsl(var(--blue-new-69-hsl)/1);
    --blue-new-69-hsl: 211.304 calc(var(--saturation-factor, 1)*76.159%) 29.608%;
    --blue-new-70: hsl(var(--blue-new-70-hsl)/1);
    --blue-new-70-hsl: 211.091 calc(var(--saturation-factor, 1)*75.342%) 28.627%;
    --blue-new-71: hsl(var(--blue-new-71-hsl)/1);
    --blue-new-71-hsl: 211.132 calc(var(--saturation-factor, 1)*74.648%) 27.843%;
    --blue-new-72: hsl(var(--blue-new-72-hsl)/1);
    --blue-new-72-hsl: 210.891 calc(var(--saturation-factor, 1)*73.723%) 26.863%;
    --blue-new-73: hsl(var(--blue-new-73-hsl)/1);
    --blue-new-73-hsl: 211.224 calc(var(--saturation-factor, 1)*74.242%) 25.882%;
    --blue-new-74: hsl(var(--blue-new-74-hsl)/1);
    --blue-new-74-hsl: 211.277 calc(var(--saturation-factor, 1)*73.438%) 25.098%;
    --blue-new-75: hsl(var(--blue-new-75-hsl)/1);
    --blue-new-75-hsl: 211.333 calc(var(--saturation-factor, 1)*72.581%) 24.314%;
    --blue-new-76: hsl(var(--blue-new-76-hsl)/1);
    --blue-new-76-hsl: 211.395 calc(var(--saturation-factor, 1)*71.667%) 23.529%;
    --blue-new-77: hsl(var(--blue-new-77-hsl)/1);
    --blue-new-77-hsl: 211.084 calc(var(--saturation-factor, 1)*72.174%) 22.549%;
    --blue-new-78: hsl(var(--blue-new-78-hsl)/1);
    --blue-new-78-hsl: 211.139 calc(var(--saturation-factor, 1)*71.171%) 21.765%;
    --blue-new-79: hsl(var(--blue-new-79-hsl)/1);
    --blue-new-79-hsl: 211.579 calc(var(--saturation-factor, 1)*71.698%) 20.784%;
    --blue-new-80: hsl(var(--blue-new-80-hsl)/1);
    --blue-new-80-hsl: 211.667 calc(var(--saturation-factor, 1)*70.588%) 20%;
    --blue-new-81: hsl(var(--blue-new-81-hsl)/1);
    --blue-new-81-hsl: 211.765 calc(var(--saturation-factor, 1)*69.388%) 19.216%;
    --blue-new-82: hsl(var(--blue-new-82-hsl)/1);
    --blue-new-82-hsl: 211.385 calc(var(--saturation-factor, 1)*69.892%) 18.235%;
    --blue-new-83: hsl(var(--blue-new-83-hsl)/1);
    --blue-new-83-hsl: 210.968 calc(var(--saturation-factor, 1)*70.455%) 17.255%;
    --blue-new-84: hsl(var(--blue-new-84-hsl)/1);
    --blue-new-84-hsl: 211.525 calc(var(--saturation-factor, 1)*69.412%) 16.667%;
    --blue-new-85: hsl(var(--blue-new-85-hsl)/1);
    --blue-new-85-hsl: 211.071 calc(var(--saturation-factor, 1)*70%) 15.686%;
    --blue-new-86: hsl(var(--blue-new-86-hsl)/1);
    --blue-new-86-hsl: 211.154 calc(var(--saturation-factor, 1)*68.421%) 14.902%;
    --blue-new-87: hsl(var(--blue-new-87-hsl)/1);
    --blue-new-87-hsl: 211.2 calc(var(--saturation-factor, 1)*69.444%) 14.118%;
    --blue-new-88: hsl(var(--blue-new-88-hsl)/1);
    --blue-new-88-hsl: 210.638 calc(var(--saturation-factor, 1)*70.149%) 13.137%;
    --blue-new-89: hsl(var(--blue-new-89-hsl)/1);
    --blue-new-89-hsl: 211.364 calc(var(--saturation-factor, 1)*68.75%) 12.549%;
    --blue-new-90: hsl(var(--blue-new-90-hsl)/1);
    --blue-new-90-hsl: 211.429 calc(var(--saturation-factor, 1)*70%) 11.765%;
    --blue-new-91: hsl(var(--blue-new-91-hsl)/1);
    --blue-new-91-hsl: 210.769 calc(var(--saturation-factor, 1)*70.909%) 10.784%;
    --blue-new-92: hsl(var(--blue-new-92-hsl)/1);
    --blue-new-92-hsl: 211.667 calc(var(--saturation-factor, 1)*69.231%) 10.196%;
    --blue-new-93: hsl(var(--blue-new-93-hsl)/1);
    --blue-new-93-hsl: 211.765 calc(var(--saturation-factor, 1)*70.833%) 9.412%;
    --blue-new-94: hsl(var(--blue-new-94-hsl)/1);
    --blue-new-94-hsl: 210.968 calc(var(--saturation-factor, 1)*72.093%) 8.431%;
    --blue-new-95: hsl(var(--blue-new-95-hsl)/1);
    --blue-new-95-hsl: 211.111 calc(var(--saturation-factor, 1)*69.231%) 7.647%;
    --blue-new-96: hsl(var(--blue-new-96-hsl)/1);
    --blue-new-96-hsl: 212.5 calc(var(--saturation-factor, 1)*70.588%) 6.667%;
    --blue-new-97: hsl(var(--blue-new-97-hsl)/1);
    --blue-new-97-hsl: 214.286 calc(var(--saturation-factor, 1)*72.414%) 5.686%;
    --blue-new-98: hsl(var(--blue-new-98-hsl)/1);
    --blue-new-98-hsl: 213.75 calc(var(--saturation-factor, 1)*72.727%) 4.314%;
    --blue-new-99: hsl(var(--blue-new-99-hsl)/1);
    --blue-new-99-hsl: 216 calc(var(--saturation-factor, 1)*71.429%) 2.745%;
    --blue-new-100: hsl(var(--blue-new-100-hsl)/1);
    --blue-new-100-hsl: 220 calc(var(--saturation-factor, 1)*60%) 0.98%;
    --blurple-1: hsl(var(--blurple-1-hsl)/1);
    --blurple-1-hsl: 223.784 calc(var(--saturation-factor, 1)*100%) 92.745%;
    --blurple-2: hsl(var(--blurple-2-hsl)/1);
    --blurple-2-hsl: 225 calc(var(--saturation-factor, 1)*100%) 92.157%;
    --blurple-3: hsl(var(--blurple-3-hsl)/1);
    --blurple-3-hsl: 224.651 calc(var(--saturation-factor, 1)*100%) 91.569%;
    --blurple-4: hsl(var(--blurple-4-hsl)/1);
    --blurple-4-hsl: 224.681 calc(var(--saturation-factor, 1)*100%) 90.784%;
    --blurple-5: hsl(var(--blurple-5-hsl)/1);
    --blurple-5-hsl: 224.4 calc(var(--saturation-factor, 1)*100%) 90.196%;
    --blurple-6: hsl(var(--blurple-6-hsl)/1);
    --blurple-6-hsl: 225 calc(var(--saturation-factor, 1)*96.296%) 89.412%;
    --blurple-7: hsl(var(--blurple-7-hsl)/1);
    --blurple-7-hsl: 224.727 calc(var(--saturation-factor, 1)*96.491%) 88.824%;
    --blurple-8: hsl(var(--blurple-8-hsl)/1);
    --blurple-8-hsl: 225.517 calc(var(--saturation-factor, 1)*96.667%) 88.235%;
    --blurple-9: hsl(var(--blurple-9-hsl)/1);
    --blurple-9-hsl: 225.246 calc(var(--saturation-factor, 1)*96.825%) 87.647%;
    --blurple-10: hsl(var(--blurple-10-hsl)/1);
    --blurple-10-hsl: 225.231 calc(var(--saturation-factor, 1)*97.015%) 86.863%;
    --blurple-11: hsl(var(--blurple-11-hsl)/1);
    --blurple-11-hsl: 225.882 calc(var(--saturation-factor, 1)*97.143%) 86.275%;
    --blurple-12: hsl(var(--blurple-12-hsl)/1);
    --blurple-12-hsl: 225.634 calc(var(--saturation-factor, 1)*97.26%) 85.686%;
    --blurple-13: hsl(var(--blurple-13-hsl)/1);
    --blurple-13-hsl: 226.216 calc(var(--saturation-factor, 1)*97.368%) 85.098%;
    --blurple-14: hsl(var(--blurple-14-hsl)/1);
    --blurple-14-hsl: 225.789 calc(var(--saturation-factor, 1)*95%) 84.314%;
    --blurple-15: hsl(var(--blurple-15-hsl)/1);
    --blurple-15-hsl: 226.329 calc(var(--saturation-factor, 1)*95.181%) 83.725%;
    --blurple-16: hsl(var(--blurple-16-hsl)/1);
    --blurple-16-hsl: 226.098 calc(var(--saturation-factor, 1)*95.349%) 83.137%;
    --blurple-17: hsl(var(--blurple-17-hsl)/1);
    --blurple-17-hsl: 226.588 calc(var(--saturation-factor, 1)*95.506%) 82.549%;
    --blurple-18: hsl(var(--blurple-18-hsl)/1);
    --blurple-18-hsl: 226.364 calc(var(--saturation-factor, 1)*95.652%) 81.961%;
    --blurple-19: hsl(var(--blurple-19-hsl)/1);
    --blurple-19-hsl: 226.667 calc(var(--saturation-factor, 1)*93.75%) 81.176%;
    --blurple-20: hsl(var(--blurple-20-hsl)/1);
    --blurple-20-hsl: 227.097 calc(var(--saturation-factor, 1)*93.939%) 80.588%;
    --blurple-21: hsl(var(--blurple-21-hsl)/1);
    --blurple-21-hsl: 227.368 calc(var(--saturation-factor, 1)*94.059%) 80.196%;
    --blurple-22: hsl(var(--blurple-22-hsl)/1);
    --blurple-22-hsl: 227.755 calc(var(--saturation-factor, 1)*94.231%) 79.608%;
    --blurple-23: hsl(var(--blurple-23-hsl)/1);
    --blurple-23-hsl: 227.4 calc(var(--saturation-factor, 1)*92.593%) 78.824%;
    --blurple-24: hsl(var(--blurple-24-hsl)/1);
    --blurple-24-hsl: 227.767 calc(var(--saturation-factor, 1)*92.793%) 78.235%;
    --blurple-25: hsl(var(--blurple-25-hsl)/1);
    --blurple-25-hsl: 227.547 calc(var(--saturation-factor, 1)*92.982%) 77.647%;
    --blurple-26: hsl(var(--blurple-26-hsl)/1);
    --blurple-26-hsl: 228.333 calc(var(--saturation-factor, 1)*93.103%) 77.255%;
    --blurple-27: hsl(var(--blurple-27-hsl)/1);
    --blurple-27-hsl: 228.545 calc(var(--saturation-factor, 1)*91.667%) 76.471%;
    --blurple-28: hsl(var(--blurple-28-hsl)/1);
    --blurple-28-hsl: 228.319 calc(var(--saturation-factor, 1)*91.87%) 75.882%;
    --blurple-29: hsl(var(--blurple-29-hsl)/1);
    --blurple-29-hsl: 228.621 calc(var(--saturation-factor, 1)*92.063%) 75.294%;
    --blurple-30: hsl(var(--blurple-30-hsl)/1);
    --blurple-30-hsl: 229.231 calc(var(--saturation-factor, 1)*90.698%) 74.706%;
    --blurple-31: hsl(var(--blurple-31-hsl)/1);
    --blurple-31-hsl: 229 calc(var(--saturation-factor, 1)*90.909%) 74.118%;
    --blurple-32: hsl(var(--blurple-32-hsl)/1);
    --blurple-32-hsl: 229.672 calc(var(--saturation-factor, 1)*91.045%) 73.725%;
    --blurple-33: hsl(var(--blurple-33-hsl)/1);
    --blurple-33-hsl: 229.839 calc(var(--saturation-factor, 1)*89.855%) 72.941%;
    --blurple-34: hsl(var(--blurple-34-hsl)/1);
    --blurple-34-hsl: 230 calc(var(--saturation-factor, 1)*90%) 72.549%;
    --blurple-35: hsl(var(--blurple-35-hsl)/1);
    --blurple-35-hsl: 230.233 calc(var(--saturation-factor, 1)*90.21%) 71.961%;
    --blurple-36: hsl(var(--blurple-36-hsl)/1);
    --blurple-36-hsl: 230.769 calc(var(--saturation-factor, 1)*89.041%) 71.373%;
    --blurple-37: hsl(var(--blurple-37-hsl)/1);
    --blurple-37-hsl: 230.526 calc(var(--saturation-factor, 1)*89.262%) 70.784%;
    --blurple-38: hsl(var(--blurple-38-hsl)/1);
    --blurple-38-hsl: 231.111 calc(var(--saturation-factor, 1)*89.404%) 70.392%;
    --blurple-39: hsl(var(--blurple-39-hsl)/1);
    --blurple-39-hsl: 231.241 calc(var(--saturation-factor, 1)*88.387%) 69.608%;
    --blurple-40: hsl(var(--blurple-40-hsl)/1);
    --blurple-40-hsl: 231.367 calc(var(--saturation-factor, 1)*88.535%) 69.216%;
    --blurple-41: hsl(var(--blurple-41-hsl)/1);
    --blurple-41-hsl: 231.857 calc(var(--saturation-factor, 1)*87.5%) 68.627%;
    --blurple-42: hsl(var(--blurple-42-hsl)/1);
    --blurple-42-hsl: 232.394 calc(var(--saturation-factor, 1)*87.654%) 68.235%;
    --blurple-43: hsl(var(--blurple-43-hsl)/1);
    --blurple-43-hsl: 232.552 calc(var(--saturation-factor, 1)*87.879%) 67.647%;
    --blurple-44: hsl(var(--blurple-44-hsl)/1);
    --blurple-44-hsl: 233.014 calc(var(--saturation-factor, 1)*86.905%) 67.059%;
    --blurple-45: hsl(var(--blurple-45-hsl)/1);
    --blurple-45-hsl: 233.108 calc(var(--saturation-factor, 1)*87.059%) 66.667%;
    --blurple-46: hsl(var(--blurple-46-hsl)/1);
    --blurple-46-hsl: 233.557 calc(var(--saturation-factor, 1)*86.127%) 66.078%;
    --blurple-47: hsl(var(--blurple-47-hsl)/1);
    --blurple-47-hsl: 234.04 calc(var(--saturation-factor, 1)*86.286%) 65.686%;
    --blurple-48: hsl(var(--blurple-48-hsl)/1);
    --blurple-48-hsl: 234.474 calc(var(--saturation-factor, 1)*85.393%) 65.098%;
    --blurple-49: hsl(var(--blurple-49-hsl)/1);
    --blurple-49-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --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.085 calc(var(--saturation-factor, 1)*69.608%) 60%;
    --blurple-54: hsl(var(--blurple-54-hsl)/1);
    --blurple-54-hsl: 233.957 calc(var(--saturation-factor, 1)*65.877%) 58.627%;
    --blurple-55: hsl(var(--blurple-55-hsl)/1);
    --blurple-55-hsl: 233.778 calc(var(--saturation-factor, 1)*61.644%) 57.059%;
    --blurple-56: hsl(var(--blurple-56-hsl)/1);
    --blurple-56-hsl: 234 calc(var(--saturation-factor, 1)*57.522%) 55.686%;
    --blurple-57: hsl(var(--blurple-57-hsl)/1);
    --blurple-57-hsl: 233.858 calc(var(--saturation-factor, 1)*54.506%) 54.314%;
    --blurple-58: hsl(var(--blurple-58-hsl)/1);
    --blurple-58-hsl: 233.659 calc(var(--saturation-factor, 1)*51.037%) 52.745%;
    --blurple-59: hsl(var(--blurple-59-hsl)/1);
    --blurple-59-hsl: 233.5 calc(var(--saturation-factor, 1)*48.387%) 51.373%;
    --blurple-60: hsl(var(--blurple-60-hsl)/1);
    --blurple-60-hsl: 232.821 calc(var(--saturation-factor, 1)*45.882%) 50%;
    --blurple-61: hsl(var(--blurple-61-hsl)/1);
    --blurple-61-hsl: 232.566 calc(var(--saturation-factor, 1)*45.749%) 48.431%;
    --blurple-62: hsl(var(--blurple-62-hsl)/1);
    --blurple-62-hsl: 232.844 calc(var(--saturation-factor, 1)*45.228%) 47.255%;
    --blurple-63: hsl(var(--blurple-63-hsl)/1);
    --blurple-63-hsl: 232.642 calc(var(--saturation-factor, 1)*45.299%) 45.882%;
    --blurple-64: hsl(var(--blurple-64-hsl)/1);
    --blurple-64-hsl: 232.427 calc(var(--saturation-factor, 1)*45.374%) 44.51%;
    --blurple-65: hsl(var(--blurple-65-hsl)/1);
    --blurple-65-hsl: 232.2 calc(var(--saturation-factor, 1)*45.455%) 43.137%;
    --blurple-66: hsl(var(--blurple-66-hsl)/1);
    --blurple-66-hsl: 232.5 calc(var(--saturation-factor, 1)*44.86%) 41.961%;
    --blurple-67: hsl(var(--blurple-67-hsl)/1);
    --blurple-67-hsl: 232.258 calc(var(--saturation-factor, 1)*44.928%) 40.588%;
    --blurple-68: hsl(var(--blurple-68-hsl)/1);
    --blurple-68-hsl: 232 calc(var(--saturation-factor, 1)*45%) 39.216%;
    --blurple-69: hsl(var(--blurple-69-hsl)/1);
    --blurple-69-hsl: 231.034 calc(var(--saturation-factor, 1)*45.078%) 37.843%;
    --blurple-70: hsl(var(--blurple-70-hsl)/1);
    --blurple-70-hsl: 231.325 calc(var(--saturation-factor, 1)*44.385%) 36.667%;
    --blurple-71: hsl(var(--blurple-71-hsl)/1);
    --blurple-71-hsl: 231.111 calc(var(--saturation-factor, 1)*44.751%) 35.49%;
    --blurple-72: hsl(var(--blurple-72-hsl)/1);
    --blurple-72-hsl: 230.769 calc(var(--saturation-factor, 1)*44.828%) 34.118%;
    --blurple-73: hsl(var(--blurple-73-hsl)/1);
    --blurple-73-hsl: 231.081 calc(var(--saturation-factor, 1)*44.048%) 32.941%;
    --blurple-74: hsl(var(--blurple-74-hsl)/1);
    --blurple-74-hsl: 230.833 calc(var(--saturation-factor, 1)*44.444%) 31.765%;
    --blurple-75: hsl(var(--blurple-75-hsl)/1);
    --blurple-75-hsl: 230.571 calc(var(--saturation-factor, 1)*44.872%) 30.588%;
    --blurple-76: hsl(var(--blurple-76-hsl)/1);
    --blurple-76-hsl: 230.909 calc(var(--saturation-factor, 1)*44%) 29.412%;
    --blurple-77: hsl(var(--blurple-77-hsl)/1);
    --blurple-77-hsl: 230.625 calc(var(--saturation-factor, 1)*44.444%) 28.235%;
    --blurple-78: hsl(var(--blurple-78-hsl)/1);
    --blurple-78-hsl: 231.148 calc(var(--saturation-factor, 1)*43.885%) 27.255%;
    --blurple-79: hsl(var(--blurple-79-hsl)/1);
    --blurple-79-hsl: 229.655 calc(var(--saturation-factor, 1)*43.939%) 25.882%;
    --blurple-80: hsl(var(--blurple-80-hsl)/1);
    --blurple-80-hsl: 229.286 calc(var(--saturation-factor, 1)*44.444%) 24.706%;
    --blurple-81: hsl(var(--blurple-81-hsl)/1);
    --blurple-81-hsl: 229.811 calc(var(--saturation-factor, 1)*43.802%) 23.725%;
    --blurple-82: hsl(var(--blurple-82-hsl)/1);
    --blurple-82-hsl: 229.412 calc(var(--saturation-factor, 1)*44.348%) 22.549%;
    --blurple-83: hsl(var(--blurple-83-hsl)/1);
    --blurple-83-hsl: 230 calc(var(--saturation-factor, 1)*43.636%) 21.569%;
    --blurple-84: hsl(var(--blurple-84-hsl)/1);
    --blurple-84-hsl: 229.565 calc(var(--saturation-factor, 1)*44.231%) 20.392%;
    --blurple-85: hsl(var(--blurple-85-hsl)/1);
    --blurple-85-hsl: 229.091 calc(var(--saturation-factor, 1)*44.898%) 19.216%;
    --blurple-86: hsl(var(--blurple-86-hsl)/1);
    --blurple-86-hsl: 228.571 calc(var(--saturation-factor, 1)*44.681%) 18.431%;
    --blurple-87: hsl(var(--blurple-87-hsl)/1);
    --blurple-87-hsl: 228 calc(var(--saturation-factor, 1)*45.455%) 17.255%;
    --blurple-88: hsl(var(--blurple-88-hsl)/1);
    --blurple-88-hsl: 228.649 calc(var(--saturation-factor, 1)*44.578%) 16.275%;
    --blurple-89: hsl(var(--blurple-89-hsl)/1);
    --blurple-89-hsl: 228.333 calc(var(--saturation-factor, 1)*46.154%) 15.294%;
    --blurple-90: hsl(var(--blurple-90-hsl)/1);
    --blurple-90-hsl: 229.091 calc(var(--saturation-factor, 1)*45.205%) 14.314%;
    --blurple-91: hsl(var(--blurple-91-hsl)/1);
    --blurple-91-hsl: 226.875 calc(var(--saturation-factor, 1)*47.059%) 13.333%;
    --blurple-92: hsl(var(--blurple-92-hsl)/1);
    --blurple-92-hsl: 227.586 calc(var(--saturation-factor, 1)*46.032%) 12.353%;
    --blurple-93: hsl(var(--blurple-93-hsl)/1);
    --blurple-93-hsl: 227.143 calc(var(--saturation-factor, 1)*48.276%) 11.373%;
    --blurple-94: hsl(var(--blurple-94-hsl)/1);
    --blurple-94-hsl: 228 calc(var(--saturation-factor, 1)*47.17%) 10.392%;
    --blurple-95: hsl(var(--blurple-95-hsl)/1);
    --blurple-95-hsl: 226.957 calc(var(--saturation-factor, 1)*48.936%) 9.216%;
    --blurple-96: hsl(var(--blurple-96-hsl)/1);
    --blurple-96-hsl: 228.571 calc(var(--saturation-factor, 1)*51.22%) 8.039%;
    --blurple-97: hsl(var(--blurple-97-hsl)/1);
    --blurple-97-hsl: 226.667 calc(var(--saturation-factor, 1)*52.941%) 6.667%;
    --blurple-98: hsl(var(--blurple-98-hsl)/1);
    --blurple-98-hsl: 227.143 calc(var(--saturation-factor, 1)*53.846%) 5.098%;
    --blurple-99: hsl(var(--blurple-99-hsl)/1);
    --blurple-99-hsl: 233.333 calc(var(--saturation-factor, 1)*52.941%) 3.333%;
    --blurple-100: hsl(var(--blurple-100-hsl)/1);
    --blurple-100-hsl: 220 calc(var(--saturation-factor, 1)*60%) 0.98%;
    --green-new-1: hsl(var(--green-new-1-hsl)/1);
    --green-new-1-hsl: 120 calc(var(--saturation-factor, 1)*33.333%) 87.059%;
    --green-new-2: hsl(var(--green-new-2-hsl)/1);
    --green-new-2-hsl: 122.5 calc(var(--saturation-factor, 1)*33.333%) 85.882%;
    --green-new-3: hsl(var(--green-new-3-hsl)/1);
    --green-new-3-hsl: 122.308 calc(var(--saturation-factor, 1)*33.333%) 84.706%;
    --green-new-4: hsl(var(--green-new-4-hsl)/1);
    --green-new-4-hsl: 122.143 calc(var(--saturation-factor, 1)*33.333%) 83.529%;
    --green-new-5: hsl(var(--green-new-5-hsl)/1);
    --green-new-5-hsl: 124 calc(var(--saturation-factor, 1)*33.333%) 82.353%;
    --green-new-6: hsl(var(--green-new-6-hsl)/1);
    --green-new-6-hsl: 121.935 calc(var(--saturation-factor, 1)*32.632%) 81.373%;
    --green-new-7: hsl(var(--green-new-7-hsl)/1);
    --green-new-7-hsl: 123.636 calc(var(--saturation-factor, 1)*32.673%) 80.196%;
    --green-new-8: hsl(var(--green-new-8-hsl)/1);
    --green-new-8-hsl: 123.429 calc(var(--saturation-factor, 1)*32.71%) 79.02%;
    --green-new-9: hsl(var(--green-new-9-hsl)/1);
    --green-new-9-hsl: 123.243 calc(var(--saturation-factor, 1)*32.743%) 77.843%;
    --green-new-10: hsl(var(--green-new-10-hsl)/1);
    --green-new-10-hsl: 123.158 calc(var(--saturation-factor, 1)*32.203%) 76.863%;
    --green-new-11: hsl(var(--green-new-11-hsl)/1);
    --green-new-11-hsl: 123 calc(var(--saturation-factor, 1)*32.258%) 75.686%;
    --green-new-12: hsl(var(--green-new-12-hsl)/1);
    --green-new-12-hsl: 124.286 calc(var(--saturation-factor, 1)*32.308%) 74.51%;
    --green-new-13: hsl(var(--green-new-13-hsl)/1);
    --green-new-13-hsl: 124.091 calc(var(--saturation-factor, 1)*32.353%) 73.333%;
    --green-new-14: hsl(var(--green-new-14-hsl)/1);
    --green-new-14-hsl: 124 calc(var(--saturation-factor, 1)*31.915%) 72.353%;
    --green-new-15: hsl(var(--green-new-15-hsl)/1);
    --green-new-15-hsl: 125.106 calc(var(--saturation-factor, 1)*31.973%) 71.176%;
    --green-new-16: hsl(var(--green-new-16-hsl)/1);
    --green-new-16-hsl: 124.898 calc(var(--saturation-factor, 1)*32.026%) 70%;
    --green-new-17: hsl(var(--green-new-17-hsl)/1);
    --green-new-17-hsl: 126 calc(var(--saturation-factor, 1)*31.25%) 68.627%;
    --green-new-18: hsl(var(--green-new-18-hsl)/1);
    --green-new-18-hsl: 125.882 calc(var(--saturation-factor, 1)*30.909%) 67.647%;
    --green-new-19: hsl(var(--green-new-19-hsl)/1);
    --green-new-19-hsl: 125.66 calc(var(--saturation-factor, 1)*30.994%) 66.471%;
    --green-new-20: hsl(var(--green-new-20-hsl)/1);
    --green-new-20-hsl: 126.545 calc(var(--saturation-factor, 1)*31.073%) 65.294%;
    --green-new-21: hsl(var(--green-new-21-hsl)/1);
    --green-new-21-hsl: 126.429 calc(var(--saturation-factor, 1)*30.769%) 64.314%;
    --green-new-22: hsl(var(--green-new-22-hsl)/1);
    --green-new-22-hsl: 126.207 calc(var(--saturation-factor, 1)*30.851%) 63.137%;
    --green-new-23: hsl(var(--green-new-23-hsl)/1);
    --green-new-23-hsl: 127 calc(var(--saturation-factor, 1)*30.928%) 61.961%;
    --green-new-24: hsl(var(--green-new-24-hsl)/1);
    --green-new-24-hsl: 126.885 calc(var(--saturation-factor, 1)*30.653%) 60.98%;
    --green-new-25: hsl(var(--green-new-25-hsl)/1);
    --green-new-25-hsl: 127.619 calc(var(--saturation-factor, 1)*30.732%) 59.804%;
    --green-new-26: hsl(var(--green-new-26-hsl)/1);
    --green-new-26-hsl: 128.308 calc(var(--saturation-factor, 1)*30.806%) 58.627%;
    --green-new-27: hsl(var(--green-new-27-hsl)/1);
    --green-new-27-hsl: 128.955 calc(var(--saturation-factor, 1)*30.876%) 57.451%;
    --green-new-28: hsl(var(--green-new-28-hsl)/1);
    --green-new-28-hsl: 127.941 calc(var(--saturation-factor, 1)*30.631%) 56.471%;
    --green-new-29: hsl(var(--green-new-29-hsl)/1);
    --green-new-29-hsl: 128.571 calc(var(--saturation-factor, 1)*30.702%) 55.294%;
    --green-new-30: hsl(var(--green-new-30-hsl)/1);
    --green-new-30-hsl: 129.167 calc(var(--saturation-factor, 1)*30.769%) 54.118%;
    --green-new-31: hsl(var(--green-new-31-hsl)/1);
    --green-new-31-hsl: 129.73 calc(var(--saturation-factor, 1)*30.833%) 52.941%;
    --green-new-32: hsl(var(--green-new-32-hsl)/1);
    --green-new-32-hsl: 130.263 calc(var(--saturation-factor, 1)*30.894%) 51.765%;
    --green-new-33: hsl(var(--green-new-33-hsl)/1);
    --green-new-33-hsl: 130.263 calc(var(--saturation-factor, 1)*30.159%) 50.588%;
    --green-new-34: hsl(var(--green-new-34-hsl)/1);
    --green-new-34-hsl: 130.769 calc(var(--saturation-factor, 1)*30.952%) 49.412%;
    --green-new-35: hsl(var(--green-new-35-hsl)/1);
    --green-new-35-hsl: 131.25 calc(var(--saturation-factor, 1)*32.52%) 48.235%;
    --green-new-36: hsl(var(--green-new-36-hsl)/1);
    --green-new-36-hsl: 131.707 calc(var(--saturation-factor, 1)*34.167%) 47.059%;
    --green-new-37: hsl(var(--green-new-37-hsl)/1);
    --green-new-37-hsl: 132.143 calc(var(--saturation-factor, 1)*35.897%) 45.882%;
    --green-new-38: hsl(var(--green-new-38-hsl)/1);
    --green-new-38-hsl: 133.103 calc(var(--saturation-factor, 1)*38.326%) 44.51%;
    --green-new-39: hsl(var(--green-new-39-hsl)/1);
    --green-new-39-hsl: 133.483 calc(var(--saturation-factor, 1)*40.271%) 43.333%;
    --green-new-40: hsl(var(--green-new-40-hsl)/1);
    --green-new-40-hsl: 133.846 calc(var(--saturation-factor, 1)*42.326%) 42.157%;
    --green-new-41: hsl(var(--green-new-41-hsl)/1);
    --green-new-41-hsl: 135.319 calc(var(--saturation-factor, 1)*45.192%) 40.784%;
    --green-new-42: hsl(var(--green-new-42-hsl)/1);
    --green-new-42-hsl: 135.625 calc(var(--saturation-factor, 1)*47.525%) 39.608%;
    --green-new-43: hsl(var(--green-new-43-hsl)/1);
    --green-new-43-hsl: 136.364 calc(var(--saturation-factor, 1)*50.769%) 38.235%;
    --green-new-44: hsl(var(--green-new-44-hsl)/1);
    --green-new-44-hsl: 137.228 calc(var(--saturation-factor, 1)*54.011%) 36.667%;
    --green-new-45: hsl(var(--green-new-45-hsl)/1);
    --green-new-45-hsl: 138.286 calc(var(--saturation-factor, 1)*58.659%) 35.098%;
    --green-new-46: hsl(var(--green-new-46-hsl)/1);
    --green-new-46-hsl: 139.266 calc(var(--saturation-factor, 1)*63.743%) 33.529%;
    --green-new-47: hsl(var(--green-new-47-hsl)/1);
    --green-new-47-hsl: 141.391 calc(var(--saturation-factor, 1)*71.429%) 31.569%;
    --green-new-48: hsl(var(--green-new-48-hsl)/1);
    --green-new-48-hsl: 143.415 calc(var(--saturation-factor, 1)*82.55%) 29.216%;
    --green-new-49: hsl(var(--green-new-49-hsl)/1);
    --green-new-49-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --green-new-50: hsl(var(--green-new-50-hsl)/1);
    --green-new-50-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --green-new-51: hsl(var(--green-new-51-hsl)/1);
    --green-new-51-hsl: 145.313 calc(var(--saturation-factor, 1)*95.522%) 26.275%;
    --green-new-52: hsl(var(--green-new-52-hsl)/1);
    --green-new-52-hsl: 144.878 calc(var(--saturation-factor, 1)*92.481%) 26.078%;
    --green-new-53: hsl(var(--green-new-53-hsl)/1);
    --green-new-53-hsl: 143.898 calc(var(--saturation-factor, 1)*88.06%) 26.275%;
    --green-new-54: hsl(var(--green-new-54-hsl)/1);
    --green-new-54-hsl: 143.363 calc(var(--saturation-factor, 1)*84.962%) 26.078%;
    --green-new-55: hsl(var(--green-new-55-hsl)/1);
    --green-new-55-hsl: 142.778 calc(var(--saturation-factor, 1)*81.818%) 25.882%;
    --green-new-56: hsl(var(--green-new-56-hsl)/1);
    --green-new-56-hsl: 142.5 calc(var(--saturation-factor, 1)*80%) 25.49%;
    --green-new-57: hsl(var(--green-new-57-hsl)/1);
    --green-new-57-hsl: 142.2 calc(var(--saturation-factor, 1)*78.125%) 25.098%;
    --green-new-58: hsl(var(--green-new-58-hsl)/1);
    --green-new-58-hsl: 141.25 calc(var(--saturation-factor, 1)*75%) 25.098%;
    --green-new-59: hsl(var(--green-new-59-hsl)/1);
    --green-new-59-hsl: 140.645 calc(var(--saturation-factor, 1)*74.4%) 24.51%;
    --green-new-60: hsl(var(--green-new-60-hsl)/1);
    --green-new-60-hsl: 140.225 calc(var(--saturation-factor, 1)*72.358%) 24.118%;
    --green-new-61: hsl(var(--green-new-61-hsl)/1);
    --green-new-61-hsl: 139.535 calc(var(--saturation-factor, 1)*70.492%) 23.922%;
    --green-new-62: hsl(var(--green-new-62-hsl)/1);
    --green-new-62-hsl: 139.518 calc(var(--saturation-factor, 1)*69.748%) 23.333%;
    --green-new-63: hsl(var(--green-new-63-hsl)/1);
    --green-new-63-hsl: 138.987 calc(var(--saturation-factor, 1)*67.521%) 22.941%;
    --green-new-64: hsl(var(--green-new-64-hsl)/1);
    --green-new-64-hsl: 138.701 calc(var(--saturation-factor, 1)*66.957%) 22.549%;
    --green-new-65: hsl(var(--green-new-65-hsl)/1);
    --green-new-65-hsl: 138.649 calc(var(--saturation-factor, 1)*66.071%) 21.961%;
    --green-new-66: hsl(var(--green-new-66-hsl)/1);
    --green-new-66-hsl: 138.592 calc(var(--saturation-factor, 1)*65.138%) 21.373%;
    --green-new-67: hsl(var(--green-new-67-hsl)/1);
    --green-new-67-hsl: 137.647 calc(var(--saturation-factor, 1)*62.963%) 21.176%;
    --green-new-68: hsl(var(--green-new-68-hsl)/1);
    --green-new-68-hsl: 137.538 calc(var(--saturation-factor, 1)*61.905%) 20.588%;
    --green-new-69: hsl(var(--green-new-69-hsl)/1);
    --green-new-69-hsl: 137.143 calc(var(--saturation-factor, 1)*61.165%) 20.196%;
    --green-new-70: hsl(var(--green-new-70-hsl)/1);
    --green-new-70-hsl: 136.721 calc(var(--saturation-factor, 1)*61.616%) 19.412%;
    --green-new-71: hsl(var(--green-new-71-hsl)/1);
    --green-new-71-hsl: 136.552 calc(var(--saturation-factor, 1)*60.417%) 18.824%;
    --green-new-72: hsl(var(--green-new-72-hsl)/1);
    --green-new-72-hsl: 136.071 calc(var(--saturation-factor, 1)*59.574%) 18.431%;
    --green-new-73: hsl(var(--green-new-73-hsl)/1);
    --green-new-73-hsl: 135.849 calc(var(--saturation-factor, 1)*58.242%) 17.843%;
    --green-new-74: hsl(var(--green-new-74-hsl)/1);
    --green-new-74-hsl: 135.294 calc(var(--saturation-factor, 1)*57.303%) 17.451%;
    --green-new-75: hsl(var(--green-new-75-hsl)/1);
    --green-new-75-hsl: 135.918 calc(var(--saturation-factor, 1)*57.647%) 16.667%;
    --green-new-76: hsl(var(--green-new-76-hsl)/1);
    --green-new-76-hsl: 135.319 calc(var(--saturation-factor, 1)*56.627%) 16.275%;
    --green-new-77: hsl(var(--green-new-77-hsl)/1);
    --green-new-77-hsl: 136 calc(var(--saturation-factor, 1)*56.962%) 15.49%;
    --green-new-78: hsl(var(--green-new-78-hsl)/1);
    --green-new-78-hsl: 135.349 calc(var(--saturation-factor, 1)*55.844%) 15.098%;
    --green-new-79: hsl(var(--green-new-79-hsl)/1);
    --green-new-79-hsl: 133.171 calc(var(--saturation-factor, 1)*54.667%) 14.706%;
    --green-new-80: hsl(var(--green-new-80-hsl)/1);
    --green-new-80-hsl: 133.846 calc(var(--saturation-factor, 1)*54.93%) 13.922%;
    --green-new-81: hsl(var(--green-new-81-hsl)/1);
    --green-new-81-hsl: 132.973 calc(var(--saturation-factor, 1)*53.623%) 13.529%;
    --green-new-82: hsl(var(--green-new-82-hsl)/1);
    --green-new-82-hsl: 133.714 calc(var(--saturation-factor, 1)*53.846%) 12.745%;
    --green-new-83: hsl(var(--green-new-83-hsl)/1);
    --green-new-83-hsl: 134.118 calc(var(--saturation-factor, 1)*54.839%) 12.157%;
    --green-new-84: hsl(var(--green-new-84-hsl)/1);
    --green-new-84-hsl: 133.125 calc(var(--saturation-factor, 1)*53.333%) 11.765%;
    --green-new-85: hsl(var(--green-new-85-hsl)/1);
    --green-new-85-hsl: 133.548 calc(var(--saturation-factor, 1)*54.386%) 11.176%;
    --green-new-86: hsl(var(--green-new-86-hsl)/1);
    --green-new-86-hsl: 132.414 calc(var(--saturation-factor, 1)*54.717%) 10.392%;
    --green-new-87: hsl(var(--green-new-87-hsl)/1);
    --green-new-87-hsl: 131.111 calc(var(--saturation-factor, 1)*52.941%) 10%;
    --green-new-88: hsl(var(--green-new-88-hsl)/1);
    --green-new-88-hsl: 131.538 calc(var(--saturation-factor, 1)*54.167%) 9.412%;
    --green-new-89: hsl(var(--green-new-89-hsl)/1);
    --green-new-89-hsl: 132 calc(var(--saturation-factor, 1)*55.556%) 8.824%;
    --green-new-90: hsl(var(--green-new-90-hsl)/1);
    --green-new-90-hsl: 130.909 calc(var(--saturation-factor, 1)*52.381%) 8.235%;
    --green-new-91: hsl(var(--green-new-91-hsl)/1);
    --green-new-91-hsl: 131.429 calc(var(--saturation-factor, 1)*53.846%) 7.647%;
    --green-new-92: hsl(var(--green-new-92-hsl)/1);
    --green-new-92-hsl: 132 calc(var(--saturation-factor, 1)*55.556%) 7.059%;
    --green-new-93: hsl(var(--green-new-93-hsl)/1);
    --green-new-93-hsl: 129.474 calc(var(--saturation-factor, 1)*57.576%) 6.471%;
    --green-new-94: hsl(var(--green-new-94-hsl)/1);
    --green-new-94-hsl: 127.5 calc(var(--saturation-factor, 1)*53.333%) 5.882%;
    --green-new-95: hsl(var(--green-new-95-hsl)/1);
    --green-new-95-hsl: 128 calc(var(--saturation-factor, 1)*55.556%) 5.294%;
    --green-new-96: hsl(var(--green-new-96-hsl)/1);
    --green-new-96-hsl: 129.231 calc(var(--saturation-factor, 1)*56.522%) 4.51%;
    --green-new-97: hsl(var(--green-new-97-hsl)/1);
    --green-new-97-hsl: 125.455 calc(var(--saturation-factor, 1)*57.895%) 3.725%;
    --green-new-98: hsl(var(--green-new-98-hsl)/1);
    --green-new-98-hsl: 127.5 calc(var(--saturation-factor, 1)*57.143%) 2.745%;
    --green-new-99: hsl(var(--green-new-99-hsl)/1);
    --green-new-99-hsl: 120 calc(var(--saturation-factor, 1)*55.556%) 1.765%;
    --green-new-100: hsl(var(--green-new-100-hsl)/1);
    --green-new-100-hsl: 120 calc(var(--saturation-factor, 1)*33.333%) 0.588%;
    --red-new-1: hsl(var(--red-new-1-hsl)/1);
    --red-new-1-hsl: 5.333 calc(var(--saturation-factor, 1)*100%) 91.176%;
    --red-new-2: hsl(var(--red-new-2-hsl)/1);
    --red-new-2-hsl: 4.898 calc(var(--saturation-factor, 1)*100%) 90.392%;
    --red-new-3: hsl(var(--red-new-3-hsl)/1);
    --red-new-3-hsl: 5.66 calc(var(--saturation-factor, 1)*100%) 89.608%;
    --red-new-4: hsl(var(--red-new-4-hsl)/1);
    --red-new-4-hsl: 5.357 calc(var(--saturation-factor, 1)*100%) 89.02%;
    --red-new-5: hsl(var(--red-new-5-hsl)/1);
    --red-new-5-hsl: 5 calc(var(--saturation-factor, 1)*100%) 88.235%;
    --red-new-6: hsl(var(--red-new-6-hsl)/1);
    --red-new-6-hsl: 5.625 calc(var(--saturation-factor, 1)*100%) 87.451%;
    --red-new-7: hsl(var(--red-new-7-hsl)/1);
    --red-new-7-hsl: 4.478 calc(var(--saturation-factor, 1)*100%) 86.863%;
    --red-new-8: hsl(var(--red-new-8-hsl)/1);
    --red-new-8-hsl: 5.07 calc(var(--saturation-factor, 1)*100%) 86.078%;
    --red-new-9: hsl(var(--red-new-9-hsl)/1);
    --red-new-9-hsl: 4.054 calc(var(--saturation-factor, 1)*100%) 85.49%;
    --red-new-10: hsl(var(--red-new-10-hsl)/1);
    --red-new-10-hsl: 4.615 calc(var(--saturation-factor, 1)*100%) 84.706%;
    --red-new-11: hsl(var(--red-new-11-hsl)/1);
    --red-new-11-hsl: 3.704 calc(var(--saturation-factor, 1)*100%) 84.118%;
    --red-new-12: hsl(var(--red-new-12-hsl)/1);
    --red-new-12-hsl: 4.235 calc(var(--saturation-factor, 1)*100%) 83.333%;
    --red-new-13: hsl(var(--red-new-13-hsl)/1);
    --red-new-13-hsl: 4.091 calc(var(--saturation-factor, 1)*100%) 82.745%;
    --red-new-14: hsl(var(--red-new-14-hsl)/1);
    --red-new-14-hsl: 3.913 calc(var(--saturation-factor, 1)*100%) 81.961%;
    --red-new-15: hsl(var(--red-new-15-hsl)/1);
    --red-new-15-hsl: 3.789 calc(var(--saturation-factor, 1)*100%) 81.373%;
    --red-new-16: hsl(var(--red-new-16-hsl)/1);
    --red-new-16-hsl: 3.636 calc(var(--saturation-factor, 1)*100%) 80.588%;
    --red-new-17: hsl(var(--red-new-17-hsl)/1);
    --red-new-17-hsl: 3.529 calc(var(--saturation-factor, 1)*100%) 80%;
    --red-new-18: hsl(var(--red-new-18-hsl)/1);
    --red-new-18-hsl: 2.857 calc(var(--saturation-factor, 1)*100%) 79.412%;
    --red-new-19: hsl(var(--red-new-19-hsl)/1);
    --red-new-19-hsl: 3.303 calc(var(--saturation-factor, 1)*100%) 78.627%;
    --red-new-20: hsl(var(--red-new-20-hsl)/1);
    --red-new-20-hsl: 3.214 calc(var(--saturation-factor, 1)*100%) 78.039%;
    --red-new-21: hsl(var(--red-new-21-hsl)/1);
    --red-new-21-hsl: 2.632 calc(var(--saturation-factor, 1)*98.276%) 77.255%;
    --red-new-22: hsl(var(--red-new-22-hsl)/1);
    --red-new-22-hsl: 3.077 calc(var(--saturation-factor, 1)*96.694%) 76.275%;
    --red-new-23: hsl(var(--red-new-23-hsl)/1);
    --red-new-23-hsl: 3.025 calc(var(--saturation-factor, 1)*95.2%) 75.49%;
    --red-new-24: hsl(var(--red-new-24-hsl)/1);
    --red-new-24-hsl: 2.479 calc(var(--saturation-factor, 1)*93.798%) 74.706%;
    --red-new-25: hsl(var(--red-new-25-hsl)/1);
    --red-new-25-hsl: 2.459 calc(var(--saturation-factor, 1)*91.045%) 73.725%;
    --red-new-26: hsl(var(--red-new-26-hsl)/1);
    --red-new-26-hsl: 1.935 calc(var(--saturation-factor, 1)*89.855%) 72.941%;
    --red-new-27: hsl(var(--red-new-27-hsl)/1);
    --red-new-27-hsl: 2.362 calc(var(--saturation-factor, 1)*88.811%) 71.961%;
    --red-new-28: hsl(var(--red-new-28-hsl)/1);
    --red-new-28-hsl: 2.326 calc(var(--saturation-factor, 1)*87.755%) 71.176%;
    --red-new-29: hsl(var(--red-new-29-hsl)/1);
    --red-new-29-hsl: 1.846 calc(var(--saturation-factor, 1)*85.526%) 70.196%;
    --red-new-30: hsl(var(--red-new-30-hsl)/1);
    --red-new-30-hsl: 1.818 calc(var(--saturation-factor, 1)*84.615%) 69.412%;
    --red-new-31: hsl(var(--red-new-31-hsl)/1);
    --red-new-31-hsl: 1.343 calc(var(--saturation-factor, 1)*83.75%) 68.627%;
    --red-new-32: hsl(var(--red-new-32-hsl)/1);
    --red-new-32-hsl: 1.333 calc(var(--saturation-factor, 1)*81.818%) 67.647%;
    --red-new-33: hsl(var(--red-new-33-hsl)/1);
    --red-new-33-hsl: 1.314 calc(var(--saturation-factor, 1)*81.065%) 66.863%;
    --red-new-34: hsl(var(--red-new-34-hsl)/1);
    --red-new-34-hsl: 0.87 calc(var(--saturation-factor, 1)*79.31%) 65.882%;
    --red-new-35: hsl(var(--red-new-35-hsl)/1);
    --red-new-35-hsl: 0.857 calc(var(--saturation-factor, 1)*78.652%) 65.098%;
    --red-new-36: hsl(var(--red-new-36-hsl)/1);
    --red-new-36-hsl: 0.426 calc(var(--saturation-factor, 1)*77.049%) 64.118%;
    --red-new-37: hsl(var(--red-new-37-hsl)/1);
    --red-new-37-hsl: 0.423 calc(var(--saturation-factor, 1)*75.532%) 63.137%;
    --red-new-38: hsl(var(--red-new-38-hsl)/1);
    --red-new-38-hsl: 0 calc(var(--saturation-factor, 1)*75%) 62.353%;
    --red-new-39: hsl(var(--red-new-39-hsl)/1);
    --red-new-39-hsl: 359.586 calc(var(--saturation-factor, 1)*73.604%) 61.373%;
    --red-new-40: hsl(var(--red-new-40-hsl)/1);
    --red-new-40-hsl: 359.184 calc(var(--saturation-factor, 1)*72.414%) 60.196%;
    --red-new-41: hsl(var(--red-new-41-hsl)/1);
    --red-new-41-hsl: 358.8 calc(var(--saturation-factor, 1)*72.115%) 59.216%;
    --red-new-42: hsl(var(--red-new-42-hsl)/1);
    --red-new-42-hsl: 358.808 calc(var(--saturation-factor, 1)*70.892%) 58.235%;
    --red-new-43: hsl(var(--red-new-43-hsl)/1);
    --red-new-43-hsl: 358.431 calc(var(--saturation-factor, 1)*69.863%) 57.059%;
    --red-new-44: hsl(var(--red-new-44-hsl)/1);
    --red-new-44-hsl: 357.677 calc(var(--saturation-factor, 1)*68.889%) 55.882%;
    --red-new-45: hsl(var(--red-new-45-hsl)/1);
    --red-new-45-hsl: 357.692 calc(var(--saturation-factor, 1)*67.826%) 54.902%;
    --red-new-46: hsl(var(--red-new-46-hsl)/1);
    --red-new-46-hsl: 357.342 calc(var(--saturation-factor, 1)*66.949%) 53.725%;
    --red-new-47: hsl(var(--red-new-47-hsl)/1);
    --red-new-47-hsl: 357 calc(var(--saturation-factor, 1)*66.116%) 52.549%;
    --red-new-48: hsl(var(--red-new-48-hsl)/1);
    --red-new-48-hsl: 355.951 calc(var(--saturation-factor, 1)*65.462%) 51.176%;
    --red-new-49: hsl(var(--red-new-49-hsl)/1);
    --red-new-49-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --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.875 calc(var(--saturation-factor, 1)*64%) 49.02%;
    --red-new-52: hsl(var(--red-new-52-hsl)/1);
    --red-new-52-hsl: 355.796 calc(var(--saturation-factor, 1)*64.082%) 48.039%;
    --red-new-53: hsl(var(--red-new-53-hsl)/1);
    --red-new-53-hsl: 356.078 calc(var(--saturation-factor, 1)*63.485%) 47.255%;
    --red-new-54: hsl(var(--red-new-54-hsl)/1);
    --red-new-54-hsl: 355.973 calc(var(--saturation-factor, 1)*63.404%) 46.078%;
    --red-new-55: hsl(var(--red-new-55-hsl)/1);
    --red-new-55-hsl: 356.276 calc(var(--saturation-factor, 1)*62.771%) 45.294%;
    --red-new-56: hsl(var(--red-new-56-hsl)/1);
    --red-new-56-hsl: 356.17 calc(var(--saturation-factor, 1)*62.667%) 44.118%;
    --red-new-57: hsl(var(--red-new-57-hsl)/1);
    --red-new-57-hsl: 356.496 calc(var(--saturation-factor, 1)*61.991%) 43.333%;
    --red-new-58: hsl(var(--red-new-58-hsl)/1);
    --red-new-58-hsl: 356.866 calc(var(--saturation-factor, 1)*62.037%) 42.353%;
    --red-new-59: hsl(var(--red-new-59-hsl)/1);
    --red-new-59-hsl: 357.209 calc(var(--saturation-factor, 1)*61.137%) 41.373%;
    --red-new-60: hsl(var(--red-new-60-hsl)/1);
    --red-new-60-hsl: 357.143 calc(var(--saturation-factor, 1)*61.165%) 40.392%;
    --red-new-61: hsl(var(--red-new-61-hsl)/1);
    --red-new-61-hsl: 357.541 calc(var(--saturation-factor, 1)*60.396%) 39.608%;
    --red-new-62: hsl(var(--red-new-62-hsl)/1);
    --red-new-62-hsl: 357.479 calc(var(--saturation-factor, 1)*60.406%) 38.627%;
    --red-new-63: hsl(var(--red-new-63-hsl)/1);
    --red-new-63-hsl: 357.391 calc(var(--saturation-factor, 1)*60.209%) 37.451%;
    --red-new-64: hsl(var(--red-new-64-hsl)/1);
    --red-new-64-hsl: 357.838 calc(var(--saturation-factor, 1)*59.358%) 36.667%;
    --red-new-65: hsl(var(--red-new-65-hsl)/1);
    --red-new-65-hsl: 357.778 calc(var(--saturation-factor, 1)*59.341%) 35.686%;
    --red-new-66: hsl(var(--red-new-66-hsl)/1);
    --red-new-66-hsl: 357.714 calc(var(--saturation-factor, 1)*59.322%) 34.706%;
    --red-new-67: hsl(var(--red-new-67-hsl)/1);
    --red-new-67-hsl: 357.647 calc(var(--saturation-factor, 1)*59.302%) 33.725%;
    --red-new-68: hsl(var(--red-new-68-hsl)/1);
    --red-new-68-hsl: 358.163 calc(var(--saturation-factor, 1)*58.333%) 32.941%;
    --red-new-69: hsl(var(--red-new-69-hsl)/1);
    --red-new-69-hsl: 358.737 calc(var(--saturation-factor, 1)*58.282%) 31.961%;
    --red-new-70: hsl(var(--red-new-70-hsl)/1);
    --red-new-70-hsl: 358.696 calc(var(--saturation-factor, 1)*58.228%) 30.98%;
    --red-new-71: hsl(var(--red-new-71-hsl)/1);
    --red-new-71-hsl: 358.652 calc(var(--saturation-factor, 1)*58.17%) 30%;
    --red-new-72: hsl(var(--red-new-72-hsl)/1);
    --red-new-72-hsl: 358.605 calc(var(--saturation-factor, 1)*58.108%) 29.02%;
    --red-new-73: hsl(var(--red-new-73-hsl)/1);
    --red-new-73-hsl: 358.554 calc(var(--saturation-factor, 1)*58.042%) 28.039%;
    --red-new-74: hsl(var(--red-new-74-hsl)/1);
    --red-new-74-hsl: 359.241 calc(var(--saturation-factor, 1)*56.835%) 27.255%;
    --red-new-75: hsl(var(--red-new-75-hsl)/1);
    --red-new-75-hsl: 359.211 calc(var(--saturation-factor, 1)*56.716%) 26.275%;
    --red-new-76: hsl(var(--red-new-76-hsl)/1);
    --red-new-76-hsl: 359.189 calc(var(--saturation-factor, 1)*56.923%) 25.49%;
    --red-new-77: hsl(var(--red-new-77-hsl)/1);
    --red-new-77-hsl: 359.155 calc(var(--saturation-factor, 1)*56.8%) 24.51%;
    --red-new-78: hsl(var(--red-new-78-hsl)/1);
    --red-new-78-hsl: 359.118 calc(var(--saturation-factor, 1)*56.667%) 23.529%;
    --red-new-79: hsl(var(--red-new-79-hsl)/1);
    --red-new-79-hsl: 0 calc(var(--saturation-factor, 1)*56.522%) 22.549%;
    --red-new-80: hsl(var(--red-new-80-hsl)/1);
    --red-new-80-hsl: 0 calc(var(--saturation-factor, 1)*56.757%) 21.765%;
    --red-new-81: hsl(var(--red-new-81-hsl)/1);
    --red-new-81-hsl: 0 calc(var(--saturation-factor, 1)*56.604%) 20.784%;
    --red-new-82: hsl(var(--red-new-82-hsl)/1);
    --red-new-82-hsl: 0 calc(var(--saturation-factor, 1)*56.863%) 20%;
    --red-new-83: hsl(var(--red-new-83-hsl)/1);
    --red-new-83-hsl: 0 calc(var(--saturation-factor, 1)*56.701%) 19.02%;
    --red-new-84: hsl(var(--red-new-84-hsl)/1);
    --red-new-84-hsl: 0 calc(var(--saturation-factor, 1)*56.522%) 18.039%;
    --red-new-85: hsl(var(--red-new-85-hsl)/1);
    --red-new-85-hsl: 0 calc(var(--saturation-factor, 1)*56.818%) 17.255%;
    --red-new-86: hsl(var(--red-new-86-hsl)/1);
    --red-new-86-hsl: 0 calc(var(--saturation-factor, 1)*57.143%) 16.471%;
    --red-new-87: hsl(var(--red-new-87-hsl)/1);
    --red-new-87-hsl: 0 calc(var(--saturation-factor, 1)*56.962%) 15.49%;
    --red-new-88: hsl(var(--red-new-88-hsl)/1);
    --red-new-88-hsl: 0 calc(var(--saturation-factor, 1)*57.333%) 14.706%;
    --red-new-89: hsl(var(--red-new-89-hsl)/1);
    --red-new-89-hsl: 1.429 calc(var(--saturation-factor, 1)*60%) 13.725%;
    --red-new-90: hsl(var(--red-new-90-hsl)/1);
    --red-new-90-hsl: 1.538 calc(var(--saturation-factor, 1)*60%) 12.745%;
    --red-new-91: hsl(var(--red-new-91-hsl)/1);
    --red-new-91-hsl: 1.622 calc(var(--saturation-factor, 1)*60.656%) 11.961%;
    --red-new-92: hsl(var(--red-new-92-hsl)/1);
    --red-new-92-hsl: 1.714 calc(var(--saturation-factor, 1)*61.404%) 11.176%;
    --red-new-93: hsl(var(--red-new-93-hsl)/1);
    --red-new-93-hsl: 1.818 calc(var(--saturation-factor, 1)*62.264%) 10.392%;
    --red-new-94: hsl(var(--red-new-94-hsl)/1);
    --red-new-94-hsl: 2 calc(var(--saturation-factor, 1)*62.5%) 9.412%;
    --red-new-95: hsl(var(--red-new-95-hsl)/1);
    --red-new-95-hsl: 0 calc(var(--saturation-factor, 1)*62.791%) 8.431%;
    --red-new-96: hsl(var(--red-new-96-hsl)/1);
    --red-new-96-hsl: 2.4 calc(var(--saturation-factor, 1)*67.568%) 7.255%;
    --red-new-97: hsl(var(--red-new-97-hsl)/1);
    --red-new-97-hsl: 2.857 calc(var(--saturation-factor, 1)*67.742%) 6.078%;
    --red-new-98: hsl(var(--red-new-98-hsl)/1);
    --red-new-98-hsl: 0 calc(var(--saturation-factor, 1)*68%) 4.902%;
    --red-new-99: hsl(var(--red-new-99-hsl)/1);
    --red-new-99-hsl: 5 calc(var(--saturation-factor, 1)*75%) 3.137%;
    --red-new-100: hsl(var(--red-new-100-hsl)/1);
    --red-new-100-hsl: 0 calc(var(--saturation-factor, 1)*60%) 0.98%;
    --teal-new-1: hsl(var(--teal-new-1-hsl)/1);
    --teal-new-1-hsl: 183 calc(var(--saturation-factor, 1)*30.303%) 87.059%;
    --teal-new-2: hsl(var(--teal-new-2-hsl)/1);
    --teal-new-2-hsl: 185.455 calc(var(--saturation-factor, 1)*30.556%) 85.882%;
    --teal-new-3: hsl(var(--teal-new-3-hsl)/1);
    --teal-new-3-hsl: 185 calc(var(--saturation-factor, 1)*30.769%) 84.706%;
    --teal-new-4: hsl(var(--teal-new-4-hsl)/1);
    --teal-new-4-hsl: 186.667 calc(var(--saturation-factor, 1)*32.53%) 83.725%;
    --teal-new-5: hsl(var(--teal-new-5-hsl)/1);
    --teal-new-5-hsl: 186.429 calc(var(--saturation-factor, 1)*31.818%) 82.745%;
    --teal-new-6: hsl(var(--teal-new-6-hsl)/1);
    --teal-new-6-hsl: 186 calc(var(--saturation-factor, 1)*31.915%) 81.569%;
    --teal-new-7: hsl(var(--teal-new-7-hsl)/1);
    --teal-new-7-hsl: 185.625 calc(var(--saturation-factor, 1)*32%) 80.392%;
    --teal-new-8: hsl(var(--teal-new-8-hsl)/1);
    --teal-new-8-hsl: 185.294 calc(var(--saturation-factor, 1)*32.075%) 79.216%;
    --teal-new-9: hsl(var(--teal-new-9-hsl)/1);
    --teal-new-9-hsl: 186.857 calc(var(--saturation-factor, 1)*31.532%) 78.235%;
    --teal-new-10: hsl(var(--teal-new-10-hsl)/1);
    --teal-new-10-hsl: 186.486 calc(var(--saturation-factor, 1)*31.624%) 77.059%;
    --teal-new-11: hsl(var(--teal-new-11-hsl)/1);
    --teal-new-11-hsl: 186.154 calc(var(--saturation-factor, 1)*31.707%) 75.882%;
    --teal-new-12: hsl(var(--teal-new-12-hsl)/1);
    --teal-new-12-hsl: 186 calc(var(--saturation-factor, 1)*31.25%) 74.902%;
    --teal-new-13: hsl(var(--teal-new-13-hsl)/1);
    --teal-new-13-hsl: 185.714 calc(var(--saturation-factor, 1)*31.343%) 73.725%;
    --teal-new-14: hsl(var(--teal-new-14-hsl)/1);
    --teal-new-14-hsl: 185.455 calc(var(--saturation-factor, 1)*31.429%) 72.549%;
    --teal-new-15: hsl(var(--teal-new-15-hsl)/1);
    --teal-new-15-hsl: 185.333 calc(var(--saturation-factor, 1)*31.034%) 71.569%;
    --teal-new-16: hsl(var(--teal-new-16-hsl)/1);
    --teal-new-16-hsl: 185.106 calc(var(--saturation-factor, 1)*31.126%) 70.392%;
    --teal-new-17: hsl(var(--teal-new-17-hsl)/1);
    --teal-new-17-hsl: 186.122 calc(var(--saturation-factor, 1)*31.21%) 69.216%;
    --teal-new-18: hsl(var(--teal-new-18-hsl)/1);
    --teal-new-18-hsl: 186 calc(var(--saturation-factor, 1)*30.864%) 68.235%;
    --teal-new-19: hsl(var(--teal-new-19-hsl)/1);
    --teal-new-19-hsl: 185.769 calc(var(--saturation-factor, 1)*30.952%) 67.059%;
    --teal-new-20: hsl(var(--teal-new-20-hsl)/1);
    --teal-new-20-hsl: 185.556 calc(var(--saturation-factor, 1)*31.034%) 65.882%;
    --teal-new-21: hsl(var(--teal-new-21-hsl)/1);
    --teal-new-21-hsl: 185.455 calc(var(--saturation-factor, 1)*30.726%) 64.902%;
    --teal-new-22: hsl(var(--teal-new-22-hsl)/1);
    --teal-new-22-hsl: 185.263 calc(var(--saturation-factor, 1)*30.811%) 63.725%;
    --teal-new-23: hsl(var(--teal-new-23-hsl)/1);
    --teal-new-23-hsl: 185.085 calc(var(--saturation-factor, 1)*30.89%) 62.549%;
    --teal-new-24: hsl(var(--teal-new-24-hsl)/1);
    --teal-new-24-hsl: 185 calc(var(--saturation-factor, 1)*30.612%) 61.569%;
    --teal-new-25: hsl(var(--teal-new-25-hsl)/1);
    --teal-new-25-hsl: 185.806 calc(var(--saturation-factor, 1)*30.693%) 60.392%;
    --teal-new-26: hsl(var(--teal-new-26-hsl)/1);
    --teal-new-26-hsl: 185.625 calc(var(--saturation-factor, 1)*30.769%) 59.216%;
    --teal-new-27: hsl(var(--teal-new-27-hsl)/1);
    --teal-new-27-hsl: 185.455 calc(var(--saturation-factor, 1)*30.841%) 58.039%;
    --teal-new-28: hsl(var(--teal-new-28-hsl)/1);
    --teal-new-28-hsl: 185.373 calc(var(--saturation-factor, 1)*30.594%) 57.059%;
    --teal-new-29: hsl(var(--teal-new-29-hsl)/1);
    --teal-new-29-hsl: 185.217 calc(var(--saturation-factor, 1)*30.667%) 55.882%;
    --teal-new-30: hsl(var(--teal-new-30-hsl)/1);
    --teal-new-30-hsl: 185.07 calc(var(--saturation-factor, 1)*30.736%) 54.706%;
    --teal-new-31: hsl(var(--teal-new-31-hsl)/1);
    --teal-new-31-hsl: 184.932 calc(var(--saturation-factor, 1)*30.802%) 53.529%;
    --teal-new-32: hsl(var(--teal-new-32-hsl)/1);
    --teal-new-32-hsl: 184.8 calc(var(--saturation-factor, 1)*30.864%) 52.353%;
    --teal-new-33: hsl(var(--teal-new-33-hsl)/1);
    --teal-new-33-hsl: 184.675 calc(var(--saturation-factor, 1)*30.924%) 51.176%;
    --teal-new-34: hsl(var(--teal-new-34-hsl)/1);
    --teal-new-34-hsl: 185.385 calc(var(--saturation-factor, 1)*30.709%) 50.196%;
    --teal-new-35: hsl(var(--teal-new-35-hsl)/1);
    --teal-new-35-hsl: 185.25 calc(var(--saturation-factor, 1)*32%) 49.02%;
    --teal-new-36: hsl(var(--teal-new-36-hsl)/1);
    --teal-new-36-hsl: 185.122 calc(var(--saturation-factor, 1)*33.607%) 47.843%;
    --teal-new-37: hsl(var(--teal-new-37-hsl)/1);
    --teal-new-37-hsl: 185.581 calc(var(--saturation-factor, 1)*36.134%) 46.667%;
    --teal-new-38: hsl(var(--teal-new-38-hsl)/1);
    --teal-new-38-hsl: 185.455 calc(var(--saturation-factor, 1)*37.931%) 45.49%;
    --teal-new-39: hsl(var(--teal-new-39-hsl)/1);
    --teal-new-39-hsl: 185.333 calc(var(--saturation-factor, 1)*39.823%) 44.314%;
    --teal-new-40: hsl(var(--teal-new-40-hsl)/1);
    --teal-new-40-hsl: 185.217 calc(var(--saturation-factor, 1)*41.818%) 43.137%;
    --teal-new-41: hsl(var(--teal-new-41-hsl)/1);
    --teal-new-41-hsl: 185.053 calc(var(--saturation-factor, 1)*44.601%) 41.765%;
    --teal-new-42: hsl(var(--teal-new-42-hsl)/1);
    --teal-new-42-hsl: 184.898 calc(var(--saturation-factor, 1)*47.573%) 40.392%;
    --teal-new-43: hsl(var(--teal-new-43-hsl)/1);
    --teal-new-43-hsl: 184.752 calc(var(--saturation-factor, 1)*50.754%) 39.02%;
    --teal-new-44: hsl(var(--teal-new-44-hsl)/1);
    --teal-new-44-hsl: 185.192 calc(var(--saturation-factor, 1)*54.167%) 37.647%;
    --teal-new-45: hsl(var(--teal-new-45-hsl)/1);
    --teal-new-45-hsl: 185 calc(var(--saturation-factor, 1)*58.696%) 36.078%;
    --teal-new-46: hsl(var(--teal-new-46-hsl)/1);
    --teal-new-46-hsl: 184.821 calc(var(--saturation-factor, 1)*63.636%) 34.51%;
    --teal-new-47: hsl(var(--teal-new-47-hsl)/1);
    --teal-new-47-hsl: 184.576 calc(var(--saturation-factor, 1)*71.084%) 32.549%;
    --teal-new-48: hsl(var(--teal-new-48-hsl)/1);
    --teal-new-48-hsl: 184.286 calc(var(--saturation-factor, 1)*81.818%) 30.196%;
    --teal-new-49: hsl(var(--teal-new-49-hsl)/1);
    --teal-new-49-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --teal-new-50: hsl(var(--teal-new-50-hsl)/1);
    --teal-new-50-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --teal-new-51: hsl(var(--teal-new-51-hsl)/1);
    --teal-new-51-hsl: 184.091 calc(var(--saturation-factor, 1)*95.652%) 27.059%;
    --teal-new-52: hsl(var(--teal-new-52-hsl)/1);
    --teal-new-52-hsl: 183.81 calc(var(--saturation-factor, 1)*91.304%) 27.059%;
    --teal-new-53: hsl(var(--teal-new-53-hsl)/1);
    --teal-new-53-hsl: 183.967 calc(var(--saturation-factor, 1)*88.321%) 26.863%;
    --teal-new-54: hsl(var(--teal-new-54-hsl)/1);
    --teal-new-54-hsl: 184.174 calc(var(--saturation-factor, 1)*83.942%) 26.863%;
    --teal-new-55: hsl(var(--teal-new-55-hsl)/1);
    --teal-new-55-hsl: 184.364 calc(var(--saturation-factor, 1)*80.882%) 26.667%;
    --teal-new-56: hsl(var(--teal-new-56-hsl)/1);
    --teal-new-56-hsl: 183.962 calc(var(--saturation-factor, 1)*79.104%) 26.275%;
    --teal-new-57: hsl(var(--teal-new-57-hsl)/1);
    --teal-new-57-hsl: 184.66 calc(var(--saturation-factor, 1)*77.444%) 26.078%;
    --teal-new-58: hsl(var(--teal-new-58-hsl)/1);
    --teal-new-58-hsl: 184.242 calc(var(--saturation-factor, 1)*75.573%) 25.686%;
    --teal-new-59: hsl(var(--teal-new-59-hsl)/1);
    --teal-new-59-hsl: 184.421 calc(var(--saturation-factor, 1)*73.643%) 25.294%;
    --teal-new-60: hsl(var(--teal-new-60-hsl)/1);
    --teal-new-60-hsl: 184.615 calc(var(--saturation-factor, 1)*71.654%) 24.902%;
    --teal-new-61: hsl(var(--teal-new-61-hsl)/1);
    --teal-new-61-hsl: 184.138 calc(var(--saturation-factor, 1)*69.6%) 24.51%;
    --teal-new-62: hsl(var(--teal-new-62-hsl)/1);
    --teal-new-62-hsl: 184.286 calc(var(--saturation-factor, 1)*68.852%) 23.922%;
    --teal-new-63: hsl(var(--teal-new-63-hsl)/1);
    --teal-new-63-hsl: 184.444 calc(var(--saturation-factor, 1)*66.942%) 23.725%;
    --teal-new-64: hsl(var(--teal-new-64-hsl)/1);
    --teal-new-64-hsl: 184.615 calc(var(--saturation-factor, 1)*66.102%) 23.137%;
    --teal-new-65: hsl(var(--teal-new-65-hsl)/1);
    --teal-new-65-hsl: 184.8 calc(var(--saturation-factor, 1)*65.217%) 22.549%;
    --teal-new-66: hsl(var(--teal-new-66-hsl)/1);
    --teal-new-66-hsl: 184.167 calc(var(--saturation-factor, 1)*64.286%) 21.961%;
    --teal-new-67: hsl(var(--teal-new-67-hsl)/1);
    --teal-new-67-hsl: 185.217 calc(var(--saturation-factor, 1)*62.162%) 21.765%;
    --teal-new-68: hsl(var(--teal-new-68-hsl)/1);
    --teal-new-68-hsl: 184.545 calc(var(--saturation-factor, 1)*61.111%) 21.176%;
    --teal-new-69: hsl(var(--teal-new-69-hsl)/1);
    --teal-new-69-hsl: 184.762 calc(var(--saturation-factor, 1)*60%) 20.588%;
    --teal-new-70: hsl(var(--teal-new-70-hsl)/1);
    --teal-new-70-hsl: 184.839 calc(var(--saturation-factor, 1)*60.784%) 20%;
    --teal-new-71: hsl(var(--teal-new-71-hsl)/1);
    --teal-new-71-hsl: 185.085 calc(var(--saturation-factor, 1)*59.596%) 19.412%;
    --teal-new-72: hsl(var(--teal-new-72-hsl)/1);
    --teal-new-72-hsl: 185.263 calc(var(--saturation-factor, 1)*58.763%) 19.02%;
    --teal-new-73: hsl(var(--teal-new-73-hsl)/1);
    --teal-new-73-hsl: 184.444 calc(var(--saturation-factor, 1)*57.447%) 18.431%;
    --teal-new-74: hsl(var(--teal-new-74-hsl)/1);
    --teal-new-74-hsl: 184.706 calc(var(--saturation-factor, 1)*56.044%) 17.843%;
    --teal-new-75: hsl(var(--teal-new-75-hsl)/1);
    --teal-new-75-hsl: 184.8 calc(var(--saturation-factor, 1)*56.818%) 17.255%;
    --teal-new-76: hsl(var(--teal-new-76-hsl)/1);
    --teal-new-76-hsl: 185.106 calc(var(--saturation-factor, 1)*55.294%) 16.667%;
    --teal-new-77: hsl(var(--teal-new-77-hsl)/1);
    --teal-new-77-hsl: 185.217 calc(var(--saturation-factor, 1)*56.098%) 16.078%;
    --teal-new-78: hsl(var(--teal-new-78-hsl)/1);
    --teal-new-78-hsl: 184.186 calc(var(--saturation-factor, 1)*54.43%) 15.49%;
    --teal-new-79: hsl(var(--teal-new-79-hsl)/1);
    --teal-new-79-hsl: 185.714 calc(var(--saturation-factor, 1)*55.263%) 14.902%;
    --teal-new-80: hsl(var(--teal-new-80-hsl)/1);
    --teal-new-80-hsl: 184.615 calc(var(--saturation-factor, 1)*53.425%) 14.314%;
    --teal-new-81: hsl(var(--teal-new-81-hsl)/1);
    --teal-new-81-hsl: 184.737 calc(var(--saturation-factor, 1)*54.286%) 13.725%;
    --teal-new-82: hsl(var(--teal-new-82-hsl)/1);
    --teal-new-82-hsl: 185.143 calc(var(--saturation-factor, 1)*52.239%) 13.137%;
    --teal-new-83: hsl(var(--teal-new-83-hsl)/1);
    --teal-new-83-hsl: 185.294 calc(var(--saturation-factor, 1)*53.125%) 12.549%;
    --teal-new-84: hsl(var(--teal-new-84-hsl)/1);
    --teal-new-84-hsl: 185.625 calc(var(--saturation-factor, 1)*51.613%) 12.157%;
    --teal-new-85: hsl(var(--teal-new-85-hsl)/1);
    --teal-new-85-hsl: 184 calc(var(--saturation-factor, 1)*51.724%) 11.373%;
    --teal-new-86: hsl(var(--teal-new-86-hsl)/1);
    --teal-new-86-hsl: 184.138 calc(var(--saturation-factor, 1)*52.727%) 10.784%;
    --teal-new-87: hsl(var(--teal-new-87-hsl)/1);
    --teal-new-87-hsl: 186.429 calc(var(--saturation-factor, 1)*53.846%) 10.196%;
    --teal-new-88: hsl(var(--teal-new-88-hsl)/1);
    --teal-new-88-hsl: 184.8 calc(var(--saturation-factor, 1)*51.02%) 9.608%;
    --teal-new-89: hsl(var(--teal-new-89-hsl)/1);
    --teal-new-89-hsl: 185 calc(var(--saturation-factor, 1)*52.174%) 9.02%;
    --teal-new-90: hsl(var(--teal-new-90-hsl)/1);
    --teal-new-90-hsl: 185.217 calc(var(--saturation-factor, 1)*53.488%) 8.431%;
    --teal-new-91: hsl(var(--teal-new-91-hsl)/1);
    --teal-new-91-hsl: 185.455 calc(var(--saturation-factor, 1)*55%) 7.843%;
    --teal-new-92: hsl(var(--teal-new-92-hsl)/1);
    --teal-new-92-hsl: 183.158 calc(var(--saturation-factor, 1)*51.351%) 7.255%;
    --teal-new-93: hsl(var(--teal-new-93-hsl)/1);
    --teal-new-93-hsl: 183.333 calc(var(--saturation-factor, 1)*52.941%) 6.667%;
    --teal-new-94: hsl(var(--teal-new-94-hsl)/1);
    --teal-new-94-hsl: 187.059 calc(var(--saturation-factor, 1)*54.839%) 6.078%;
    --teal-new-95: hsl(var(--teal-new-95-hsl)/1);
    --teal-new-95-hsl: 184 calc(var(--saturation-factor, 1)*55.556%) 5.294%;
    --teal-new-96: hsl(var(--teal-new-96-hsl)/1);
    --teal-new-96-hsl: 184.615 calc(var(--saturation-factor, 1)*56.522%) 4.51%;
    --teal-new-97: hsl(var(--teal-new-97-hsl)/1);
    --teal-new-97-hsl: 185.455 calc(var(--saturation-factor, 1)*57.895%) 3.725%;
    --teal-new-98: hsl(var(--teal-new-98-hsl)/1);
    --teal-new-98-hsl: 187.5 calc(var(--saturation-factor, 1)*57.143%) 2.745%;
    --teal-new-99: hsl(var(--teal-new-99-hsl)/1);
    --teal-new-99-hsl: 192 calc(var(--saturation-factor, 1)*55.556%) 1.765%;
    --teal-new-100: hsl(var(--teal-new-100-hsl)/1);
    --teal-new-100-hsl: 180 calc(var(--saturation-factor, 1)*33.333%) 0.588%;
    --yellow-new-1: hsl(var(--yellow-new-1-hsl)/1);
    --yellow-new-1-hsl: 35.122 calc(var(--saturation-factor, 1)*59.42%) 86.471%;
    --yellow-new-2: hsl(var(--yellow-new-2-hsl)/1);
    --yellow-new-2-hsl: 35.455 calc(var(--saturation-factor, 1)*57.895%) 85.098%;
    --yellow-new-3: hsl(var(--yellow-new-3-hsl)/1);
    --yellow-new-3-hsl: 35.745 calc(var(--saturation-factor, 1)*58.025%) 84.118%;
    --yellow-new-4: hsl(var(--yellow-new-4-hsl)/1);
    --yellow-new-4-hsl: 35.294 calc(var(--saturation-factor, 1)*58.621%) 82.941%;
    --yellow-new-5: hsl(var(--yellow-new-5-hsl)/1);
    --yellow-new-5-hsl: 35.094 calc(var(--saturation-factor, 1)*56.989%) 81.765%;
    --yellow-new-6: hsl(var(--yellow-new-6-hsl)/1);
    --yellow-new-6-hsl: 35.789 calc(var(--saturation-factor, 1)*57.576%) 80.588%;
    --yellow-new-7: hsl(var(--yellow-new-7-hsl)/1);
    --yellow-new-7-hsl: 35.593 calc(var(--saturation-factor, 1)*56.19%) 79.412%;
    --yellow-new-8: hsl(var(--yellow-new-8-hsl)/1);
    --yellow-new-8-hsl: 34.839 calc(var(--saturation-factor, 1)*56.364%) 78.431%;
    --yellow-new-9: hsl(var(--yellow-new-9-hsl)/1);
    --yellow-new-9-hsl: 36 calc(var(--saturation-factor, 1)*55.556%) 77.059%;
    --yellow-new-10: hsl(var(--yellow-new-10-hsl)/1);
    --yellow-new-10-hsl: 35.294 calc(var(--saturation-factor, 1)*55.738%) 76.078%;
    --yellow-new-11: hsl(var(--yellow-new-11-hsl)/1);
    --yellow-new-11-hsl: 34.648 calc(var(--saturation-factor, 1)*55.906%) 75.098%;
    --yellow-new-12: hsl(var(--yellow-new-12-hsl)/1);
    --yellow-new-12-hsl: 35.342 calc(var(--saturation-factor, 1)*54.887%) 73.922%;
    --yellow-new-13: hsl(var(--yellow-new-13-hsl)/1);
    --yellow-new-13-hsl: 35.065 calc(var(--saturation-factor, 1)*55.396%) 72.745%;
    --yellow-new-14: hsl(var(--yellow-new-14-hsl)/1);
    --yellow-new-14-hsl: 34.937 calc(var(--saturation-factor, 1)*54.483%) 71.569%;
    --yellow-new-15: hsl(var(--yellow-new-15-hsl)/1);
    --yellow-new-15-hsl: 35.556 calc(var(--saturation-factor, 1)*53.642%) 70.392%;
    --yellow-new-16: hsl(var(--yellow-new-16-hsl)/1);
    --yellow-new-16-hsl: 35 calc(var(--saturation-factor, 1)*53.846%) 69.412%;
    --yellow-new-17: hsl(var(--yellow-new-17-hsl)/1);
    --yellow-new-17-hsl: 34.884 calc(var(--saturation-factor, 1)*53.086%) 68.235%;
    --yellow-new-18: hsl(var(--yellow-new-18-hsl)/1);
    --yellow-new-18-hsl: 35.056 calc(var(--saturation-factor, 1)*53.293%) 67.255%;
    --yellow-new-19: hsl(var(--yellow-new-19-hsl)/1);
    --yellow-new-19-hsl: 34.945 calc(var(--saturation-factor, 1)*52.601%) 66.078%;
    --yellow-new-20: hsl(var(--yellow-new-20-hsl)/1);
    --yellow-new-20-hsl: 34.468 calc(var(--saturation-factor, 1)*52.809%) 65.098%;
    --yellow-new-21: hsl(var(--yellow-new-21-hsl)/1);
    --yellow-new-21-hsl: 35 calc(var(--saturation-factor, 1)*52.174%) 63.922%;
    --yellow-new-22: hsl(var(--yellow-new-22-hsl)/1);
    --yellow-new-22-hsl: 34.898 calc(var(--saturation-factor, 1)*51.579%) 62.745%;
    --yellow-new-23: hsl(var(--yellow-new-23-hsl)/1);
    --yellow-new-23-hsl: 34.2 calc(var(--saturation-factor, 1)*51.546%) 61.961%;
    --yellow-new-24: hsl(var(--yellow-new-24-hsl)/1);
    --yellow-new-24-hsl: 34.706 calc(var(--saturation-factor, 1)*51%) 60.784%;
    --yellow-new-25: hsl(var(--yellow-new-25-hsl)/1);
    --yellow-new-25-hsl: 34.615 calc(var(--saturation-factor, 1)*50.485%) 59.608%;
    --yellow-new-26: hsl(var(--yellow-new-26-hsl)/1);
    --yellow-new-26-hsl: 34.206 calc(var(--saturation-factor, 1)*50.711%) 58.627%;
    --yellow-new-27: hsl(var(--yellow-new-27-hsl)/1);
    --yellow-new-27-hsl: 34.444 calc(var(--saturation-factor, 1)*50%) 57.647%;
    --yellow-new-28: hsl(var(--yellow-new-28-hsl)/1);
    --yellow-new-28-hsl: 34.364 calc(var(--saturation-factor, 1)*49.55%) 56.471%;
    --yellow-new-29: hsl(var(--yellow-new-29-hsl)/1);
    --yellow-new-29-hsl: 34.513 calc(var(--saturation-factor, 1)*49.78%) 55.49%;
    --yellow-new-30: hsl(var(--yellow-new-30-hsl)/1);
    --yellow-new-30-hsl: 34.435 calc(var(--saturation-factor, 1)*49.356%) 54.314%;
    --yellow-new-31: hsl(var(--yellow-new-31-hsl)/1);
    --yellow-new-31-hsl: 34.138 calc(var(--saturation-factor, 1)*48.739%) 53.333%;
    --yellow-new-32: hsl(var(--yellow-new-32-hsl)/1);
    --yellow-new-32-hsl: 34.576 calc(var(--saturation-factor, 1)*48.361%) 52.157%;
    --yellow-new-33: hsl(var(--yellow-new-33-hsl)/1);
    --yellow-new-33-hsl: 34.215 calc(var(--saturation-factor, 1)*48.594%) 51.176%;
    --yellow-new-34: hsl(var(--yellow-new-34-hsl)/1);
    --yellow-new-34-hsl: 34.426 calc(var(--saturation-factor, 1)*48.031%) 50.196%;
    --yellow-new-35: hsl(var(--yellow-new-35-hsl)/1);
    --yellow-new-35-hsl: 34.355 calc(var(--saturation-factor, 1)*49.6%) 49.02%;
    --yellow-new-36: hsl(var(--yellow-new-36-hsl)/1);
    --yellow-new-36-hsl: 34.56 calc(var(--saturation-factor, 1)*51.02%) 48.039%;
    --yellow-new-37: hsl(var(--yellow-new-37-hsl)/1);
    --yellow-new-37-hsl: 34.219 calc(var(--saturation-factor, 1)*53.333%) 47.059%;
    --yellow-new-38: hsl(var(--yellow-new-38-hsl)/1);
    --yellow-new-38-hsl: 34.615 calc(var(--saturation-factor, 1)*55.556%) 45.882%;
    --yellow-new-39: hsl(var(--yellow-new-39-hsl)/1);
    --yellow-new-39-hsl: 34.545 calc(var(--saturation-factor, 1)*57.895%) 44.706%;
    --yellow-new-40: hsl(var(--yellow-new-40-hsl)/1);
    --yellow-new-40-hsl: 34.286 calc(var(--saturation-factor, 1)*59.641%) 43.725%;
    --yellow-new-41: hsl(var(--yellow-new-41-hsl)/1);
    --yellow-new-41-hsl: 34.667 calc(var(--saturation-factor, 1)*62.212%) 42.549%;
    --yellow-new-42: hsl(var(--yellow-new-42-hsl)/1);
    --yellow-new-42-hsl: 34.599 calc(var(--saturation-factor, 1)*64.929%) 41.373%;
    --yellow-new-43: hsl(var(--yellow-new-43-hsl)/1);
    --yellow-new-43-hsl: 34.964 calc(var(--saturation-factor, 1)*67.805%) 40.196%;
    --yellow-new-44: hsl(var(--yellow-new-44-hsl)/1);
    --yellow-new-44-hsl: 34.648 calc(var(--saturation-factor, 1)*71%) 39.216%;
    --yellow-new-45: hsl(var(--yellow-new-45-hsl)/1);
    --yellow-new-45-hsl: 35.172 calc(var(--saturation-factor, 1)*75.13%) 37.843%;
    --yellow-new-46: hsl(var(--yellow-new-46-hsl)/1);
    --yellow-new-46-hsl: 35.27 calc(var(--saturation-factor, 1)*79.57%) 36.471%;
    --yellow-new-47: hsl(var(--yellow-new-47-hsl)/1);
    --yellow-new-47-hsl: 35.921 calc(var(--saturation-factor, 1)*85.393%) 34.902%;
    --yellow-new-48: hsl(var(--yellow-new-48-hsl)/1);
    --yellow-new-48-hsl: 36.154 calc(var(--saturation-factor, 1)*91.765%) 33.333%;
    --yellow-new-49: hsl(var(--yellow-new-49-hsl)/1);
    --yellow-new-49-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --yellow-new-50: hsl(var(--yellow-new-50-hsl)/1);
    --yellow-new-50-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --yellow-new-51: hsl(var(--yellow-new-51-hsl)/1);
    --yellow-new-51-hsl: 36.688 calc(var(--saturation-factor, 1)*98.742%) 31.176%;
    --yellow-new-52: hsl(var(--yellow-new-52-hsl)/1);
    --yellow-new-52-hsl: 36.711 calc(var(--saturation-factor, 1)*97.436%) 30.588%;
    --yellow-new-53: hsl(var(--yellow-new-53-hsl)/1);
    --yellow-new-53-hsl: 36.486 calc(var(--saturation-factor, 1)*96.104%) 30.196%;
    --yellow-new-54: hsl(var(--yellow-new-54-hsl)/1);
    --yellow-new-54-hsl: 36.667 calc(var(--saturation-factor, 1)*96%) 29.412%;
    --yellow-new-55: hsl(var(--yellow-new-55-hsl)/1);
    --yellow-new-55-hsl: 36.429 calc(var(--saturation-factor, 1)*94.595%) 29.02%;
    --yellow-new-56: hsl(var(--yellow-new-56-hsl)/1);
    --yellow-new-56-hsl: 36.444 calc(var(--saturation-factor, 1)*93.103%) 28.431%;
    --yellow-new-57: hsl(var(--yellow-new-57-hsl)/1);
    --yellow-new-57-hsl: 36.364 calc(var(--saturation-factor, 1)*92.958%) 27.843%;
    --yellow-new-58: hsl(var(--yellow-new-58-hsl)/1);
    --yellow-new-58-hsl: 36.094 calc(var(--saturation-factor, 1)*91.429%) 27.451%;
    --yellow-new-59: hsl(var(--yellow-new-59-hsl)/1);
    --yellow-new-59-hsl: 36.29 calc(var(--saturation-factor, 1)*91.176%) 26.667%;
    --yellow-new-60: hsl(var(--yellow-new-60-hsl)/1);
    --yellow-new-60-hsl: 36 calc(var(--saturation-factor, 1)*89.552%) 26.275%;
    --yellow-new-61: hsl(var(--yellow-new-61-hsl)/1);
    --yellow-new-61-hsl: 36.41 calc(var(--saturation-factor, 1)*89.313%) 25.686%;
    --yellow-new-62: hsl(var(--yellow-new-62-hsl)/1);
    --yellow-new-62-hsl: 36.316 calc(var(--saturation-factor, 1)*89.063%) 25.098%;
    --yellow-new-63: hsl(var(--yellow-new-63-hsl)/1);
    --yellow-new-63-hsl: 36.33 calc(var(--saturation-factor, 1)*87.2%) 24.51%;
    --yellow-new-64: hsl(var(--yellow-new-64-hsl)/1);
    --yellow-new-64-hsl: 36.226 calc(var(--saturation-factor, 1)*86.885%) 23.922%;
    --yellow-new-65: hsl(var(--yellow-new-65-hsl)/1);
    --yellow-new-65-hsl: 36.117 calc(var(--saturation-factor, 1)*86.555%) 23.333%;
    --yellow-new-66: hsl(var(--yellow-new-66-hsl)/1);
    --yellow-new-66-hsl: 36 calc(var(--saturation-factor, 1)*86.207%) 22.745%;
    --yellow-new-67: hsl(var(--yellow-new-67-hsl)/1);
    --yellow-new-67-hsl: 35.876 calc(var(--saturation-factor, 1)*85.841%) 22.157%;
    --yellow-new-68: hsl(var(--yellow-new-68-hsl)/1);
    --yellow-new-68-hsl: 36.129 calc(var(--saturation-factor, 1)*85.321%) 21.373%;
    --yellow-new-69: hsl(var(--yellow-new-69-hsl)/1);
    --yellow-new-69-hsl: 36 calc(var(--saturation-factor, 1)*84.906%) 20.784%;
    --yellow-new-70: hsl(var(--yellow-new-70-hsl)/1);
    --yellow-new-70-hsl: 35.862 calc(var(--saturation-factor, 1)*84.466%) 20.196%;
    --yellow-new-71: hsl(var(--yellow-new-71-hsl)/1);
    --yellow-new-71-hsl: 36.429 calc(var(--saturation-factor, 1)*84%) 19.608%;
    --yellow-new-72: hsl(var(--yellow-new-72-hsl)/1);
    --yellow-new-72-hsl: 36.296 calc(var(--saturation-factor, 1)*83.505%) 19.02%;
    --yellow-new-73: hsl(var(--yellow-new-73-hsl)/1);
    --yellow-new-73-hsl: 36.154 calc(var(--saturation-factor, 1)*82.979%) 18.431%;
    --yellow-new-74: hsl(var(--yellow-new-74-hsl)/1);
    --yellow-new-74-hsl: 36 calc(var(--saturation-factor, 1)*82.418%) 17.843%;
    --yellow-new-75: hsl(var(--yellow-new-75-hsl)/1);
    --yellow-new-75-hsl: 35.833 calc(var(--saturation-factor, 1)*81.818%) 17.255%;
    --yellow-new-76: hsl(var(--yellow-new-76-hsl)/1);
    --yellow-new-76-hsl: 35.652 calc(var(--saturation-factor, 1)*81.176%) 16.667%;
    --yellow-new-77: hsl(var(--yellow-new-77-hsl)/1);
    --yellow-new-77-hsl: 35.455 calc(var(--saturation-factor, 1)*80.488%) 16.078%;
    --yellow-new-78: hsl(var(--yellow-new-78-hsl)/1);
    --yellow-new-78-hsl: 36.563 calc(var(--saturation-factor, 1)*82.051%) 15.294%;
    --yellow-new-79: hsl(var(--yellow-new-79-hsl)/1);
    --yellow-new-79-hsl: 35.806 calc(var(--saturation-factor, 1)*81.579%) 14.902%;
    --yellow-new-80: hsl(var(--yellow-new-80-hsl)/1);
    --yellow-new-80-hsl: 35.593 calc(var(--saturation-factor, 1)*80.822%) 14.314%;
    --yellow-new-81: hsl(var(--yellow-new-81-hsl)/1);
    --yellow-new-81-hsl: 35.357 calc(var(--saturation-factor, 1)*80%) 13.725%;
    --yellow-new-82: hsl(var(--yellow-new-82-hsl)/1);
    --yellow-new-82-hsl: 35.556 calc(var(--saturation-factor, 1)*81.818%) 12.941%;
    --yellow-new-83: hsl(var(--yellow-new-83-hsl)/1);
    --yellow-new-83-hsl: 36.471 calc(var(--saturation-factor, 1)*80.952%) 12.353%;
    --yellow-new-84: hsl(var(--yellow-new-84-hsl)/1);
    --yellow-new-84-hsl: 35.51 calc(var(--saturation-factor, 1)*80.328%) 11.961%;
    --yellow-new-85: hsl(var(--yellow-new-85-hsl)/1);
    --yellow-new-85-hsl: 35.217 calc(var(--saturation-factor, 1)*79.31%) 11.373%;
    --yellow-new-86: hsl(var(--yellow-new-86-hsl)/1);
    --yellow-new-86-hsl: 35.455 calc(var(--saturation-factor, 1)*81.481%) 10.588%;
    --yellow-new-87: hsl(var(--yellow-new-87-hsl)/1);
    --yellow-new-87-hsl: 35.714 calc(var(--saturation-factor, 1)*80.769%) 10.196%;
    --yellow-new-88: hsl(var(--yellow-new-88-hsl)/1);
    --yellow-new-88-hsl: 35.385 calc(var(--saturation-factor, 1)*79.592%) 9.608%;
    --yellow-new-89: hsl(var(--yellow-new-89-hsl)/1);
    --yellow-new-89-hsl: 35 calc(var(--saturation-factor, 1)*78.261%) 9.02%;
    --yellow-new-90: hsl(var(--yellow-new-90-hsl)/1);
    --yellow-new-90-hsl: 34.286 calc(var(--saturation-factor, 1)*81.395%) 8.431%;
    --yellow-new-91: hsl(var(--yellow-new-91-hsl)/1);
    --yellow-new-91-hsl: 35.625 calc(var(--saturation-factor, 1)*80%) 7.843%;
    --yellow-new-92: hsl(var(--yellow-new-92-hsl)/1);
    --yellow-new-92-hsl: 34 calc(var(--saturation-factor, 1)*78.947%) 7.451%;
    --yellow-new-93: hsl(var(--yellow-new-93-hsl)/1);
    --yellow-new-93-hsl: 34.286 calc(var(--saturation-factor, 1)*82.353%) 6.667%;
    --yellow-new-94: hsl(var(--yellow-new-94-hsl)/1);
    --yellow-new-94-hsl: 32.308 calc(var(--saturation-factor, 1)*81.25%) 6.275%;
    --yellow-new-95: hsl(var(--yellow-new-95-hsl)/1);
    --yellow-new-95-hsl: 31.304 calc(var(--saturation-factor, 1)*79.31%) 5.686%;
    --yellow-new-96: hsl(var(--yellow-new-96-hsl)/1);
    --yellow-new-96-hsl: 33 calc(var(--saturation-factor, 1)*83.333%) 4.706%;
    --yellow-new-97: hsl(var(--yellow-new-97-hsl)/1);
    --yellow-new-97-hsl: 30 calc(var(--saturation-factor, 1)*80%) 3.922%;
    --yellow-new-98: hsl(var(--yellow-new-98-hsl)/1);
    --yellow-new-98-hsl: 30 calc(var(--saturation-factor, 1)*75%) 3.137%;
    --yellow-new-99: hsl(var(--yellow-new-99-hsl)/1);
    --yellow-new-99-hsl: 30 calc(var(--saturation-factor, 1)*80%) 1.961%;
    --yellow-new-100: hsl(var(--yellow-new-100-hsl)/1);
    --yellow-new-100-hsl: 40 calc(var(--saturation-factor, 1)*100%) 0.588%;
    --orange-new-1: hsl(var(--orange-new-1-hsl)/1);
    --orange-new-1-hsl: 23.774 calc(var(--saturation-factor, 1)*89.831%) 88.431%;
    --orange-new-2: hsl(var(--orange-new-2-hsl)/1);
    --orange-new-2-hsl: 23.158 calc(var(--saturation-factor, 1)*90.476%) 87.647%;
    --orange-new-3: hsl(var(--orange-new-3-hsl)/1);
    --orange-new-3-hsl: 23.607 calc(var(--saturation-factor, 1)*88.406%) 86.471%;
    --orange-new-4: hsl(var(--orange-new-4-hsl)/1);
    --orange-new-4-hsl: 23.437 calc(var(--saturation-factor, 1)*86.486%) 85.49%;
    --orange-new-5: hsl(var(--orange-new-5-hsl)/1);
    --orange-new-5-hsl: 23.478 calc(var(--saturation-factor, 1)*87.342%) 84.51%;
    --orange-new-6: hsl(var(--orange-new-6-hsl)/1);
    --orange-new-6-hsl: 23.333 calc(var(--saturation-factor, 1)*85.714%) 83.529%;
    --orange-new-7: hsl(var(--orange-new-7-hsl)/1);
    --orange-new-7-hsl: 23.684 calc(var(--saturation-factor, 1)*84.444%) 82.353%;
    --orange-new-8: hsl(var(--orange-new-8-hsl)/1);
    --orange-new-8-hsl: 23.544 calc(var(--saturation-factor, 1)*83.158%) 81.373%;
    --orange-new-9: hsl(var(--orange-new-9-hsl)/1);
    --orange-new-9-hsl: 23.133 calc(var(--saturation-factor, 1)*83.838%) 80.588%;
    --orange-new-10: hsl(var(--orange-new-10-hsl)/1);
    --orange-new-10-hsl: 23.448 calc(var(--saturation-factor, 1)*82.857%) 79.412%;
    --orange-new-11: hsl(var(--orange-new-11-hsl)/1);
    --orange-new-11-hsl: 23.333 calc(var(--saturation-factor, 1)*81.818%) 78.431%;
    --orange-new-12: hsl(var(--orange-new-12-hsl)/1);
    --orange-new-12-hsl: 23.226 calc(var(--saturation-factor, 1)*80.87%) 77.451%;
    --orange-new-13: hsl(var(--orange-new-13-hsl)/1);
    --orange-new-13-hsl: 23.125 calc(var(--saturation-factor, 1)*80%) 76.471%;
    --orange-new-14: hsl(var(--orange-new-14-hsl)/1);
    --orange-new-14-hsl: 23.4 calc(var(--saturation-factor, 1)*79.365%) 75.294%;
    --orange-new-15: hsl(var(--orange-new-15-hsl)/1);
    --orange-new-15-hsl: 23.301 calc(var(--saturation-factor, 1)*78.626%) 74.314%;
    --orange-new-16: hsl(var(--orange-new-16-hsl)/1);
    --orange-new-16-hsl: 23.208 calc(var(--saturation-factor, 1)*77.941%) 73.333%;
    --orange-new-17: hsl(var(--orange-new-17-hsl)/1);
    --orange-new-17-hsl: 23.119 calc(var(--saturation-factor, 1)*77.305%) 72.353%;
    --orange-new-18: hsl(var(--orange-new-18-hsl)/1);
    --orange-new-18-hsl: 23.036 calc(var(--saturation-factor, 1)*76.712%) 71.373%;
    --orange-new-19: hsl(var(--orange-new-19-hsl)/1);
    --orange-new-19-hsl: 22.957 calc(var(--saturation-factor, 1)*76.159%) 70.392%;
    --orange-new-20: hsl(var(--orange-new-20-hsl)/1);
    --orange-new-20-hsl: 23.077 calc(var(--saturation-factor, 1)*74.522%) 69.216%;
    --orange-new-21: hsl(var(--orange-new-21-hsl)/1);
    --orange-new-21-hsl: 23 calc(var(--saturation-factor, 1)*74.074%) 68.235%;
    --orange-new-22: hsl(var(--orange-new-22-hsl)/1);
    --orange-new-22-hsl: 22.623 calc(var(--saturation-factor, 1)*73.494%) 67.451%;
    --orange-new-23: hsl(var(--orange-new-23-hsl)/1);
    --orange-new-23-hsl: 22.56 calc(var(--saturation-factor, 1)*73.099%) 66.471%;
    --orange-new-24: hsl(var(--orange-new-24-hsl)/1);
    --orange-new-24-hsl: 22.677 calc(var(--saturation-factor, 1)*71.751%) 65.294%;
    --orange-new-25: hsl(var(--orange-new-25-hsl)/1);
    --orange-new-25-hsl: 22.615 calc(var(--saturation-factor, 1)*71.429%) 64.314%;
    --orange-new-26: hsl(var(--orange-new-26-hsl)/1);
    --orange-new-26-hsl: 22.556 calc(var(--saturation-factor, 1)*71.123%) 63.333%;
    --orange-new-27: hsl(var(--orange-new-27-hsl)/1);
    --orange-new-27-hsl: 22.388 calc(var(--saturation-factor, 1)*69.792%) 62.353%;
    --orange-new-28: hsl(var(--orange-new-28-hsl)/1);
    --orange-new-28-hsl: 22.774 calc(var(--saturation-factor, 1)*69.543%) 61.373%;
    --orange-new-29: hsl(var(--orange-new-29-hsl)/1);
    --orange-new-29-hsl: 22.878 calc(var(--saturation-factor, 1)*68.473%) 60.196%;
    --orange-new-30: hsl(var(--orange-new-30-hsl)/1);
    --orange-new-30-hsl: 22.553 calc(var(--saturation-factor, 1)*68.116%) 59.412%;
    --orange-new-31: hsl(var(--orange-new-31-hsl)/1);
    --orange-new-31-hsl: 22.657 calc(var(--saturation-factor, 1)*67.136%) 58.235%;
    --orange-new-32: hsl(var(--orange-new-32-hsl)/1);
    --orange-new-32-hsl: 22.603 calc(var(--saturation-factor, 1)*66.972%) 57.255%;
    --orange-new-33: hsl(var(--orange-new-33-hsl)/1);
    --orange-new-33-hsl: 22.449 calc(var(--saturation-factor, 1)*65.919%) 56.275%;
    --orange-new-34: hsl(var(--orange-new-34-hsl)/1);
    --orange-new-34-hsl: 22.4 calc(var(--saturation-factor, 1)*65.789%) 55.294%;
    --orange-new-35: hsl(var(--orange-new-35-hsl)/1);
    --orange-new-35-hsl: 22.5 calc(var(--saturation-factor, 1)*64.957%) 54.118%;
    --orange-new-36: hsl(var(--orange-new-36-hsl)/1);
    --orange-new-36-hsl: 22.208 calc(var(--saturation-factor, 1)*64.706%) 53.333%;
    --orange-new-37: hsl(var(--orange-new-37-hsl)/1);
    --orange-new-37-hsl: 22.308 calc(var(--saturation-factor, 1)*63.934%) 52.157%;
    --orange-new-38: hsl(var(--orange-new-38-hsl)/1);
    --orange-new-38-hsl: 22.785 calc(var(--saturation-factor, 1)*63.2%) 50.98%;
    --orange-new-39: hsl(var(--orange-new-39-hsl)/1);
    --orange-new-39-hsl: 22.642 calc(var(--saturation-factor, 1)*62.353%) 50%;
    --orange-new-40: hsl(var(--orange-new-40-hsl)/1);
    --orange-new-40-hsl: 22.593 calc(var(--saturation-factor, 1)*64.8%) 49.02%;
    --orange-new-41: hsl(var(--orange-new-41-hsl)/1);
    --orange-new-41-hsl: 22.683 calc(var(--saturation-factor, 1)*67.213%) 47.843%;
    --orange-new-42: hsl(var(--orange-new-42-hsl)/1);
    --orange-new-42-hsl: 22.771 calc(var(--saturation-factor, 1)*69.748%) 46.667%;
    --orange-new-43: hsl(var(--orange-new-43-hsl)/1);
    --orange-new-43-hsl: 22.857 calc(var(--saturation-factor, 1)*72.414%) 45.49%;
    --orange-new-44: hsl(var(--orange-new-44-hsl)/1);
    --orange-new-44-hsl: 22.807 calc(var(--saturation-factor, 1)*75.33%) 44.51%;
    --orange-new-45: hsl(var(--orange-new-45-hsl)/1);
    --orange-new-45-hsl: 23.448 calc(var(--saturation-factor, 1)*79.091%) 43.137%;
    --orange-new-46: hsl(var(--orange-new-46-hsl)/1);
    --orange-new-46-hsl: 23.523 calc(var(--saturation-factor, 1)*82.243%) 41.961%;
    --orange-new-47: hsl(var(--orange-new-47-hsl)/1);
    --orange-new-47-hsl: 24 calc(var(--saturation-factor, 1)*87.379%) 40.392%;
    --orange-new-48: hsl(var(--orange-new-48-hsl)/1);
    --orange-new-48-hsl: 24.649 calc(var(--saturation-factor, 1)*93.909%) 38.627%;
    --orange-new-49: hsl(var(--orange-new-49-hsl)/1);
    --orange-new-49-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --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: 25.109 calc(var(--saturation-factor, 1)*98.925%) 36.471%;
    --orange-new-52: hsl(var(--orange-new-52-hsl)/1);
    --orange-new-52-hsl: 24.804 calc(var(--saturation-factor, 1)*97.814%) 35.882%;
    --orange-new-53: hsl(var(--orange-new-53-hsl)/1);
    --orange-new-53-hsl: 25.029 calc(var(--saturation-factor, 1)*97.765%) 35.098%;
    --orange-new-54: hsl(var(--orange-new-54-hsl)/1);
    --orange-new-54-hsl: 24.706 calc(var(--saturation-factor, 1)*96.591%) 34.51%;
    --orange-new-55: hsl(var(--orange-new-55-hsl)/1);
    --orange-new-55-hsl: 24.727 calc(var(--saturation-factor, 1)*95.376%) 33.922%;
    --orange-new-56: hsl(var(--orange-new-56-hsl)/1);
    --orange-new-56-hsl: 24.596 calc(var(--saturation-factor, 1)*95.266%) 33.137%;
    --orange-new-57: hsl(var(--orange-new-57-hsl)/1);
    --orange-new-57-hsl: 24.615 calc(var(--saturation-factor, 1)*93.976%) 32.549%;
    --orange-new-58: hsl(var(--orange-new-58-hsl)/1);
    --orange-new-58-hsl: 24.474 calc(var(--saturation-factor, 1)*93.827%) 31.765%;
    --orange-new-59: hsl(var(--orange-new-59-hsl)/1);
    --orange-new-59-hsl: 24.49 calc(var(--saturation-factor, 1)*92.453%) 31.176%;
    --orange-new-60: hsl(var(--orange-new-60-hsl)/1);
    --orange-new-60-hsl: 24.336 calc(var(--saturation-factor, 1)*92.258%) 30.392%;
    --orange-new-61: hsl(var(--orange-new-61-hsl)/1);
    --orange-new-61-hsl: 24.348 calc(var(--saturation-factor, 1)*90.789%) 29.804%;
    --orange-new-62: hsl(var(--orange-new-62-hsl)/1);
    --orange-new-62-hsl: 24.444 calc(var(--saturation-factor, 1)*90.604%) 29.216%;
    --orange-new-63: hsl(var(--orange-new-63-hsl)/1);
    --orange-new-63-hsl: 24.275 calc(var(--saturation-factor, 1)*90.345%) 28.431%;
    --orange-new-64: hsl(var(--orange-new-64-hsl)/1);
    --orange-new-64-hsl: 24.567 calc(var(--saturation-factor, 1)*90.071%) 27.647%;
    --orange-new-65: hsl(var(--orange-new-65-hsl)/1);
    --orange-new-65-hsl: 24.098 calc(var(--saturation-factor, 1)*88.406%) 27.059%;
    --orange-new-66: hsl(var(--orange-new-66-hsl)/1);
    --orange-new-66-hsl: 24.407 calc(var(--saturation-factor, 1)*88.06%) 26.275%;
    --orange-new-67: hsl(var(--orange-new-67-hsl)/1);
    --orange-new-67-hsl: 24 calc(var(--saturation-factor, 1)*87.786%) 25.686%;
    --orange-new-68: hsl(var(--orange-new-68-hsl)/1);
    --orange-new-68-hsl: 24.324 calc(var(--saturation-factor, 1)*87.402%) 24.902%;
    --orange-new-69: hsl(var(--orange-new-69-hsl)/1);
    --orange-new-69-hsl: 24.112 calc(var(--saturation-factor, 1)*86.992%) 24.118%;
    --orange-new-70: hsl(var(--orange-new-70-hsl)/1);
    --orange-new-70-hsl: 24.231 calc(var(--saturation-factor, 1)*86.667%) 23.529%;
    --orange-new-71: hsl(var(--orange-new-71-hsl)/1);
    --orange-new-71-hsl: 24 calc(var(--saturation-factor, 1)*86.207%) 22.745%;
    --orange-new-72: hsl(var(--orange-new-72-hsl)/1);
    --orange-new-72-hsl: 24.124 calc(var(--saturation-factor, 1)*85.841%) 22.157%;
    --orange-new-73: hsl(var(--orange-new-73-hsl)/1);
    --orange-new-73-hsl: 23.871 calc(var(--saturation-factor, 1)*85.321%) 21.373%;
    --orange-new-74: hsl(var(--orange-new-74-hsl)/1);
    --orange-new-74-hsl: 24 calc(var(--saturation-factor, 1)*84.906%) 20.784%;
    --orange-new-75: hsl(var(--orange-new-75-hsl)/1);
    --orange-new-75-hsl: 23.721 calc(var(--saturation-factor, 1)*84.314%) 20%;
    --orange-new-76: hsl(var(--orange-new-76-hsl)/1);
    --orange-new-76-hsl: 24.286 calc(var(--saturation-factor, 1)*85.714%) 19.216%;
    --orange-new-77: hsl(var(--orange-new-77-hsl)/1);
    --orange-new-77-hsl: 24 calc(var(--saturation-factor, 1)*85.106%) 18.431%;
    --orange-new-78: hsl(var(--orange-new-78-hsl)/1);
    --orange-new-78-hsl: 24.156 calc(var(--saturation-factor, 1)*84.615%) 17.843%;
    --orange-new-79: hsl(var(--orange-new-79-hsl)/1);
    --orange-new-79-hsl: 23.514 calc(var(--saturation-factor, 1)*84.091%) 17.255%;
    --orange-new-80: hsl(var(--orange-new-80-hsl)/1);
    --orange-new-80-hsl: 24 calc(var(--saturation-factor, 1)*83.333%) 16.471%;
    --orange-new-81: hsl(var(--orange-new-81-hsl)/1);
    --orange-new-81-hsl: 23.824 calc(var(--saturation-factor, 1)*85%) 15.686%;
    --orange-new-82: hsl(var(--orange-new-82-hsl)/1);
    --orange-new-82-hsl: 24 calc(var(--saturation-factor, 1)*84.416%) 15.098%;
    --orange-new-83: hsl(var(--orange-new-83-hsl)/1);
    --orange-new-83-hsl: 23.226 calc(var(--saturation-factor, 1)*83.784%) 14.51%;
    --orange-new-84: hsl(var(--orange-new-84-hsl)/1);
    --orange-new-84-hsl: 23.39 calc(var(--saturation-factor, 1)*83.099%) 13.922%;
    --orange-new-85: hsl(var(--orange-new-85-hsl)/1);
    --orange-new-85-hsl: 24.643 calc(var(--saturation-factor, 1)*84.848%) 12.941%;
    --orange-new-86: hsl(var(--orange-new-86-hsl)/1);
    --orange-new-86-hsl: 23.774 calc(var(--saturation-factor, 1)*84.127%) 12.353%;
    --orange-new-87: hsl(var(--orange-new-87-hsl)/1);
    --orange-new-87-hsl: 24 calc(var(--saturation-factor, 1)*83.333%) 11.765%;
    --orange-new-88: hsl(var(--orange-new-88-hsl)/1);
    --orange-new-88-hsl: 22.979 calc(var(--saturation-factor, 1)*82.456%) 11.176%;
    --orange-new-89: hsl(var(--orange-new-89-hsl)/1);
    --orange-new-89-hsl: 24 calc(var(--saturation-factor, 1)*84.906%) 10.392%;
    --orange-new-90: hsl(var(--orange-new-90-hsl)/1);
    --orange-new-90-hsl: 22.857 calc(var(--saturation-factor, 1)*84%) 9.804%;
    --orange-new-91: hsl(var(--orange-new-91-hsl)/1);
    --orange-new-91-hsl: 23.077 calc(var(--saturation-factor, 1)*82.979%) 9.216%;
    --orange-new-92: hsl(var(--orange-new-92-hsl)/1);
    --orange-new-92-hsl: 22.703 calc(var(--saturation-factor, 1)*86.047%) 8.431%;
    --orange-new-93: hsl(var(--orange-new-93-hsl)/1);
    --orange-new-93-hsl: 22.941 calc(var(--saturation-factor, 1)*85%) 7.843%;
    --orange-new-94: hsl(var(--orange-new-94-hsl)/1);
    --orange-new-94-hsl: 21.29 calc(var(--saturation-factor, 1)*83.784%) 7.255%;
    --orange-new-95: hsl(var(--orange-new-95-hsl)/1);
    --orange-new-95-hsl: 19.286 calc(var(--saturation-factor, 1)*82.353%) 6.667%;
    --orange-new-96: hsl(var(--orange-new-96-hsl)/1);
    --orange-new-96-hsl: 19.2 calc(var(--saturation-factor, 1)*86.207%) 5.686%;
    --orange-new-97: hsl(var(--orange-new-97-hsl)/1);
    --orange-new-97-hsl: 17.143 calc(var(--saturation-factor, 1)*84%) 4.902%;
    --orange-new-98: hsl(var(--orange-new-98-hsl)/1);
    --orange-new-98-hsl: 17.647 calc(var(--saturation-factor, 1)*89.474%) 3.725%;
    --orange-new-99: hsl(var(--orange-new-99-hsl)/1);
    --orange-new-99-hsl: 18 calc(var(--saturation-factor, 1)*83.333%) 2.353%;
    --orange-new-100: hsl(var(--orange-new-100-hsl)/1);
    --orange-new-100-hsl: 15 calc(var(--saturation-factor, 1)*100%) 0.784%;
    --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-100: hsl(var(--white-100-hsl)/1);
    --white-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-130: hsl(var(--white-130-hsl)/1);
    --white-130-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-160: hsl(var(--white-160-hsl)/1);
    --white-160-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-200: hsl(var(--white-200-hsl)/1);
    --white-200-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-230: hsl(var(--white-230-hsl)/1);
    --white-230-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-260: hsl(var(--white-260-hsl)/1);
    --white-260-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-300: hsl(var(--white-300-hsl)/1);
    --white-300-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-330: hsl(var(--white-330-hsl)/1);
    --white-330-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-345: hsl(var(--white-345-hsl)/1);
    --white-345-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-360: hsl(var(--white-360-hsl)/1);
    --white-360-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-400: hsl(var(--white-400-hsl)/1);
    --white-400-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-430: hsl(var(--white-430-hsl)/1);
    --white-430-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-460: hsl(var(--white-460-hsl)/1);
    --white-460-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%;
    --white-530: hsl(var(--white-530-hsl)/1);
    --white-530-hsl: 0 calc(var(--saturation-factor, 1)*0%) 90.98%;
    --white-560: hsl(var(--white-560-hsl)/1);
    --white-560-hsl: 0 calc(var(--saturation-factor, 1)*0%) 81.176%;
    --white-600: hsl(var(--white-600-hsl)/1);
    --white-600-hsl: 0 calc(var(--saturation-factor, 1)*0%) 67.843%;
    --white-630: hsl(var(--white-630-hsl)/1);
    --white-630-hsl: 0 calc(var(--saturation-factor, 1)*0%) 58.824%;
    --white-660: hsl(var(--white-660-hsl)/1);
    --white-660-hsl: 0 calc(var(--saturation-factor, 1)*0%) 51.373%;
    --white-700: hsl(var(--white-700-hsl)/1);
    --white-700-hsl: 0 calc(var(--saturation-factor, 1)*0%) 40%;
    --white-730: hsl(var(--white-730-hsl)/1);
    --white-730-hsl: 0 calc(var(--saturation-factor, 1)*0%) 37.255%;
    --white-760: hsl(var(--white-760-hsl)/1);
    --white-760-hsl: 0 calc(var(--saturation-factor, 1)*0%) 34.51%;
    --white-800: hsl(var(--white-800-hsl)/1);
    --white-800-hsl: 0 calc(var(--saturation-factor, 1)*0%) 30.196%;
    --white-830: hsl(var(--white-830-hsl)/1);
    --white-830-hsl: 0 calc(var(--saturation-factor, 1)*0%) 23.137%;
    --white-860: hsl(var(--white-860-hsl)/1);
    --white-860-hsl: 0 calc(var(--saturation-factor, 1)*0%) 14.902%;
    --white-900: hsl(var(--white-900-hsl)/1);
    --white-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 5.098%;
    --black: hsl(var(--black-hsl)/1);
    --black-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-100: hsl(var(--black-100-hsl)/1);
    --black-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 94.902%;
    --black-130: hsl(var(--black-130-hsl)/1);
    --black-130-hsl: 0 calc(var(--saturation-factor, 1)*0%) 90.98%;
    --black-160: hsl(var(--black-160-hsl)/1);
    --black-160-hsl: 0 calc(var(--saturation-factor, 1)*0%) 85.49%;
    --black-200: hsl(var(--black-200-hsl)/1);
    --black-200-hsl: 0 calc(var(--saturation-factor, 1)*0%) 80%;
    --black-230: hsl(var(--black-230-hsl)/1);
    --black-230-hsl: 0 calc(var(--saturation-factor, 1)*0%) 74.118%;
    --black-260: hsl(var(--black-260-hsl)/1);
    --black-260-hsl: 0 calc(var(--saturation-factor, 1)*0%) 67.451%;
    --black-300: hsl(var(--black-300-hsl)/1);
    --black-300-hsl: 0 calc(var(--saturation-factor, 1)*0%) 60%;
    --black-330: hsl(var(--black-330-hsl)/1);
    --black-330-hsl: 0 calc(var(--saturation-factor, 1)*0%) 47.843%;
    --black-345: hsl(var(--black-345-hsl)/1);
    --black-345-hsl: 0 calc(var(--saturation-factor, 1)*0%) 40%;
    --black-360: hsl(var(--black-360-hsl)/1);
    --black-360-hsl: 0 calc(var(--saturation-factor, 1)*0%) 36.078%;
    --black-400: hsl(var(--black-400-hsl)/1);
    --black-400-hsl: 0 calc(var(--saturation-factor, 1)*0%) 20%;
    --black-430: hsl(var(--black-430-hsl)/1);
    --black-430-hsl: 0 calc(var(--saturation-factor, 1)*0%) 14.51%;
    --black-460: hsl(var(--black-460-hsl)/1);
    --black-460-hsl: 0 calc(var(--saturation-factor, 1)*0%) 7.843%;
    --black-500: hsl(var(--black-500-hsl)/1);
    --black-500-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-530: hsl(var(--black-530-hsl)/1);
    --black-530-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-560: hsl(var(--black-560-hsl)/1);
    --black-560-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-600: hsl(var(--black-600-hsl)/1);
    --black-600-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-630: hsl(var(--black-630-hsl)/1);
    --black-630-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-660: hsl(var(--black-660-hsl)/1);
    --black-660-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-700: hsl(var(--black-700-hsl)/1);
    --black-700-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-730: hsl(var(--black-730-hsl)/1);
    --black-730-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-760: hsl(var(--black-760-hsl)/1);
    --black-760-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-800: hsl(var(--black-800-hsl)/1);
    --black-800-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-830: hsl(var(--black-830-hsl)/1);
    --black-830-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-860: hsl(var(--black-860-hsl)/1);
    --black-860-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-900: hsl(var(--black-900-hsl)/1);
    --black-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --brand-100: hsl(var(--brand-100-hsl)/1);
    --brand-100-hsl: 240 calc(var(--saturation-factor, 1)*77.778%) 98.235%;
    --brand-130: hsl(var(--brand-130-hsl)/1);
    --brand-130-hsl: 235.714 calc(var(--saturation-factor, 1)*87.5%) 96.863%;
    --brand-160: hsl(var(--brand-160-hsl)/1);
    --brand-160-hsl: 234.545 calc(var(--saturation-factor, 1)*84.615%) 94.902%;
    --brand-200: hsl(var(--brand-200-hsl)/1);
    --brand-200-hsl: 236 calc(var(--saturation-factor, 1)*83.333%) 92.941%;
    --brand-230: hsl(var(--brand-230-hsl)/1);
    --brand-230-hsl: 235.5 calc(var(--saturation-factor, 1)*86.957%) 90.98%;
    --brand-260: hsl(var(--brand-260-hsl)/1);
    --brand-260-hsl: 235.2 calc(var(--saturation-factor, 1)*86.207%) 88.627%;
    --brand-300: hsl(var(--brand-300-hsl)/1);
    --brand-300-hsl: 235.161 calc(var(--saturation-factor, 1)*86.111%) 85.882%;
    --brand-330: hsl(var(--brand-330-hsl)/1);
    --brand-330-hsl: 234.75 calc(var(--saturation-factor, 1)*85.106%) 81.569%;
    --brand-345: hsl(var(--brand-345-hsl)/1);
    --brand-345-hsl: 234.783 calc(var(--saturation-factor, 1)*85.185%) 78.824%;
    --brand-360: hsl(var(--brand-360-hsl)/1);
    --brand-360-hsl: 235.152 calc(var(--saturation-factor, 1)*86.087%) 77.451%;
    --brand-400: hsl(var(--brand-400-hsl)/1);
    --brand-400-hsl: 234.677 calc(var(--saturation-factor, 1)*86.111%) 71.765%;
    --brand-430: hsl(var(--brand-430-hsl)/1);
    --brand-430-hsl: 235 calc(var(--saturation-factor, 1)*85.714%) 69.804%;
    --brand-460: hsl(var(--brand-460-hsl)/1);
    --brand-460-hsl: 234.93 calc(var(--saturation-factor, 1)*85.542%) 67.451%;
    --brand-500: hsl(var(--brand-500-hsl)/1);
    --brand-500-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --brand-530: hsl(var(--brand-530-hsl)/1);
    --brand-530-hsl: 234.857 calc(var(--saturation-factor, 1)*66.667%) 58.824%;
    --brand-560: hsl(var(--brand-560-hsl)/1);
    --brand-560-hsl: 234.72 calc(var(--saturation-factor, 1)*51.44%) 52.353%;
    --brand-600: hsl(var(--brand-600-hsl)/1);
    --brand-600-hsl: 234.857 calc(var(--saturation-factor, 1)*46.667%) 44.118%;
    --brand-630: hsl(var(--brand-630-hsl)/1);
    --brand-630-hsl: 235.385 calc(var(--saturation-factor, 1)*46.667%) 38.235%;
    --brand-660: hsl(var(--brand-660-hsl)/1);
    --brand-660-hsl: 234.75 calc(var(--saturation-factor, 1)*47.059%) 33.333%;
    --brand-700: hsl(var(--brand-700-hsl)/1);
    --brand-700-hsl: 235.161 calc(var(--saturation-factor, 1)*46.97%) 25.882%;
    --brand-730: hsl(var(--brand-730-hsl)/1);
    --brand-730-hsl: 234.828 calc(var(--saturation-factor, 1)*46.774%) 24.314%;
    --brand-760: hsl(var(--brand-760-hsl)/1);
    --brand-760-hsl: 234.34 calc(var(--saturation-factor, 1)*46.903%) 22.157%;
    --brand-800: hsl(var(--brand-800-hsl)/1);
    --brand-800-hsl: 234.894 calc(var(--saturation-factor, 1)*47.475%) 19.412%;
    --brand-830: hsl(var(--brand-830-hsl)/1);
    --brand-830-hsl: 235 calc(var(--saturation-factor, 1)*47.368%) 14.902%;
    --brand-860: hsl(var(--brand-860-hsl)/1);
    --brand-860-hsl: 234.783 calc(var(--saturation-factor, 1)*46.939%) 9.608%;
    --brand-900: hsl(var(--brand-900-hsl)/1);
    --brand-900-hsl: 232.5 calc(var(--saturation-factor, 1)*50%) 3.137%;
    --primary-100: hsl(var(--primary-100-hsl)/1);
    --primary-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 97.647%;
    --primary-130: hsl(var(--primary-130-hsl)/1);
    --primary-130-hsl: 220 calc(var(--saturation-factor, 1)*13.043%) 95.49%;
    --primary-160: hsl(var(--primary-160-hsl)/1);
    --primary-160-hsl: 210 calc(var(--saturation-factor, 1)*11.111%) 92.941%;
    --primary-200: hsl(var(--primary-200-hsl)/1);
    --primary-200-hsl: 216 calc(var(--saturation-factor, 1)*9.804%) 90%;
    --primary-230: hsl(var(--primary-230-hsl)/1);
    --primary-230-hsl: 210 calc(var(--saturation-factor, 1)*9.091%) 87.059%;
    --primary-260: hsl(var(--primary-260-hsl)/1);
    --primary-260-hsl: 214.286 calc(var(--saturation-factor, 1)*8.434%) 83.725%;
    --primary-300: hsl(var(--primary-300-hsl)/1);
    --primary-300-hsl: 210 calc(var(--saturation-factor, 1)*9.259%) 78.824%;
    --primary-330: hsl(var(--primary-330-hsl)/1);
    --primary-330-hsl: 215 calc(var(--saturation-factor, 1)*8.824%) 73.333%;
    --primary-345: hsl(var(--primary-345-hsl)/1);
    --primary-345-hsl: 214.286 calc(var(--saturation-factor, 1)*8.434%) 67.451%;
    --primary-360: hsl(var(--primary-360-hsl)/1);
    --primary-360-hsl: 213.75 calc(var(--saturation-factor, 1)*8.081%) 61.176%;
    --primary-400: hsl(var(--primary-400-hsl)/1);
    --primary-400-hsl: 222.857 calc(var(--saturation-factor, 1)*5.833%) 52.941%;
    --primary-430: hsl(var(--primary-430-hsl)/1);
    --primary-430-hsl: 229.091 calc(var(--saturation-factor, 1)*4.803%) 44.902%;
    --primary-460: hsl(var(--primary-460-hsl)/1);
    --primary-460-hsl: 228 calc(var(--saturation-factor, 1)*5.155%) 38.039%;
    --primary-500: hsl(var(--primary-500-hsl)/1);
    --primary-500-hsl: 228 calc(var(--saturation-factor, 1)*6.024%) 32.549%;
    --primary-530: hsl(var(--primary-530-hsl)/1);
    --primary-530-hsl: 226.667 calc(var(--saturation-factor, 1)*6.475%) 27.255%;
    --primary-560: hsl(var(--primary-560-hsl)/1);
    --primary-560-hsl: 225 calc(var(--saturation-factor, 1)*6.667%) 23.529%;
    --primary-600: hsl(var(--primary-600-hsl)/1);
    --primary-600-hsl: 222.857 calc(var(--saturation-factor, 1)*6.667%) 20.588%;
    --primary-630: hsl(var(--primary-630-hsl)/1);
    --primary-630-hsl: 220 calc(var(--saturation-factor, 1)*6.522%) 18.039%;
    --primary-645: hsl(var(--primary-645-hsl)/1);
    --primary-645-hsl: 220 calc(var(--saturation-factor, 1)*6.977%) 16.863%;
    --primary-660: hsl(var(--primary-660-hsl)/1);
    --primary-660-hsl: 228 calc(var(--saturation-factor, 1)*6.667%) 14.706%;
    --primary-700: hsl(var(--primary-700-hsl)/1);
    --primary-700-hsl: 225 calc(var(--saturation-factor, 1)*6.25%) 12.549%;
    --primary-730: hsl(var(--primary-730-hsl)/1);
    --primary-730-hsl: 225 calc(var(--saturation-factor, 1)*7.143%) 10.98%;
    --primary-760: hsl(var(--primary-760-hsl)/1);
    --primary-760-hsl: 220 calc(var(--saturation-factor, 1)*6.383%) 9.216%;
    --primary-800: hsl(var(--primary-800-hsl)/1);
    --primary-800-hsl: 220 calc(var(--saturation-factor, 1)*8.108%) 7.255%;
    --primary-830: hsl(var(--primary-830-hsl)/1);
    --primary-830-hsl: 240 calc(var(--saturation-factor, 1)*4%) 4.902%;
    --primary-860: hsl(var(--primary-860-hsl)/1);
    --primary-860-hsl: 240 calc(var(--saturation-factor, 1)*7.692%) 2.549%;
    --primary-900: hsl(var(--primary-900-hsl)/1);
    --primary-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0.784%;
    --plum-0: hsl(var(--plum-0-hsl)/1);
    --plum-0-hsl: 240 calc(var(--saturation-factor, 1)*9.091%) 97.843%;
    --plum-1: hsl(var(--plum-1-hsl)/1);
    --plum-1-hsl: 240 calc(var(--saturation-factor, 1)*4.348%) 95.49%;
    --plum-2: hsl(var(--plum-2-hsl)/1);
    --plum-2-hsl: 220 calc(var(--saturation-factor, 1)*8.571%) 93.137%;
    --plum-3: hsl(var(--plum-3-hsl)/1);
    --plum-3-hsl: 225 calc(var(--saturation-factor, 1)*8%) 90.196%;
    --plum-4: hsl(var(--plum-4-hsl)/1);
    --plum-4-hsl: 225 calc(var(--saturation-factor, 1)*6.25%) 87.451%;
    --plum-5: hsl(var(--plum-5-hsl)/1);
    --plum-5-hsl: 220 calc(var(--saturation-factor, 1)*7.317%) 83.922%;
    --plum-6: hsl(var(--plum-6-hsl)/1);
    --plum-6-hsl: 231.429 calc(var(--saturation-factor, 1)*6.667%) 79.412%;
    --plum-7: hsl(var(--plum-7-hsl)/1);
    --plum-7-hsl: 226.667 calc(var(--saturation-factor, 1)*6.767%) 73.922%;
    --plum-8: hsl(var(--plum-8-hsl)/1);
    --plum-8-hsl: 230 calc(var(--saturation-factor, 1)*7.407%) 68.235%;
    --plum-9: hsl(var(--plum-9-hsl)/1);
    --plum-9-hsl: 231.429 calc(var(--saturation-factor, 1)*7.071%) 61.176%;
    --plum-10: hsl(var(--plum-10-hsl)/1);
    --plum-10-hsl: 228.75 calc(var(--saturation-factor, 1)*6.78%) 53.725%;
    --plum-11: hsl(var(--plum-11-hsl)/1);
    --plum-11-hsl: 228.75 calc(var(--saturation-factor, 1)*6.897%) 45.49%;
    --plum-12: hsl(var(--plum-12-hsl)/1);
    --plum-12-hsl: 228 calc(var(--saturation-factor, 1)*7.614%) 38.627%;
    --plum-13: hsl(var(--plum-13-hsl)/1);
    --plum-13-hsl: 227.143 calc(var(--saturation-factor, 1)*8.333%) 32.941%;
    --plum-14: hsl(var(--plum-14-hsl)/1);
    --plum-14-hsl: 230 calc(var(--saturation-factor, 1)*8.451%) 27.843%;
    --plum-15: hsl(var(--plum-15-hsl)/1);
    --plum-15-hsl: 229.091 calc(var(--saturation-factor, 1)*8.943%) 24.118%;
    --plum-16: hsl(var(--plum-16-hsl)/1);
    --plum-16-hsl: 234 calc(var(--saturation-factor, 1)*9.259%) 21.176%;
    --plum-17: hsl(var(--plum-17-hsl)/1);
    --plum-17-hsl: 233.333 calc(var(--saturation-factor, 1)*9.278%) 19.02%;
    --plum-18: hsl(var(--plum-18-hsl)/1);
    --plum-18-hsl: 233.333 calc(var(--saturation-factor, 1)*10.588%) 16.667%;
    --plum-19: hsl(var(--plum-19-hsl)/1);
    --plum-19-hsl: 232.5 calc(var(--saturation-factor, 1)*10.811%) 14.51%;
    --plum-20: hsl(var(--plum-20-hsl)/1);
    --plum-20-hsl: 231.429 calc(var(--saturation-factor, 1)*11.111%) 12.353%;
    --plum-21: hsl(var(--plum-21-hsl)/1);
    --plum-21-hsl: 231.429 calc(var(--saturation-factor, 1)*12.727%) 10.784%;
    --plum-22: hsl(var(--plum-22-hsl)/1);
    --plum-22-hsl: 240 calc(var(--saturation-factor, 1)*12%) 9.804%;
    --plum-23: hsl(var(--plum-23-hsl)/1);
    --plum-23-hsl: 240 calc(var(--saturation-factor, 1)*11.628%) 8.431%;
    --plum-24: hsl(var(--plum-24-hsl)/1);
    --plum-24-hsl: 228 calc(var(--saturation-factor, 1)*14.286%) 6.863%;
    --plum-25: hsl(var(--plum-25-hsl)/1);
    --plum-25-hsl: 240 calc(var(--saturation-factor, 1)*14.286%) 5.49%;
    --plum-26: hsl(var(--plum-26-hsl)/1);
    --plum-26-hsl: 240 calc(var(--saturation-factor, 1)*15.789%) 3.725%
}

.visual-refresh {
    --blue-100: var(--blue-new-1);
    --blue-100-hsl: var(--blue-new-1-hsl);
    --blue-130: var(--blue-new-1);
    --blue-130-hsl: var(--blue-new-1-hsl);
    --blue-160: var(--blue-new-1);
    --blue-160-hsl: var(--blue-new-1-hsl);
    --blue-200: var(--blue-new-2);
    --blue-200-hsl: var(--blue-new-2-hsl);
    --blue-230: var(--blue-new-8);
    --blue-230-hsl: var(--blue-new-8-hsl);
    --blue-260: var(--blue-new-14);
    --blue-260-hsl: var(--blue-new-14-hsl);
    --blue-300: var(--blue-new-21);
    --blue-300-hsl: var(--blue-new-21-hsl);
    --blue-330: var(--blue-new-30);
    --blue-330-hsl: var(--blue-new-30-hsl);
    --blue-345: var(--blue-new-34);
    --blue-345-hsl: var(--blue-new-34-hsl);
    --blue-360: var(--blue-new-39);
    --blue-360-hsl: var(--blue-new-39-hsl);
    --blue-400: var(--blue-new-45);
    --blue-400-hsl: var(--blue-new-45-hsl);
    --blue-430: var(--blue-new-51);
    --blue-430-hsl: var(--blue-new-51-hsl);
    --blue-460: var(--blue-new-56);
    --blue-460-hsl: var(--blue-new-56-hsl);
    --blue-500: var(--blue-new-61);
    --blue-500-hsl: var(--blue-new-61-hsl);
    --blue-530: var(--blue-new-67);
    --blue-530-hsl: var(--blue-new-67-hsl);
    --blue-560: var(--blue-new-70);
    --blue-560-hsl: var(--blue-new-70-hsl);
    --blue-600: var(--blue-new-74);
    --blue-600-hsl: var(--blue-new-74-hsl);
    --blue-630: var(--blue-new-77);
    --blue-630-hsl: var(--blue-new-77-hsl);
    --blue-660: var(--blue-new-80);
    --blue-660-hsl: var(--blue-new-80-hsl);
    --blue-700: var(--blue-new-82);
    --blue-700-hsl: var(--blue-new-82-hsl);
    --blue-730: var(--blue-new-85);
    --blue-730-hsl: var(--blue-new-85-hsl);
    --blue-760: var(--blue-new-88);
    --blue-760-hsl: var(--blue-new-88-hsl);
    --blue-800: var(--blue-new-90);
    --blue-800-hsl: var(--blue-new-90-hsl);
    --blue-830: var(--blue-new-93);
    --blue-830-hsl: var(--blue-new-93-hsl);
    --blue-860: var(--blue-new-94);
    --blue-860-hsl: var(--blue-new-94-hsl);
    --blue-900: var(--blue-new-95);
    --blue-900-hsl: var(--blue-new-95-hsl);
    --brand-100: var(--blurple-1);
    --brand-100-hsl: var(--blurple-1-hsl);
    --brand-130: var(--blurple-1);
    --brand-130-hsl: var(--blurple-1-hsl);
    --brand-160: var(--blurple-1);
    --brand-160-hsl: var(--blurple-1-hsl);
    --brand-200: var(--blurple-1);
    --brand-200-hsl: var(--blurple-1-hsl);
    --brand-230: var(--blurple-4);
    --brand-230-hsl: var(--blurple-4-hsl);
    --brand-260: var(--blurple-8);
    --brand-260-hsl: var(--blurple-8-hsl);
    --brand-300: var(--blurple-13);
    --brand-300-hsl: var(--blurple-13-hsl);
    --brand-330: var(--blurple-20);
    --brand-330-hsl: var(--blurple-20-hsl);
    --brand-345: var(--blurple-24);
    --brand-345-hsl: var(--blurple-24-hsl);
    --brand-360: var(--blurple-27);
    --brand-360-hsl: var(--blurple-27-hsl);
    --brand-400: var(--blurple-36);
    --brand-400-hsl: var(--blurple-36-hsl);
    --brand-430: var(--blurple-40);
    --brand-430-hsl: var(--blurple-40-hsl);
    --brand-460: var(--blurple-44);
    --brand-460-hsl: var(--blurple-44-hsl);
    --brand-500: var(--blurple-49);
    --brand-500-hsl: var(--blurple-49-hsl);
    --brand-530: var(--blurple-54);
    --brand-530-hsl: var(--blurple-54-hsl);
    --brand-560: var(--blurple-59);
    --brand-560-hsl: var(--blurple-59-hsl);
    --brand-600: var(--blurple-65);
    --brand-600-hsl: var(--blurple-65-hsl);
    --brand-630: var(--blurple-70);
    --brand-630-hsl: var(--blurple-70-hsl);
    --brand-660: var(--blurple-74);
    --brand-660-hsl: var(--blurple-74-hsl);
    --brand-700: var(--blurple-80);
    --brand-700-hsl: var(--blurple-80-hsl);
    --brand-730: var(--blurple-82);
    --brand-730-hsl: var(--blurple-82-hsl);
    --brand-760: var(--blurple-83);
    --brand-760-hsl: var(--blurple-83-hsl);
    --brand-800: var(--blurple-86);
    --brand-800-hsl: var(--blurple-86-hsl);
    --brand-830: var(--blurple-90);
    --brand-830-hsl: var(--blurple-90-hsl);
    --brand-860: var(--blurple-95);
    --brand-860-hsl: var(--blurple-95-hsl);
    --brand-900: var(--blurple-99);
    --brand-900-hsl: var(--blurple-99-hsl);
    --green-100: var(--green-new-1);
    --green-100-hsl: var(--green-new-1-hsl);
    --green-130: var(--green-new-1);
    --green-130-hsl: var(--green-new-1-hsl);
    --green-160: var(--green-new-1);
    --green-160-hsl: var(--green-new-1-hsl);
    --green-200: var(--green-new-9);
    --green-200-hsl: var(--green-new-9-hsl);
    --green-230: var(--green-new-16);
    --green-230-hsl: var(--green-new-16-hsl);
    --green-260: var(--green-new-20);
    --green-260-hsl: var(--green-new-20-hsl);
    --green-300: var(--green-new-23);
    --green-300-hsl: var(--green-new-23-hsl);
    --green-330: var(--green-new-29);
    --green-330-hsl: var(--green-new-29-hsl);
    --green-345: var(--green-new-32);
    --green-345-hsl: var(--green-new-32-hsl);
    --green-360: var(--green-new-38);
    --green-360-hsl: var(--green-new-38-hsl);
    --green-400: var(--green-new-43);
    --green-400-hsl: var(--green-new-43-hsl);
    --green-430: var(--green-new-52);
    --green-430-hsl: var(--green-new-52-hsl);
    --green-460: var(--green-new-58);
    --green-460-hsl: var(--green-new-58-hsl);
    --green-500: var(--green-new-63);
    --green-500-hsl: var(--green-new-63-hsl);
    --green-530: var(--green-new-68);
    --green-530-hsl: var(--green-new-68-hsl);
    --green-560: var(--green-new-72);
    --green-560-hsl: var(--green-new-72-hsl);
    --green-600: var(--green-new-75);
    --green-600-hsl: var(--green-new-75-hsl);
    --green-630: var(--green-new-78);
    --green-630-hsl: var(--green-new-78-hsl);
    --green-660: var(--green-new-81);
    --green-660-hsl: var(--green-new-81-hsl);
    --green-700: var(--green-new-84);
    --green-700-hsl: var(--green-new-84-hsl);
    --green-730: var(--green-new-86);
    --green-730-hsl: var(--green-new-86-hsl);
    --green-760: var(--green-new-89);
    --green-760-hsl: var(--green-new-89-hsl);
    --green-800: var(--green-new-91);
    --green-800-hsl: var(--green-new-91-hsl);
    --green-830: var(--green-new-93);
    --green-830-hsl: var(--green-new-93-hsl);
    --green-860: var(--green-new-94);
    --green-860-hsl: var(--green-new-94-hsl);
    --green-900: var(--green-new-96);
    --green-900-hsl: var(--green-new-96-hsl);
    --orange-100: var(--orange-new-1);
    --orange-100-hsl: var(--orange-new-1-hsl);
    --orange-130: var(--orange-new-1);
    --orange-130-hsl: var(--orange-new-1-hsl);
    --orange-160: var(--orange-new-1);
    --orange-160-hsl: var(--orange-new-1-hsl);
    --orange-200: var(--orange-new-1);
    --orange-200-hsl: var(--orange-new-1-hsl);
    --orange-230: var(--orange-new-6);
    --orange-230-hsl: var(--orange-new-6-hsl);
    --orange-260: var(--orange-new-12);
    --orange-260-hsl: var(--orange-new-12-hsl);
    --orange-300: var(--orange-new-19);
    --orange-300-hsl: var(--orange-new-19-hsl);
    --orange-330: var(--orange-new-28);
    --orange-330-hsl: var(--orange-new-28-hsl);
    --orange-345: var(--orange-new-34);
    --orange-345-hsl: var(--orange-new-34-hsl);
    --orange-360: var(--orange-new-38);
    --orange-360-hsl: var(--orange-new-38-hsl);
    --orange-400: var(--orange-new-40);
    --orange-400-hsl: var(--orange-new-40-hsl);
    --orange-430: var(--orange-new-43);
    --orange-430-hsl: var(--orange-new-43-hsl);
    --orange-460: var(--orange-new-59);
    --orange-460-hsl: var(--orange-new-59-hsl);
    --orange-500: var(--orange-new-62);
    --orange-500-hsl: var(--orange-new-62-hsl);
    --orange-530: var(--orange-new-67);
    --orange-530-hsl: var(--orange-new-67-hsl);
    --orange-560: var(--orange-new-71);
    --orange-560-hsl: var(--orange-new-71-hsl);
    --orange-600: var(--orange-new-75);
    --orange-600-hsl: var(--orange-new-75-hsl);
    --orange-630: var(--orange-new-78);
    --orange-630-hsl: var(--orange-new-78-hsl);
    --orange-660: var(--orange-new-80);
    --orange-660-hsl: var(--orange-new-80-hsl);
    --orange-700: var(--orange-new-84);
    --orange-700-hsl: var(--orange-new-84-hsl);
    --orange-730: var(--orange-new-86);
    --orange-730-hsl: var(--orange-new-86-hsl);
    --orange-760: var(--orange-new-88);
    --orange-760-hsl: var(--orange-new-88-hsl);
    --orange-800: var(--orange-new-90);
    --orange-800-hsl: var(--orange-new-90-hsl);
    --orange-830: var(--orange-new-93);
    --orange-830-hsl: var(--orange-new-93-hsl);
    --orange-860: var(--orange-new-95);
    --orange-860-hsl: var(--orange-new-95-hsl);
    --orange-900: var(--orange-new-96);
    --orange-900-hsl: var(--orange-new-96-hsl);
    --plum-0: var(--neutral-2);
    --plum-0-hsl: var(--neutral-2-hsl);
    --plum-1: var(--neutral-4);
    --plum-1-hsl: var(--neutral-4-hsl);
    --plum-10: var(--neutral-34);
    --plum-10-hsl: var(--neutral-34-hsl);
    --plum-11: var(--neutral-40);
    --plum-11-hsl: var(--neutral-40-hsl);
    --plum-12: var(--neutral-45);
    --plum-12-hsl: var(--neutral-45-hsl);
    --plum-13: var(--neutral-49);
    --plum-13-hsl: var(--neutral-49-hsl);
    --plum-14: var(--neutral-58);
    --plum-14-hsl: var(--neutral-58-hsl);
    --plum-15: var(--neutral-64);
    --plum-15-hsl: var(--neutral-64-hsl);
    --plum-16: var(--neutral-69);
    --plum-16-hsl: var(--neutral-69-hsl);
    --plum-17: var(--neutral-72);
    --plum-17-hsl: var(--neutral-72-hsl);
    --plum-18: var(--neutral-77);
    --plum-18-hsl: var(--neutral-77-hsl);
    --plum-19: var(--neutral-80);
    --plum-19-hsl: var(--neutral-80-hsl);
    --plum-2: var(--neutral-6);
    --plum-2-hsl: var(--neutral-6-hsl);
    --plum-20: var(--neutral-84);
    --plum-20-hsl: var(--neutral-84-hsl);
    --plum-21: var(--neutral-86);
    --plum-21-hsl: var(--neutral-86-hsl);
    --plum-22: var(--neutral-89);
    --plum-22-hsl: var(--neutral-89-hsl);
    --plum-23: var(--neutral-91);
    --plum-23-hsl: var(--neutral-91-hsl);
    --plum-24: var(--neutral-93);
    --plum-24-hsl: var(--neutral-93-hsl);
    --plum-25: var(--neutral-95);
    --plum-25-hsl: var(--neutral-95-hsl);
    --plum-26: var(--neutral-97);
    --plum-26-hsl: var(--neutral-97-hsl);
    --plum-3: var(--neutral-8);
    --plum-3-hsl: var(--neutral-8-hsl);
    --plum-4: var(--neutral-9);
    --plum-4-hsl: var(--neutral-9-hsl);
    --plum-5: var(--neutral-12);
    --plum-5-hsl: var(--neutral-12-hsl);
    --plum-6: var(--neutral-15);
    --plum-6-hsl: var(--neutral-15-hsl);
    --plum-7: var(--neutral-19);
    --plum-7-hsl: var(--neutral-19-hsl);
    --plum-8: var(--neutral-23);
    --plum-8-hsl: var(--neutral-23-hsl);
    --plum-9: var(--neutral-28);
    --plum-9-hsl: var(--neutral-28-hsl);
    --primary-100: var(--neutral-2);
    --primary-100-hsl: var(--neutral-2-hsl);
    --primary-130: var(--neutral-4);
    --primary-130-hsl: var(--neutral-4-hsl);
    --primary-160: var(--neutral-6);
    --primary-160-hsl: var(--neutral-6-hsl);
    --primary-200: var(--neutral-8);
    --primary-200-hsl: var(--neutral-8-hsl);
    --primary-230: var(--neutral-9);
    --primary-230-hsl: var(--neutral-9-hsl);
    --primary-260: var(--neutral-12);
    --primary-260-hsl: var(--neutral-12-hsl);
    --primary-300: var(--neutral-15);
    --primary-300-hsl: var(--neutral-15-hsl);
    --primary-330: var(--neutral-19);
    --primary-330-hsl: var(--neutral-19-hsl);
    --primary-345: var(--neutral-23);
    --primary-345-hsl: var(--neutral-23-hsl);
    --primary-360: var(--neutral-28);
    --primary-360-hsl: var(--neutral-28-hsl);
    --primary-400: var(--neutral-34);
    --primary-400-hsl: var(--neutral-34-hsl);
    --primary-430: var(--neutral-40);
    --primary-430-hsl: var(--neutral-40-hsl);
    --primary-460: var(--neutral-45);
    --primary-460-hsl: var(--neutral-45-hsl);
    --primary-500: var(--neutral-49);
    --primary-500-hsl: var(--neutral-49-hsl);
    --primary-530: var(--neutral-59);
    --primary-530-hsl: var(--neutral-59-hsl);
    --primary-560: var(--neutral-65);
    --primary-560-hsl: var(--neutral-65-hsl);
    --primary-600: var(--neutral-69);
    --primary-600-hsl: var(--neutral-69-hsl);
    --primary-630: var(--neutral-73);
    --primary-630-hsl: var(--neutral-73-hsl);
    --primary-645: var(--neutral-75);
    --primary-645-hsl: var(--neutral-75-hsl);
    --primary-660: var(--neutral-79);
    --primary-660-hsl: var(--neutral-79-hsl);
    --primary-700: var(--neutral-83);
    --primary-700-hsl: var(--neutral-83-hsl);
    --primary-730: var(--neutral-86);
    --primary-730-hsl: var(--neutral-86-hsl);
    --primary-760: var(--neutral-89);
    --primary-760-hsl: var(--neutral-89-hsl);
    --primary-800: var(--neutral-92);
    --primary-800-hsl: var(--neutral-92-hsl);
    --primary-830: var(--neutral-95);
    --primary-830-hsl: var(--neutral-95-hsl);
    --primary-860: var(--neutral-98);
    --primary-860-hsl: var(--neutral-98-hsl);
    --primary-900: var(--neutral-99);
    --primary-900-hsl: var(--neutral-99-hsl);
    --red-100: var(--red-new-1);
    --red-100-hsl: var(--red-new-1-hsl);
    --red-130: var(--red-new-1);
    --red-130-hsl: var(--red-new-1-hsl);
    --red-160: var(--red-new-1);
    --red-160-hsl: var(--red-new-1-hsl);
    --red-200: var(--red-new-1);
    --red-200-hsl: var(--red-new-1-hsl);
    --red-230: var(--red-new-3);
    --red-230-hsl: var(--red-new-3-hsl);
    --red-260: var(--red-new-8);
    --red-260-hsl: var(--red-new-8-hsl);
    --red-300: var(--red-new-14);
    --red-300-hsl: var(--red-new-14-hsl);
    --red-330: var(--red-new-20);
    --red-330-hsl: var(--red-new-20-hsl);
    --red-345: var(--red-new-29);
    --red-345-hsl: var(--red-new-29-hsl);
    --red-360: var(--red-new-38);
    --red-360-hsl: var(--red-new-38-hsl);
    --red-400: var(--red-new-45);
    --red-400-hsl: var(--red-new-45-hsl);
    --red-430: var(--red-new-47);
    --red-430-hsl: var(--red-new-47-hsl);
    --red-460: var(--red-new-55);
    --red-460-hsl: var(--red-new-55-hsl);
    --red-500: var(--red-new-61);
    --red-500-hsl: var(--red-new-61-hsl);
    --red-530: var(--red-new-65);
    --red-530-hsl: var(--red-new-65-hsl);
    --red-560: var(--red-new-69);
    --red-560-hsl: var(--red-new-69-hsl);
    --red-600: var(--red-new-73);
    --red-600-hsl: var(--red-new-73-hsl);
    --red-630: var(--red-new-76);
    --red-630-hsl: var(--red-new-76-hsl);
    --red-660: var(--red-new-79);
    --red-660-hsl: var(--red-new-79-hsl);
    --red-700: var(--red-new-82);
    --red-700-hsl: var(--red-new-82-hsl);
    --red-730: var(--red-new-85);
    --red-730-hsl: var(--red-new-85-hsl);
    --red-760: var(--red-new-86);
    --red-760-hsl: var(--red-new-86-hsl);
    --red-800: var(--red-new-89);
    --red-800-hsl: var(--red-new-89-hsl);
    --red-830: var(--red-new-92);
    --red-830-hsl: var(--red-new-92-hsl);
    --red-860: var(--red-new-94);
    --red-860-hsl: var(--red-new-94-hsl);
    --red-900: var(--red-new-95);
    --red-900-hsl: var(--red-new-95-hsl);
    --teal-100: var(--teal-new-1);
    --teal-100-hsl: var(--teal-new-1-hsl);
    --teal-130: var(--teal-new-1);
    --teal-130-hsl: var(--teal-new-1-hsl);
    --teal-160: var(--teal-new-1);
    --teal-160-hsl: var(--teal-new-1-hsl);
    --teal-200: var(--teal-new-4);
    --teal-200-hsl: var(--teal-new-4-hsl);
    --teal-230: var(--teal-new-11);
    --teal-230-hsl: var(--teal-new-11-hsl);
    --teal-260: var(--teal-new-17);
    --teal-260-hsl: var(--teal-new-17-hsl);
    --teal-300: var(--teal-new-23);
    --teal-300-hsl: var(--teal-new-23-hsl);
    --teal-330: var(--teal-new-29);
    --teal-330-hsl: var(--teal-new-29-hsl);
    --teal-345: var(--teal-new-33);
    --teal-345-hsl: var(--teal-new-33-hsl);
    --teal-360: var(--teal-new-38);
    --teal-360-hsl: var(--teal-new-38-hsl);
    --teal-400: var(--teal-new-44);
    --teal-400-hsl: var(--teal-new-44-hsl);
    --teal-430: var(--teal-new-51);
    --teal-430-hsl: var(--teal-new-51-hsl);
    --teal-460: var(--teal-new-57);
    --teal-460-hsl: var(--teal-new-57-hsl);
    --teal-500: var(--teal-new-63);
    --teal-500-hsl: var(--teal-new-63-hsl);
    --teal-530: var(--teal-new-67);
    --teal-530-hsl: var(--teal-new-67-hsl);
    --teal-560: var(--teal-new-71);
    --teal-560-hsl: var(--teal-new-71-hsl);
    --teal-600: var(--teal-new-75);
    --teal-600-hsl: var(--teal-new-75-hsl);
    --teal-630: var(--teal-new-78);
    --teal-630-hsl: var(--teal-new-78-hsl);
    --teal-660: var(--teal-new-81);
    --teal-660-hsl: var(--teal-new-81-hsl);
    --teal-700: var(--teal-new-83);
    --teal-700-hsl: var(--teal-new-83-hsl);
    --teal-730: var(--teal-new-86);
    --teal-730-hsl: var(--teal-new-86-hsl);
    --teal-760: var(--teal-new-89);
    --teal-760-hsl: var(--teal-new-89-hsl);
    --teal-800: var(--teal-new-91);
    --teal-800-hsl: var(--teal-new-91-hsl);
    --teal-830: var(--teal-new-93);
    --teal-830-hsl: var(--teal-new-93-hsl);
    --teal-860: var(--teal-new-94);
    --teal-860-hsl: var(--teal-new-94-hsl);
    --teal-900: var(--teal-new-96);
    --teal-900-hsl: var(--teal-new-96-hsl);
    --yellow-100: var(--yellow-new-1);
    --yellow-100-hsl: var(--yellow-new-1-hsl);
    --yellow-130: var(--yellow-new-1);
    --yellow-130-hsl: var(--yellow-new-1-hsl);
    --yellow-160: var(--yellow-new-1);
    --yellow-160-hsl: var(--yellow-new-1-hsl);
    --yellow-200: var(--yellow-new-4);
    --yellow-200-hsl: var(--yellow-new-4-hsl);
    --yellow-230: var(--yellow-new-13);
    --yellow-230-hsl: var(--yellow-new-13-hsl);
    --yellow-260: var(--yellow-new-21);
    --yellow-260-hsl: var(--yellow-new-21-hsl);
    --yellow-300: var(--yellow-new-29);
    --yellow-300-hsl: var(--yellow-new-29-hsl);
    --yellow-330: var(--yellow-new-30);
    --yellow-330-hsl: var(--yellow-new-30-hsl);
    --yellow-345: var(--yellow-new-33);
    --yellow-345-hsl: var(--yellow-new-33-hsl);
    --yellow-360: var(--yellow-new-38);
    --yellow-360-hsl: var(--yellow-new-38-hsl);
    --yellow-400: var(--yellow-new-43);
    --yellow-400-hsl: var(--yellow-new-43-hsl);
    --yellow-430: var(--yellow-new-48);
    --yellow-430-hsl: var(--yellow-new-48-hsl);
    --yellow-460: var(--yellow-new-56);
    --yellow-460-hsl: var(--yellow-new-56-hsl);
    --yellow-500: var(--yellow-new-62);
    --yellow-500-hsl: var(--yellow-new-62-hsl);
    --yellow-530: var(--yellow-new-66);
    --yellow-530-hsl: var(--yellow-new-66-hsl);
    --yellow-560: var(--yellow-new-70);
    --yellow-560-hsl: var(--yellow-new-70-hsl);
    --yellow-600: var(--yellow-new-74);
    --yellow-600-hsl: var(--yellow-new-74-hsl);
    --yellow-630: var(--yellow-new-77);
    --yellow-630-hsl: var(--yellow-new-77-hsl);
    --yellow-660: var(--yellow-new-80);
    --yellow-660-hsl: var(--yellow-new-80-hsl);
    --yellow-700: var(--yellow-new-82);
    --yellow-700-hsl: var(--yellow-new-82-hsl);
    --yellow-730: var(--yellow-new-85);
    --yellow-730-hsl: var(--yellow-new-85-hsl);
    --yellow-760: var(--yellow-new-88);
    --yellow-760-hsl: var(--yellow-new-88-hsl);
    --yellow-800: var(--yellow-new-90);
    --yellow-800-hsl: var(--yellow-new-90-hsl);
    --yellow-830: var(--yellow-new-92);
    --yellow-830-hsl: var(--yellow-new-92-hsl);
    --yellow-860: var(--yellow-new-94);
    --yellow-860-hsl: var(--yellow-new-94-hsl);
    --yellow-900: var(--yellow-new-96);
    --yellow-900-hsl: var(--yellow-new-96-hsl)
}

.visual-refresh.theme-dark,
.visual-refresh .theme-dark {
    --background-floating: var(--neutral-60);
    --background-floating: color-mix(in oklab, var(--neutral-60) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-message-hover: var(--neutral-71);
    --background-message-hover: color-mix(in oklab, var(--neutral-71) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-primary: var(--neutral-68);
    --background-primary: color-mix(in oklab, var(--neutral-68) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-secondary: var(--neutral-70);
    --background-secondary: color-mix(in oklab, var(--neutral-70) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-tertiary: var(--neutral-72);
    --background-tertiary: color-mix(in oklab, var(--neutral-72) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-primary: var(--neutral-68);
    --bg-base-primary: color-mix(in oklab, var(--neutral-68) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: var(--neutral-70);
    --bg-base-secondary: color-mix(in oklab, var(--neutral-70) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: var(--neutral-72);
    --bg-base-tertiary: color-mix(in oklab, var(--neutral-72) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --button-danger-background: var(--red-new-50);
    --button-danger-background-active: var(--red-new-61);
    --button-danger-background-disabled: var(--red-new-50);
    --button-danger-background-hover: var(--red-new-57);
    --button-danger-border: hsl(var(--white-500-hsl)/0.1);
    --button-filled-brand-border: hsl(var(--white-500-hsl)/0.1);
    --button-filled-brand-inverted-background-active: var(--neutral-17);
    --button-filled-brand-inverted-background-hover: var(--neutral-9);
    --button-filled-brand-inverted-text: var(--black);
    --button-filled-white-background-active: var(--neutral-17);
    --button-filled-white-background-hover: var(--neutral-9);
    --button-filled-white-text: var(--black);
    --button-outline-danger-background: hsl(var(--opacity-4-hsl)/0.12);
    --button-outline-danger-background-active: hsl(var(--primary-500-hsl)/0.3);
    --button-outline-danger-background-hover: hsl(var(--opacity-6-hsl)/0.2);
    --button-outline-danger-border: hsl(var(--opacity-2-hsl)/0.04);
    --button-outline-danger-border-active: hsl(var(--opacity-2-hsl)/0.04);
    --button-outline-danger-border-hover: hsl(var(--opacity-2-hsl)/0.04);
    --button-outline-danger-text: var(--red-345);
    --button-outline-danger-text-active: var(--red-345);
    --button-outline-danger-text-hover: var(--red-345);
    --button-positive-background: var(--green-new-50);
    --button-positive-background-active: var(--green-new-57);
    --button-positive-background-disabled: var(--green-new-50);
    --button-positive-background-hover: var(--green-new-53);
    --button-positive-border: hsl(var(--white-500-hsl)/0.1);
    --button-secondary-background: hsl(var(--opacity-4-hsl)/0.12);
    --button-secondary-background-active: hsl(var(--primary-500-hsl)/0.3);
    --button-secondary-background-disabled: hsl(var(--opacity-4-hsl)/0.12);
    --button-secondary-background-hover: hsl(var(--opacity-6-hsl)/0.2);
    --button-secondary-text: var(--neutral-6);
    --button-transparent-background: hsl(var(--opacity-4-hsl)/0.12);
    --button-transparent-background-active: hsl(var(--primary-500-hsl)/0.3);
    --button-transparent-background-hover: hsl(var(--opacity-6-hsl)/0.2);
    --button-transparent-text: var(--neutral-6);
    --channel-icon: var(--neutral-28);
    --channel-icon: color-mix(in oklab, var(--neutral-28) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --channels-default: var(--neutral-28);
    --channels-default: color-mix(in oklab, var(--neutral-28) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-muted: var(--neutral-23);
    --header-muted: color-mix(in oklab, var(--neutral-23) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-primary: var(--neutral-3);
    --header-primary: color-mix(in oklab, var(--neutral-3) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-secondary: var(--neutral-3);
    --header-secondary: color-mix(in oklab, var(--neutral-3) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-muted: var(--neutral-23);
    --icon-muted: color-mix(in oklab, var(--neutral-23) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-primary: var(--neutral-8);
    --icon-primary: color-mix(in oklab, var(--neutral-8) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-secondary: var(--neutral-20);
    --icon-secondary: color-mix(in oklab, var(--neutral-20) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-danger-background: var(--red-new-94);
    --info-danger-background: color-mix(in oklab, var(--red-new-94) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --info-danger-text: var(--red-new-19);
    --info-danger-text: color-mix(in oklab, var(--red-new-19) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-help-background: var(--blue-new-93);
    --info-help-background: color-mix(in oklab, var(--blue-new-93) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --info-help-text: var(--blue-new-21);
    --info-help-text: color-mix(in oklab, var(--blue-new-21) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-positive-background: var(--green-new-93);
    --info-positive-background: color-mix(in oklab, var(--green-new-93) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --info-positive-text: var(--green-new-20);
    --info-positive-text: color-mix(in oklab, var(--green-new-20) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-warning-background: var(--yellow-new-93);
    --info-warning-background: color-mix(in oklab, var(--yellow-new-93) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --info-warning-text: var(--yellow-new-20);
    --info-warning-text: color-mix(in oklab, var(--yellow-new-20) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --input-background: hsl(var(--white-hsl)/0.04);
    --input-background: color-mix(in oklab, hsl(var(--white-hsl)/0.04) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.04) var(--theme-base-color-amount, 0%));
    --input-focused-border: hsl(var(--white-hsl)/0.04);
    --input-focused-border: color-mix(in oklab, hsl(var(--white-hsl)/0.04) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.04) var(--theme-base-color-amount, 0%));
    --text-brand: var(--blurple-25);
    --text-brand: color-mix(in oklab, var(--blurple-25) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-link: var(--blue-new-32);
    --text-link: color-mix(in oklab, var(--blue-new-32) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-muted: var(--neutral-23);
    --text-muted: color-mix(in oklab, var(--neutral-23) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-normal: var(--neutral-3);
    --text-normal: color-mix(in oklab, var(--neutral-3) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-positive: var(--green-new-20);
    --text-positive: color-mix(in oklab, var(--green-new-20) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-primary: var(--neutral-3);
    --text-primary: color-mix(in oklab, var(--neutral-3) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-secondary: var(--neutral-20);
    --text-secondary: color-mix(in oklab, var(--neutral-20) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-warning: var(--yellow-new-20);
    --text-warning: color-mix(in oklab, var(--yellow-new-20) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --background-base-low: var(--neutral-68);
    --background-base-low: color-mix(in oklab, var(--neutral-68) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-base-lower: var(--neutral-70);
    --background-base-lower: color-mix(in oklab, var(--neutral-70) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-base-lowest: var(--neutral-72);
    --background-base-lowest: color-mix(in oklab, var(--neutral-72) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-critical: var(--red-new-94);
    --background-feedback-critical: color-mix(in oklab, var(--red-new-94) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-info: var(--blue-new-93);
    --background-feedback-info: color-mix(in oklab, var(--blue-new-93) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-positive: var(--green-new-93);
    --background-feedback-positive: color-mix(in oklab, var(--green-new-93) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-warning: var(--yellow-new-93);
    --background-feedback-warning: color-mix(in oklab, var(--yellow-new-93) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-surface-high: var(--neutral-60);
    --background-surface-high: color-mix(in oklab, var(--neutral-60) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-surface-higher: var(--neutral-58);
    --background-surface-higher: color-mix(in oklab, var(--neutral-58) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-surface-highest: var(--neutral-56);
    --background-surface-highest: color-mix(in oklab, var(--neutral-56) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --icon-default: var(--neutral-5);
    --icon-default: color-mix(in oklab, var(--neutral-5) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-tertiary: var(--neutral-23);
    --icon-tertiary: color-mix(in oklab, var(--neutral-23) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-default: var(--neutral-3);
    --text-default: color-mix(in oklab, var(--neutral-3) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-critical: var(--red-new-19);
    --text-feedback-critical: color-mix(in oklab, var(--red-new-19) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-info: var(--blue-new-21);
    --text-feedback-info: color-mix(in oklab, var(--blue-new-21) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-positive: var(--green-new-20);
    --text-feedback-positive: color-mix(in oklab, var(--green-new-20) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-warning: var(--yellow-new-20);
    --text-feedback-warning: color-mix(in oklab, var(--yellow-new-20) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-tertiary: var(--neutral-23);
    --text-tertiary: color-mix(in oklab, var(--neutral-23) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%))
}

.visual-refresh.theme-dark,
.visual-refresh .theme-dark,
.visual-refresh.theme-light,
.visual-refresh .theme-light {
    --border-strong: hsl(var(--opacity-14-hsl)/0.52);
    --border-strong: color-mix(in oklab, hsl(var(--opacity-14-hsl)/0.52) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.52) var(--theme-base-color-amount, 0%))
}

.visual-refresh.theme-light,
.visual-refresh .theme-light {
    --background-floating: var(--neutral-3);
    --background-floating: color-mix(in oklab, var(--neutral-3) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-message-hover: var(--neutral-3);
    --background-message-hover: color-mix(in oklab, var(--neutral-3) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-primary: var(--neutral-1);
    --background-primary: color-mix(in oklab, var(--neutral-1) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-secondary: var(--neutral-2);
    --background-secondary: color-mix(in oklab, var(--neutral-2) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-tertiary: var(--neutral-3);
    --background-tertiary: color-mix(in oklab, var(--neutral-3) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-primary: var(--neutral-1);
    --bg-base-primary: color-mix(in oklab, var(--neutral-1) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: var(--neutral-2);
    --bg-base-secondary: color-mix(in oklab, var(--neutral-2) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: var(--neutral-3);
    --bg-base-tertiary: color-mix(in oklab, var(--neutral-3) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-mod-strong: hsl(var(--primary-400-hsl)/0.24);
    --bg-mod-strong: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.24) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.24) var(--theme-base-color-amount, 0%));
    --button-danger-background: var(--red-new-50);
    --button-danger-background-active: var(--red-new-61);
    --button-danger-background-disabled: var(--red-new-50);
    --button-danger-background-hover: var(--red-new-57);
    --button-danger-border: hsl(var(--white-500-hsl)/0.1);
    --button-filled-brand-border: hsl(var(--white-500-hsl)/0.1);
    --button-filled-brand-inverted-background-active: var(--neutral-17);
    --button-filled-brand-inverted-background-hover: var(--neutral-9);
    --button-filled-brand-inverted-text: var(--black);
    --button-filled-white-background-active: var(--neutral-17);
    --button-filled-white-background-hover: var(--neutral-9);
    --button-filled-white-text: var(--black);
    --button-outline-danger-background: hsl(var(--opacity-5-hsl)/0.16);
    --button-outline-danger-background-active: hsl(var(--primary-400-hsl)/0.08);
    --button-outline-danger-background-hover: hsl(var(--opacity-8-hsl)/0.28);
    --button-outline-danger-border: hsl(var(--opacity-5-hsl)/0.16);
    --button-outline-danger-border-active: hsl(var(--opacity-3-hsl)/0.08);
    --button-outline-danger-border-hover: hsl(var(--opacity-3-hsl)/0.08);
    --button-outline-danger-text: var(--red-500);
    --button-outline-danger-text-active: var(--red-500);
    --button-outline-danger-text-hover: var(--red-500);
    --button-positive-background: var(--green-new-50);
    --button-positive-background-active: var(--green-new-57);
    --button-positive-background-disabled: var(--green-new-50);
    --button-positive-background-hover: var(--green-new-53);
    --button-positive-border: hsl(var(--white-500-hsl)/0.1);
    --button-secondary-background: hsl(var(--opacity-5-hsl)/0.16);
    --button-secondary-background-active: hsl(var(--primary-400-hsl)/0.08);
    --button-secondary-background-disabled: hsl(var(--opacity-5-hsl)/0.16);
    --button-secondary-background-hover: hsl(var(--opacity-8-hsl)/0.28);
    --button-secondary-text: var(--neutral-95);
    --button-transparent-background: hsl(var(--opacity-5-hsl)/0.16);
    --button-transparent-background-active: hsl(var(--primary-400-hsl)/0.08);
    --button-transparent-background-hover: hsl(var(--opacity-8-hsl)/0.28);
    --button-transparent-text: var(--neutral-95);
    --channel-icon: var(--neutral-39);
    --channel-icon: color-mix(in oklab, var(--neutral-39) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --channels-default: var(--neutral-39);
    --channels-default: color-mix(in oklab, var(--neutral-39) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-muted: var(--neutral-53);
    --header-muted: color-mix(in oklab, var(--neutral-53) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-primary: var(--neutral-82);
    --header-primary: color-mix(in oklab, var(--neutral-82) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-secondary: var(--neutral-82);
    --header-secondary: color-mix(in oklab, var(--neutral-82) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-muted: var(--neutral-53);
    --icon-muted: color-mix(in oklab, var(--neutral-53) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-primary: var(--neutral-78);
    --icon-primary: color-mix(in oklab, var(--neutral-78) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-secondary: var(--neutral-57);
    --icon-secondary: color-mix(in oklab, var(--neutral-57) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-danger-background: var(--red-new-9);
    --info-danger-background: color-mix(in oklab, var(--red-new-9) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --info-danger-text: var(--red-new-69);
    --info-danger-text: color-mix(in oklab, var(--red-new-69) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-help-background: var(--blue-new-9);
    --info-help-background: color-mix(in oklab, var(--blue-new-9) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --info-help-text: var(--blue-new-70);
    --info-help-text: color-mix(in oklab, var(--blue-new-70) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-positive-background: var(--green-new-9);
    --info-positive-background: color-mix(in oklab, var(--green-new-9) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --info-positive-text: var(--green-new-70);
    --info-positive-text: color-mix(in oklab, var(--green-new-70) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-warning-background: var(--yellow-new-9);
    --info-warning-background: color-mix(in oklab, var(--yellow-new-9) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --info-warning-text: var(--yellow-new-69);
    --info-warning-text: color-mix(in oklab, var(--yellow-new-69) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --input-background: hsl(var(--black-hsl)/0.04);
    --input-background: color-mix(in oklab, hsl(var(--black-hsl)/0.04) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.04) var(--theme-base-color-amount, 0%));
    --input-focused-border: hsl(var(--black-hsl)/0.04);
    --input-focused-border: color-mix(in oklab, hsl(var(--black-hsl)/0.04) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.04) var(--theme-base-color-amount, 0%));
    --text-brand: var(--blurple-67);
    --text-brand: color-mix(in oklab, var(--blurple-67) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-link: var(--blue-new-54);
    --text-link: color-mix(in oklab, var(--blue-new-54) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-muted: var(--neutral-53);
    --text-muted: color-mix(in oklab, var(--neutral-53) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-normal: var(--neutral-82);
    --text-normal: color-mix(in oklab, var(--neutral-82) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-positive: var(--green-new-70);
    --text-positive: color-mix(in oklab, var(--green-new-70) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-primary: var(--neutral-82);
    --text-primary: color-mix(in oklab, var(--neutral-82) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-secondary: var(--neutral-57);
    --text-secondary: color-mix(in oklab, var(--neutral-57) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-warning: var(--yellow-new-69);
    --text-warning: color-mix(in oklab, var(--yellow-new-69) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --background-base-low: var(--neutral-1);
    --background-base-low: color-mix(in oklab, var(--neutral-1) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-base-lower: var(--neutral-2);
    --background-base-lower: color-mix(in oklab, var(--neutral-2) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-base-lowest: var(--neutral-3);
    --background-base-lowest: color-mix(in oklab, var(--neutral-3) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-critical: var(--red-new-9);
    --background-feedback-critical: color-mix(in oklab, var(--red-new-9) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-info: var(--blue-new-9);
    --background-feedback-info: color-mix(in oklab, var(--blue-new-9) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-positive: var(--green-new-9);
    --background-feedback-positive: color-mix(in oklab, var(--green-new-9) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-warning: var(--yellow-new-9);
    --background-feedback-warning: color-mix(in oklab, var(--yellow-new-9) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-surface-high: var(--neutral-3);
    --background-surface-high: color-mix(in oklab, var(--neutral-3) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-surface-higher: var(--neutral-2);
    --background-surface-higher: color-mix(in oklab, var(--neutral-2) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-surface-highest: var(--neutral-1);
    --background-surface-highest: color-mix(in oklab, var(--neutral-1) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --icon-default: var(--neutral-85);
    --icon-default: color-mix(in oklab, var(--neutral-85) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-tertiary: var(--neutral-53);
    --icon-tertiary: color-mix(in oklab, var(--neutral-53) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-default: var(--neutral-82);
    --text-default: color-mix(in oklab, var(--neutral-82) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-critical: var(--red-new-69);
    --text-feedback-critical: color-mix(in oklab, var(--red-new-69) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-info: var(--blue-new-70);
    --text-feedback-info: color-mix(in oklab, var(--blue-new-70) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-positive: var(--green-new-70);
    --text-feedback-positive: color-mix(in oklab, var(--green-new-70) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-warning: var(--yellow-new-69);
    --text-feedback-warning: color-mix(in oklab, var(--yellow-new-69) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-tertiary: var(--neutral-53);
    --text-tertiary: color-mix(in oklab, var(--neutral-53) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%))
}

.visual-refresh.theme-midnight,
.visual-refresh .theme-midnight {
    --background-floating: var(--neutral-74);
    --background-floating: color-mix(in oklab, var(--neutral-74) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-message-hover: var(--neutral-86);
    --background-message-hover: color-mix(in oklab, var(--neutral-86) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-primary: var(--neutral-92);
    --background-primary: color-mix(in oklab, var(--neutral-92) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-secondary: var(--neutral-88);
    --background-secondary: color-mix(in oklab, var(--neutral-88) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-tertiary: var(--neutral-84);
    --background-tertiary: color-mix(in oklab, var(--neutral-84) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-primary: var(--neutral-92);
    --bg-base-primary: color-mix(in oklab, var(--neutral-92) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: var(--neutral-88);
    --bg-base-secondary: color-mix(in oklab, var(--neutral-88) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: var(--neutral-84);
    --bg-base-tertiary: color-mix(in oklab, var(--neutral-84) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --channel-icon: var(--neutral-33);
    --channel-icon: color-mix(in oklab, var(--neutral-33) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --channels-default: var(--neutral-33);
    --channels-default: color-mix(in oklab, var(--neutral-33) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-muted: var(--neutral-20);
    --header-muted: color-mix(in oklab, var(--neutral-20) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-primary: var(--neutral-4);
    --header-primary: color-mix(in oklab, var(--neutral-4) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-secondary: var(--neutral-4);
    --header-secondary: color-mix(in oklab, var(--neutral-4) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-muted: var(--neutral-20);
    --icon-muted: color-mix(in oklab, var(--neutral-20) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-primary: var(--neutral-5);
    --icon-primary: color-mix(in oklab, var(--neutral-5) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-danger-text: var(--red-new-15);
    --info-danger-text: color-mix(in oklab, var(--red-new-15) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-help-text: var(--blue-new-17);
    --info-help-text: color-mix(in oklab, var(--blue-new-17) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-positive-text: var(--green-new-16);
    --info-positive-text: color-mix(in oklab, var(--green-new-16) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-warning-text: var(--yellow-new-16);
    --info-warning-text: color-mix(in oklab, var(--yellow-new-16) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-brand: var(--blurple-21);
    --text-brand: color-mix(in oklab, var(--blurple-21) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-link: var(--blue-new-40);
    --text-link: color-mix(in oklab, var(--blue-new-40) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-muted: var(--neutral-20);
    --text-muted: color-mix(in oklab, var(--neutral-20) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-normal: var(--neutral-4);
    --text-normal: color-mix(in oklab, var(--neutral-4) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-positive: var(--green-new-16);
    --text-positive: color-mix(in oklab, var(--green-new-16) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-primary: var(--neutral-4);
    --text-primary: color-mix(in oklab, var(--neutral-4) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-secondary: var(--neutral-18);
    --text-secondary: color-mix(in oklab, var(--neutral-18) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-warning: var(--yellow-new-16);
    --text-warning: color-mix(in oklab, var(--yellow-new-16) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --background-base-low: var(--neutral-92);
    --background-base-low: color-mix(in oklab, var(--neutral-92) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-base-lower: var(--neutral-88);
    --background-base-lower: color-mix(in oklab, var(--neutral-88) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-base-lowest: var(--neutral-84);
    --background-base-lowest: color-mix(in oklab, var(--neutral-84) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-critical: var(--red-new-94);
    --background-feedback-critical: color-mix(in oklab, var(--red-new-94) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-info: var(--blue-new-93);
    --background-feedback-info: color-mix(in oklab, var(--blue-new-93) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-positive: var(--green-new-93);
    --background-feedback-positive: color-mix(in oklab, var(--green-new-93) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-warning: var(--yellow-new-93);
    --background-feedback-warning: color-mix(in oklab, var(--yellow-new-93) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-surface-high: var(--neutral-74);
    --background-surface-high: color-mix(in oklab, var(--neutral-74) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-surface-higher: var(--neutral-77);
    --background-surface-higher: color-mix(in oklab, var(--neutral-77) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-surface-highest: var(--neutral-80);
    --background-surface-highest: color-mix(in oklab, var(--neutral-80) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --icon-default: var(--neutral-2);
    --icon-default: color-mix(in oklab, var(--neutral-2) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-tertiary: var(--neutral-20);
    --icon-tertiary: color-mix(in oklab, var(--neutral-20) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-default: var(--neutral-4);
    --text-default: color-mix(in oklab, var(--neutral-4) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-critical: var(--red-new-15);
    --text-feedback-critical: color-mix(in oklab, var(--red-new-15) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-info: var(--blue-new-17);
    --text-feedback-info: color-mix(in oklab, var(--blue-new-17) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-positive: var(--green-new-16);
    --text-feedback-positive: color-mix(in oklab, var(--green-new-16) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-warning: var(--yellow-new-16);
    --text-feedback-warning: color-mix(in oklab, var(--yellow-new-16) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-tertiary: var(--neutral-20);
    --text-tertiary: color-mix(in oklab, var(--neutral-20) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%))
}

.visual-refresh.theme-darker,
.visual-refresh .theme-darker,
.visual-refresh.theme-midnight,
.visual-refresh .theme-midnight {
    --border-strong: hsl(var(--opacity-14-hsl)/0.52);
    --border-strong: color-mix(in oklab, hsl(var(--opacity-14-hsl)/0.52) 100%, hsl(var(--theme-base-color-hsl, 0 0% 0%)/0.52) var(--theme-base-color-amount, 0%));
    --button-danger-background: var(--red-new-50);
    --button-danger-background-active: var(--red-new-61);
    --button-danger-background-disabled: var(--red-new-50);
    --button-danger-background-hover: var(--red-new-57);
    --button-danger-border: hsl(var(--white-500-hsl)/0.1);
    --button-filled-brand-border: hsl(var(--white-500-hsl)/0.1);
    --button-filled-brand-inverted-background-active: var(--neutral-17);
    --button-filled-brand-inverted-background-hover: var(--neutral-9);
    --button-filled-brand-inverted-text: var(--black);
    --button-filled-white-background-active: var(--neutral-17);
    --button-filled-white-background-hover: var(--neutral-9);
    --button-filled-white-text: var(--black);
    --button-outline-danger-background: hsl(var(--opacity-4-hsl)/0.12);
    --button-outline-danger-background-active: hsl(var(--primary-500-hsl)/0.3);
    --button-outline-danger-background-hover: hsl(var(--opacity-6-hsl)/0.2);
    --button-outline-danger-border: hsl(var(--opacity-2-hsl)/0.04);
    --button-outline-danger-border-active: hsl(var(--opacity-2-hsl)/0.04);
    --button-outline-danger-border-hover: hsl(var(--opacity-2-hsl)/0.04);
    --button-outline-danger-text: var(--red-345);
    --button-outline-danger-text-active: var(--red-345);
    --button-outline-danger-text-hover: var(--red-345);
    --button-positive-background: var(--green-new-50);
    --button-positive-background-active: var(--green-new-57);
    --button-positive-background-disabled: var(--green-new-50);
    --button-positive-background-hover: var(--green-new-53);
    --button-positive-border: hsl(var(--white-500-hsl)/0.1);
    --button-secondary-background: hsl(var(--opacity-4-hsl)/0.12);
    --button-secondary-background-active: hsl(var(--primary-500-hsl)/0.3);
    --button-secondary-background-disabled: hsl(var(--opacity-4-hsl)/0.12);
    --button-secondary-background-hover: hsl(var(--opacity-6-hsl)/0.2);
    --button-secondary-text: var(--neutral-6);
    --button-transparent-background: hsl(var(--opacity-4-hsl)/0.12);
    --button-transparent-background-active: hsl(var(--primary-500-hsl)/0.3);
    --button-transparent-background-hover: hsl(var(--opacity-6-hsl)/0.2);
    --button-transparent-text: var(--neutral-6);
    --icon-secondary: var(--neutral-18);
    --icon-secondary: color-mix(in oklab, var(--neutral-18) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-danger-background: var(--red-new-94);
    --info-danger-background: color-mix(in oklab, var(--red-new-94) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --info-help-background: var(--blue-new-93);
    --info-help-background: color-mix(in oklab, var(--blue-new-93) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --info-positive-background: var(--green-new-93);
    --info-positive-background: color-mix(in oklab, var(--green-new-93) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --info-warning-background: var(--yellow-new-93);
    --info-warning-background: color-mix(in oklab, var(--yellow-new-93) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%))
}

.visual-refresh.theme-darker,
.visual-refresh .theme-darker {
    --background-floating: var(--neutral-68);
    --background-floating: color-mix(in oklab, var(--neutral-68) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-message-hover: var(--neutral-84);
    --background-message-hover: color-mix(in oklab, var(--neutral-84) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-primary: var(--neutral-80);
    --background-primary: color-mix(in oklab, var(--neutral-80) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-secondary: var(--neutral-83);
    --background-secondary: color-mix(in oklab, var(--neutral-83) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-tertiary: var(--neutral-86);
    --background-tertiary: color-mix(in oklab, var(--neutral-86) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-primary: var(--neutral-80);
    --bg-base-primary: color-mix(in oklab, var(--neutral-80) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-secondary: var(--neutral-83);
    --bg-base-secondary: color-mix(in oklab, var(--neutral-83) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --bg-base-tertiary: var(--neutral-86);
    --bg-base-tertiary: color-mix(in oklab, var(--neutral-86) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --channel-icon: var(--neutral-34);
    --channel-icon: color-mix(in oklab, var(--neutral-34) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --channels-default: var(--neutral-34);
    --channels-default: color-mix(in oklab, var(--neutral-34) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-muted: var(--neutral-21);
    --header-muted: color-mix(in oklab, var(--neutral-21) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-primary: var(--neutral-1);
    --header-primary: color-mix(in oklab, var(--neutral-1) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --header-secondary: var(--neutral-1);
    --header-secondary: color-mix(in oklab, var(--neutral-1) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-muted: var(--neutral-21);
    --icon-muted: color-mix(in oklab, var(--neutral-21) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-primary: var(--neutral-6);
    --icon-primary: color-mix(in oklab, var(--neutral-6) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-danger-text: var(--red-new-16);
    --info-danger-text: color-mix(in oklab, var(--red-new-16) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-help-text: var(--blue-new-18);
    --info-help-text: color-mix(in oklab, var(--blue-new-18) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-positive-text: var(--green-new-17);
    --info-positive-text: color-mix(in oklab, var(--green-new-17) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --info-warning-text: var(--yellow-new-17);
    --info-warning-text: color-mix(in oklab, var(--yellow-new-17) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-brand: var(--blurple-22);
    --text-brand: color-mix(in oklab, var(--blurple-22) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-link: var(--blue-new-41);
    --text-link: color-mix(in oklab, var(--blue-new-41) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-muted: var(--neutral-21);
    --text-muted: color-mix(in oklab, var(--neutral-21) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-normal: var(--neutral-1);
    --text-normal: color-mix(in oklab, var(--neutral-1) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-positive: var(--green-new-17);
    --text-positive: color-mix(in oklab, var(--green-new-17) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-primary: var(--neutral-1);
    --text-primary: color-mix(in oklab, var(--neutral-1) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-secondary: var(--neutral-18);
    --text-secondary: color-mix(in oklab, var(--neutral-18) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-warning: var(--yellow-new-17);
    --text-warning: color-mix(in oklab, var(--yellow-new-17) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --background-base-low: var(--neutral-80);
    --background-base-low: color-mix(in oklab, var(--neutral-80) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-base-lower: var(--neutral-83);
    --background-base-lower: color-mix(in oklab, var(--neutral-83) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-base-lowest: var(--neutral-86);
    --background-base-lowest: color-mix(in oklab, var(--neutral-86) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-critical: var(--red-new-94);
    --background-feedback-critical: color-mix(in oklab, var(--red-new-94) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-info: var(--blue-new-93);
    --background-feedback-info: color-mix(in oklab, var(--blue-new-93) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-positive: var(--green-new-93);
    --background-feedback-positive: color-mix(in oklab, var(--green-new-93) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-feedback-warning: var(--yellow-new-93);
    --background-feedback-warning: color-mix(in oklab, var(--yellow-new-93) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-surface-high: var(--neutral-68);
    --background-surface-high: color-mix(in oklab, var(--neutral-68) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-surface-higher: var(--neutral-66);
    --background-surface-higher: color-mix(in oklab, var(--neutral-66) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --background-surface-highest: var(--neutral-64);
    --background-surface-highest: color-mix(in oklab, var(--neutral-64) 100%, var(--theme-base-color, #000) var(--theme-base-color-amount, 0%));
    --icon-default: var(--neutral-3);
    --icon-default: color-mix(in oklab, var(--neutral-3) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --icon-tertiary: var(--neutral-21);
    --icon-tertiary: color-mix(in oklab, var(--neutral-21) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-default: var(--neutral-1);
    --text-default: color-mix(in oklab, var(--neutral-1) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-critical: var(--red-new-16);
    --text-feedback-critical: color-mix(in oklab, var(--red-new-16) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-info: var(--blue-new-18);
    --text-feedback-info: color-mix(in oklab, var(--blue-new-18) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-positive: var(--green-new-17);
    --text-feedback-positive: color-mix(in oklab, var(--green-new-17) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-feedback-warning: var(--yellow-new-17);
    --text-feedback-warning: color-mix(in oklab, var(--yellow-new-17) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%));
    --text-tertiary: var(--neutral-21);
    --text-tertiary: color-mix(in oklab, var(--neutral-21) 100%, var(--theme-text-color, #000) var(--theme-text-color-amount, 0%))
}

.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-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-navigator-x: 0 0 9px 0 hsl(none 0% 0%/0.13);
    --shadow-mobile-navigator-x-filter: drop-shadow(0 0 9px hsl(none 0% 0%/0.13));
    --shadow-top-high: 0 -12px 36px 0 hsl(none 0% 0%/0.12);
    --shadow-top-high-filter: drop-shadow(0 -12px 36px hsl(none 0% 0%/0.12));
    --shadow-top-ledge: 0 -2px 0 0 hsl(none 0% 0%/0.03), 0 -1.5px 0 0 hsl(none 0% 0%/0.03), 0 -1px 0 0 hsl(none 0% 0%/0.08);
    --shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 hsl(none 0% 0%/0.12));
    --shadow-top-low: 0 -1px 4px 0 hsl(none 0% 0%/0.08);
    --shadow-top-low-filter: drop-shadow(0 -1px 4px hsl(none 0% 0%/0.08))
}

.theme-darker,
.theme-midnight {
    --shadow-border: 0 0 0 1px hsl(none 0% 100%/0.08);
    --shadow-border-filter: drop-shadow(0 0 1px hsl(none 0% 100%/0.08));
    --shadow-button-overlay: 0 12px 24px 0 hsl(none 0% 0%/0.24);
    --shadow-button-overlay-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
    --shadow-high: 0 12px 24px 0 hsl(none 0% 0%/0.24);
    --shadow-high-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
    --shadow-ledge: 0 2px 0 0 hsl(none 0% 0%/0.05), 0 1.5px 0 0 hsl(none 0% 0%/0.05), 0 1px 0 0 hsl(none 0% 0%/0.16);
    --shadow-ledge-filter: drop-shadow(0 1.5px 0 hsl(none 0% 0%/0.24));
    --shadow-low: 0 1px 4px 0 hsl(none 0% 0%/0.14);
    --shadow-low-filter: drop-shadow(0 1px 4px hsl(none 0% 0%/0.14));
    --shadow-low-active: 0 0 4px 0 hsl(none 0% 0%/0.14);
    --shadow-low-active-filter: drop-shadow(0 0 4px hsl(none 0% 0%/0.14));
    --shadow-low-hover: 0 4px 10px 0 hsl(none 0% 0%/0.14);
    --shadow-low-hover-filter: drop-shadow(0 4px 10px hsl(none 0% 0%/0.14));
    --shadow-medium: 0 4px 8px 0 hsl(none 0% 0%/0.16);
    --shadow-medium-filter: drop-shadow(0 4px 8px hsl(none 0% 0%/0.16));
    --shadow-mobile-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 {
    --spacing-4: 4px;
    --spacing-8: 8px;
    --spacing-12: 12px;
    --spacing-16: 16px;
    --spacing-24: 24px;
    --spacing-32: 32px;
    --spacing-40: 40px;
    --spacing-48: 48px;
    --spacing-56: 56px;
    --spacing-64: 64px;
    --spacing-72: 72px;
    --spacing-80: 80px;
    --spacing-96: 96px;
    --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);
    --space-0: 0px;
    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-32: 32px;
    --space-48: 48px;
    --space-64: 64px;
    --space-80: 80px;
    --space-96: 96px;
    --space-128: 128px;
    --space-160: 160px;
    --space-192: 192px
}

.density-compact,
:root {
    --space-xxs: var(--space-4);
    --space-xs: var(--space-8);
    --space-sm: var(--space-12);
    --space-md: var(--space-16);
    --space-lg: var(--space-20);
    --space-xl: var(--space-24);
    --space-xxl: var(--space-32)
}

.density-cozy {
    --space-xxs: var(--space-8);
    --space-xs: var(--space-12);
    --space-sm: var(--space-16);
    --space-md: var(--space-20);
    --space-lg: var(--space-24);
    --space-xl: var(--space-32);
    --space-xxl: var(--space-48)
}

:root {
    --radius-none: 0px;
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-xxl: 32px;
    --radius-round: 2147483647px
}

.theme-dark {
    --guild-header-text-shadow: 0 1px 1px hsl(var(--black-500-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-500-hsl)/0.16);
    --elevation-high: 0 8px 16px hsl(var(--black-500-hsl)/0.24)
}

.theme-light {
    --guild-header-text-shadow: 0 1px 1px hsl(var(--white-500-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-500-hsl)/0.08);
    --elevation-high: 0 8px 16px hsl(var(--black-500-hsl)/0.16)
}

@font-face {
    font-family: ABC Ginto Nord;
    font-style: normal;
    font-weight: 800;
    src: url(/w/assets/latest/3d07f5abf272fbb5670d02ed687453d0.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Nord;
    font-style: italic;
    font-weight: 800;
    src: url(/w/assets/latest/3c0aa7f9d47d6a96b14ecada461ccf0e.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: normal;
    font-weight: 400;
    src: url(/w/assets/latest/3d6549bf2f38372c054eafb93fa358a9.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: italic;
    font-weight: 400;
    src: url(/w/assets/latest/281bba49537cf936d1a0df10fb719f63.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: normal;
    font-weight: 500;
    src: url(/w/assets/latest/7f63813838e283aea62f1a68ef1732c2.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: italic;
    font-weight: 500;
    src: url(/w/assets/latest/17bf6b1c912399ef0f05742315932aae.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: normal;
    font-weight: 600;
    src: url(/w/assets/latest/71d3e9dc2bcb8e91225ba9fab588c8f2.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: italic;
    font-weight: 600;
    src: url(/w/assets/latest/a6f145c7d25de52895579fad8b45265b.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: normal;
    font-weight: 700;
    src: url(/w/assets/latest/ff5eccde83f118cea0224ebbb9dc3179.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: italic;
    font-weight: 700;
    src: url(/w/assets/latest/d295c40af6fca08f8e0eb5425351f431.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: normal;
    font-weight: 800;
    src: url(/w/assets/latest/f5aba5511523dcae97748a1b35bbffe8.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: italic;
    font-weight: 800;
    src: url(/w/assets/latest/1ac46f07e44e1d6020a4b6b19e34c844.woff2) format("woff2")
}

@font-face {
    font-family: gg mono;
    font-style: normal;
    font-weight: 400;
    src: url(/w/assets/latest/12d1fdcd37780f8db6504f926a11b2cc.woff2) format("woff2")
}

@font-face {
    font-family: gg mono;
    font-style: normal;
    font-weight: 700;
    src: url(/w/assets/latest/1a18189c2a3c610379e5cdb77ffb044b.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 400;
    src: url(/w/assets/latest/980082c4328266be3342a03dcb37c432.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 400;
    src: url(/w/assets/latest/db985aaa3c64f10506d96d876e350d47.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 500;
    src: url(/w/assets/latest/05422eb499ddf5616e44a52c4f1063ae.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 500;
    src: url(/w/assets/latest/412f5d9534ce2a2e1a1ae9b746bca5b5.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 600;
    src: url(/w/assets/latest/e55012627a8f6e7203b72a8de730c483.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 600;
    src: url(/w/assets/latest/d9b0aabb79e7d8b3b14789ebd534f158.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 700;
    src: url(/w/assets/latest/7cf1be7696bf689b97230262eade8ad8.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 700;
    src: url(/w/assets/latest/f9bf0f65660d23c6f359d22720fc55ae.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 800;
    src: url(/w/assets/latest/d6db7b5639c7ed70f8b582984dda6c62.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 800;
    src: url(/w/assets/latest/a2a248f78d12dd5b842930bda7036302.woff2) format("woff2")
}

@font-face {
    font-family: Source Code Pro;
    font-style: normal;
    font-weight: 400;
    src: url(/w/assets/latest/b5ebc919bdce2ce021544cd67c86632a.woff2) format("woff2")
}

@font-face {
    font-family: Source Code Pro;
    font-style: normal;
    font-weight: 700;
    src: url(/w/assets/latest/67184d051f9979f01ea1e8466d4d2cda.woff2) format("woff2")
}

@font-face {
    font-family: Corinthia;
    font-style: normal;
    font-weight: 400;
    src: url(/w/assets/latest/297a3c6b5d3bb052f335e3b2ec7a7b26.woff2) format("woff2")
}

@font-face {
    font-family: Fraunces;
    font-style: normal;
    font-weight: 300 800;
    src: url(/w/assets/latest/d7fc5bc613a01b40855b93930b933723.woff2) format("woff2")
}

:root {
    --font-headline: "ABC Ginto Nord", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --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
}

:root,
: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-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
}

:root:lang(bg),
:root:lang(el),
:root:lang(ru),
:root:lang(uk) {
    --font-headline: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --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
}

:root:lang(ko) {
    --font-primary: "gg sans", "Apple SD Gothic Neo", NanumBarunGothic, "\B9D1\C740   \ACE0\B515", "Malgun Gothic", Gulim, 굴림, Dotum, 돋움, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-display: "gg sans", "Apple SD Gothic Neo", NanumBarunGothic, "\B9D1\C740   \ACE0\B515", "Malgun Gothic", Gulim, 굴림, Dotum, 돋움, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-headline: "ABC Ginto Nord", "Apple SD Gothic Neo", NanumBarunGothic, "\B9D1\C740   \ACE0\B515", "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, "\B9D1\C740   \ACE0\B515", "Malgun Gothic", Gulim, 굴림, Dotum, 돋움, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-clan-signature: Corinthia, "gg sans", cursive, "Apple SD Gothic Neo", NanumBarunGothic, "\B9D1\C740   \ACE0\B515", "Malgun Gothic", Gulim, 굴림, Dotum, 돋움, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

:root:lang(ja) {
    --font-primary: "gg sans", "Hiragino Sans", "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Osaka, "MS PGothic", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-display: "gg sans", "Hiragino Sans", "\30D2\30E9\30AE\30CE\89D2\30B4   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", "\30D2\30E9\30AE\30CE\89D2\30B4   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", "\30D2\30E9\30AE\30CE\89D2\30B4   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", "\30D2\30E9\30AE\30CE\89D2\30B4   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
}

: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
}

:root {
    --chat-resize-handle-width: 8px
}

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
button,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline
}

table {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle
}

caption,
td,
th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

ol,
ul {
    list-style: none
}

a img {
    border: none
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

.margin-reset {
    margin-top: 0;
    margin-bottom: 0
}

.margin-top-4 {
    margin-top: 4px
}

.margin-bottom-4 {
    margin-bottom: 4px
}

.margin-top-8 {
    margin-top: 8px
}

.margin-bottom-8 {
    margin-bottom: 8px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.margin-top-30 {
    margin-top: 30px
}

.margin-bottom-30 {
    margin-bottom: 30px
}

.margin-top-40 {
    margin-top: 40px
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.margin-top-60 {
    margin-top: 60px
}

.margin-bottom-60 {
    margin-bottom: 60px
}

.margin-horizontal-40 {
    margin-left: 40px;
    margin-right: 40px
}

.margin-top-80 {
    margin-top: 80px
}

.margin-bottom-80 {
    margin-bottom: 80px
}

.margin-top-100 {
    margin-top: 100px
}

.margin-bottom-100 {
    margin-bottom: 100px
}

.margin-top-200 {
    margin-top: 200px
}

@media screen and (max-width:848px) {
    .margin-top-200 {
        margin-top: 50px
    }
}

.margin-bottom-200 {
    margin-bottom: 200px
}

@media screen and (max-width:848px) {
    .margin-bottom-200 {
        margin-bottom: 50px
    }
}

html {
    height: 100%
}

body {
    min-width: 1000px
}

#app-mount {
    height: 100%
}

.content {
    width: 1000px;
    position: relative;
    margin: 0 auto
}

.section {
    overflow: hidden
}

.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.grid .content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 72px 50px 0;
    max-width: 1200px
}

.grid .content.full {
    width: 100%;
    max-width: 100%;
    padding: 0
}

.grid .content-text {
    max-width: 660px
}

@media screen and (max-width:848px) {
    .grid .content {
        max-width: 740px;
        width: calc(100% - 30px)
    }
}

@media screen and (max-width:1024px) {
    body,
    html {
        min-width: 824px
    }
    .content {
        width: 824px
    }
}

@media screen and (max-width:848px) {
    body,
    html {
        min-width: 320px
    }
    .content {
        width: 320px
    }
}

body {
    background: #fff;
    color: #000
}

a {
    text-decoration: none
}

body {
    text-rendering: optimizeLegibility;
    font-family: var(--font-primary);
    font-weight: 400;
    line-height: 1.15
}

section .button {
    background-color: #747f8d;
    border-radius: 3px;
    border: none;
    outline: none;
    font-size: 15px;
    padding: 15px 25px;
    position: relative;
    -webkit-transition: all .12s ease-out;
    transition: all .12s ease-out;
    top: 0;
    cursor: pointer;
    color: #fff
}

section .button.disabled {
    cursor: not-allowed
}

section .button.disabled:hover {
    top: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

section .button:hover {
    top: -1px;
    -webkit-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .4)
}

section .button:active {
    top: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

section .button.success {
    background-color: #43b581
}

section .button.warning {
    background-color: #faa61a
}

section .button.error {
    background-color: #f04747
}

section .button.brand {
    background-color: #7289da
}

section .button.light {
    background-color: #fff;
    color: #7289da
}

section .button.light:hover {
    color: #677bc4
}

section .button.link {
    border: none;
    outline: none;
    background: none;
    font-size: inherit;
    padding: 0;
    font-weight: inherit;
    cursor: pointer;
    color: #00aff7
}

section .button.link:hover {
    text-decoration: underline
}

section .button.flat:hover,
section .button.link:hover {
    top: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

section .button.flat:hover.brand {
    background-color: #697ec4
}

section .button.flat-bordered {
    border: 1px solid #7289da
}

section .button.flat-bordered:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 0
}

.checkbox {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkbox.disabled {
    opacity: .3;
    pointer-events: none
}

.checkbox .checkbox-inner {
    width: 18px;
    height: 18px;
    position: relative;
    vertical-align: top;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.checkbox .checkbox-inner:after,
.checkbox .checkbox-inner:before {
    content: ""
}

.checkbox .checkbox-inner span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #cdcdcd;
    -webkit-transition: .24s;
    transition: .24s;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.checkbox .checkbox-inner+span {
    margin-left: 8px
}

.checkbox .checkbox-inner input[type=checkbox] {
    display: none
}

.checkbox .checkbox-inner input[type=checkbox]:checked+span {
    background-color: #7289da;
    border-color: #7289da
}

.checkbox .checkbox-inner input[type=checkbox]:checked+span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    display: table;
    width: 4px;
    height: 10px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.checkbox .checkbox-inner input[type=checkbox]:disabled+span {
    border-color: #cdcdcd;
    background-color: #f3f3f3;
    cursor: not-allowed
}

.checkbox .checkbox-inner input[type=checkbox]:checked:disabled+span {
    background-color: #c9d2f0;
    border-color: #c9d2f0
}

.checkbox .checkbox-inner.alt input[type=checkbox]+span {
    background: #fff;
    border-color: #fff
}

.checkbox .checkbox-inner.alt input[type=checkbox]:checked+span:after {
    border-color: #7289da
}

.theme-dark .checkbox .checkbox-inner span {
    border-color: hsla(0, 0%, 100%, .2)
}

.form {
    width: 100%;
    max-width: 1100px
}

.form .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.form .form-inputWrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    margin: 10px;
    position: relative
}

.form .form-inputWrapper .Input {
    color: #36393e;
    background: #f3f3f3;
    width: 100%;
    border-radius: 7px;
    font-size: 18px;
    font-weight: 500;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 1px 1px 3px
}

.form .form-inputWrapper .Input:focus {
    border-color: #7289da
}

.form .form-inputWrapper .Input.hasError {
    border-color: #f04747
}

.form .form-inputWrapper .Input.isValid {
    border-color: #43b581
}

.form .form-inputWrapper .isRequired {
    position: absolute;
    top: 20px;
    left: -13px;
    color: #f04747
}

.form .form-inputWrapper .isRequired.label {
    top: 4px
}

.form .form-inputWrapper .error {
    color: #f04747
}

.form .form-inputWrapper .error a {
    color: #00aff7
}

.form .form-inputWrapper .error a:hover {
    color: #009ede
}

.form .form-label {
    font-size: 18px;
    color: #7289da;
    line-height: 21px;
    font-weight: 500;
    text-align: left;
    margin: 25px 0 5px 10px;
    width: 100%;
    position: relative
}

.form .form-label a {
    color: #00aff7;
    cursor: pointer
}

.form .form-label a:hover {
    color: #009ede
}

.form .TextInput {
    height: 54px;
    padding: 10px 20px
}

.form .TextInput.prefixed {
    padding-left: 0;
    border-radius: 0 7px 7px 0
}

.form .TextInput.prefixed:focus {
    border-left: 0 solid #7289da
}

.form .TextInput.prefixed.hasError {
    border-left: 0 solid #f04747
}

.form .TextInput.prefixed.isValid {
    border-left: 0 solid #43b581
}

.form .form-input-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form .text-input-prefix {
    border-color: transparent;
    border-style: solid;
    border-width: 1px 0 3px 1px;
    padding-left: 20px;
    height: 54px;
    line-height: 52px;
    background-color: #f3f3f3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #8a8e94;
    border-radius: 7px 0 0 7px;
    font-size: 18px
}

.form .text-input-prefix.focus {
    border-color: #7289da
}

.form .text-input-prefix.hasError {
    border-color: #f04747
}

.form .text-input-prefix.isValid {
    border-color: #43b581
}

.form .TextArea {
    min-height: 85px;
    resize: none;
    font-weight: 400;
    padding: 10px 20px
}

.form .Checkbox-wrapper {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 130px
}

.form .Checkbox-input {
    display: none
}

.form .Checkbox-box {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin-right: 12px;
    background-size: 80px 40px
}

.form .Checkbox-input:checked+.Checkbox-box {
    background-position: 40px 0
}

.form .Radio-wrapper {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 130px
}

.form .Radio-input {
    display: none
}

.form .Radio-box {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin-right: 12px;
    background-size: 80px 40px
}

.form .SingleSelect {
    width: 100%
}

.form .SingleSelect .Select-control {
    height: 54px;
    color: #36393e;
    background: #f3f3f3;
    width: 100%;
    border: 0;
    border-radius: 7px;
    font-size: 18px;
    font-weight: 500;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form .SingleSelect .Select-placeholder {
    color: #afafaf;
    padding: 10px 20px
}

.form .SingleSelect.has-value .Select-placeholder {
    color: #36393e
}

.form .SingleSelect .Select-input {
    padding: 8px 18px
}

.form .SingleSelect.is-focused .Select-control {
    border: solid #7289da;
    border-width: 1px 1px 3px
}

.form .SingleSelect.is-open .Select-control {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.form .SingleSelect.is-disabled .Select-placeholder {
    color: #afafaf
}

.form .SingleSelect .Select-option {
    color: #36393e
}

.form .SingleSelect .Select-option.is-focused {
    background: #f7f7f7;
    color: #36393e
}

.form .SingleSelect * {
    font-family: var(--font-primary)
}

.form .submit-btn {
    position: relative;
    width: 394px;
    height: 64px;
    margin-top: 30px;
    border-radius: 60px;
    border: 2px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.form .submit-btn.Error {
    cursor: not-allowed
}

.form .submit-btn.Error .submit-btn-fill {
    background: #8a8e94
}

.form .submit-btn-fill {
    width: 100%;
    height: 100%;
    border-radius: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #30c6a3;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.form .submit-btn-text {
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.form .multi-text-input .SingleSelect {
    margin-bottom: 10px
}

.form .multi-text-input .SingleSelect.is-focused .Select-control {
    border: 1px solid #cdcdcd;
    border-bottom: none
}

.form .multi-text-input .SingleSelect.is-focused .Select-menu-outer {
    border: 1px solid #cdcdcd;
    border-top: none
}

.form .multi-text-input .form-label {
    display: block
}

.form .multi-text-input .multi-text-input-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form .multi-text-input .multi-text-input-value .text-input {
    margin-left: 40px
}

.form .multi-text-input .multi-text-input-value .remove-btn {
    -ms-flex-item-align: center;
    align-self: center;
    cursor: pointer;
    color: #f04747
}

.forms-form {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.forms-form,
.forms-form .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.forms-form .row {
    margin: 8px 0
}

.forms-form .row>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
    margin-right: 8px
}

.forms-form>:not(.row) {
    margin: 8px 4px
}

.forms-form .forms-required-label-wrapper {
    padding-left: 4px;
    margin-bottom: 4px
}

.forms-form .forms-error,
.forms-form .forms-required-label-wrapper .forms-required-star {
    color: #f04747
}

.forms-form input,
.forms-form textarea {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    color: #36393e
}

.forms-form input::-webkit-input-placeholder,
.forms-form textarea::-webkit-input-placeholder {
    color: #dadddf
}

.forms-form input::-moz-placeholder,
.forms-form textarea::-moz-placeholder {
    color: #dadddf
}

.forms-form input:-ms-input-placeholder,
.forms-form textarea:-ms-input-placeholder {
    color: #dadddf
}

.forms-form input::placeholder,
.forms-form textarea::placeholder {
    color: #dadddf
}

.forms-form .forms-submit-button {
    margin-top: 16px;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    color: #fff;
    width: 300px;
    cursor: pointer
}

.forms-form .forms-submit-button.forms-cannot-submit {
    background-color: #747f8d;
    cursor: not-allowed
}

.forms-form .forms-submit-button.forms-submitting {
    cursor: not-allowed
}

.forms-form .forms-submit-button .loader {
    margin: 0 auto;
    top: -1.25em
}

.forms-form .forms-text-area-input,
.forms-form .forms-text-input-input {
    border: none;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 4px;
    outline: none;
    -webkit-transition: border-bottom .2s ease;
    transition: border-bottom .2s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

.forms-form .forms-text-area-input:focus,
.forms-form .forms-text-input-input:focus {
    border-bottom: 2px solid #7289da
}

.forms-form a {
    color: #00aff7
}

.forms-form a:hover {
    color: #009ede
}

@media screen and (max-width:848px) {
    .hypesquad-form .form-inputWrapper {
        margin: 4
    }
    .hypesquad-form .form-inputWrapper .Input {
        font-size: 16px;
        border-radius: 3
    }
    .hypesquad-form .form-inputWrapper .isRequired {
        top: 11px;
        left: -10px
    }
    .hypesquad-form .form-inputWrapper .TextInput {
        height: 34px
    }
    .hypesquad-form .form-inputWrapper .TextArea {
        padding: 10px
    }
    .hypesquad-form .form-inputWrapper .SingleSelect .Select-control {
        height: 34px
    }
    .hypesquad-form .form-inputWrapper .SingleSelect .Select-input,
    .hypesquad-form .form-inputWrapper .SingleSelect .Select-placeholder {
        padding: 2px 10px
    }
    .hypesquad-form .SubmitBtn {
        height: 55px;
        width: 325px
    }
}

:root {
    --brand: #5865f2;
    --brand-gradient: linear-gradient(90deg, #8ea1e1, #7289da);
    --greyple: #99aab5;
    --dark-not-black: #2c2f33;
    --focus-border: #00b0f4;
    --status-green: #43b581;
    --text-link: #00b0f4;
    --off-white: #f6f6f6;
    --white: #fff;
    --not-quite-black: #23272a;
    --not-quite-black-rgb: 35, 39, 42;
    --black: #000;
    --ekko-red: #de2761;
    --page-max-width: 1260px;
    --page-max-width-med: 1024px;
    --num-grid-columns: 4;
    --page-gutter: 24px;
    --section-spacing: 56px
}

@media screen and (min-width:768px) {
    :root {
        --num-grid-columns: 8;
        --page-gutter: 40px;
        --section-spacing: 80px
    }
}

@media screen and (min-width:1024px) {
    :root {
        --num-grid-columns: 12;
        --section-spacing: 120px
    }
}

.recaptchaError-3lzLhC {
    border: 1px solid #f04747;
    width: 304px;
    height: 78px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

.dropdown-22wXXq {
    position: absolute;
    background-color: #fff;
    background-color: var(--white);
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    overflow: hidden
}

.orientationBottom-p8TYeC {
    top: 100%;
    margin-top: 8px
}

.orientationTop-14BnnQ {
    bottom: 100%;
    margin-bottom: 8px
}

.button-ZGMevK {
    border-radius: 50%;
    line-height: 24px;
    cursor: pointer;
    font-weight: 500;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-property: background-color, color, -webkit-box-shadow;
    transition-property: background-color, color, -webkit-box-shadow;
    transition-property: background-color, color, box-shadow;
    transition-property: background-color, color, box-shadow, -webkit-box-shadow;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.button-ZGMevK:hover {
    -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
    box-shadow: 0 8px 15px rgba(0, 0, 0, .2)
}

.keyboardMode .button-ZGMevK:focus {
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    -webkit-box-shadow: 0 0 0 3px #00b0f4;
    -webkit-box-shadow: 0 0 0 3px var(--focus-border);
    box-shadow: 0 0 0 3px #00b0f4;
    box-shadow: 0 0 0 3px var(--focus-border)
}

.button-ZGMevK.disabled-3SnWY1 {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
    outline: none
}

.buttonBrand-24ECS3 {
    background-color: #5865f2;
    background-color: var(--brand);
    color: #fff;
    color: var(--white)
}

.buttonBrand-24ECS3:hover {
    background-color: hsl(235, 86.1%, 71.8%);
    background-color: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 71.8%)
}

.buttonWhite-1M-wED {
    background-color: #fff;
    background-color: var(--white);
    color: #23272a;
    color: var(--not-quite-black)
}

.buttonWhite-1M-wED:hover {
    color: #5865f2;
    color: var(--brand)
}

.buttonDark-3a8taR {
    background-color: #23272a;
    background-color: var(--not-quite-black);
    color: #fff;
    color: var(--white)
}

.buttonDark-3a8taR:hover {
    background-color: hsl(223, 6.7%, 20.6%);
    background-color: hsl(223, calc(var(--saturation-factor, 1)*6.7%), 20.6%)
}

.buttonLarge-3z9xOS {
    border-radius: 28px;
    font-size: 20px;
    padding: 16px 32px
}

.buttonSmall-1FIG7u {
    border-radius: 40px;
    font-size: 14px;
    padding: 7px 16px
}

.buttonSmallNested-3jhizK {
    font-size: 20px;
    padding: 0 8px
}

.text-2H5FnP a {
    color: #00b0f4;
    color: var(--text-link)
}

.text-2H5FnP a:hover {
    text-decoration: underline
}

.keyboardMode .text-2H5FnP a:focus {
    -webkit-box-shadow: 0 0 0 3px #00b0f4;
    -webkit-box-shadow: 0 0 0 3px var(--focus-border);
    box-shadow: 0 0 0 3px #00b0f4;
    box-shadow: 0 0 0 3px var(--focus-border);
    border-radius: 4px
}

.text-2H5FnP strong {
    font-weight: 700
}

.textLarge-Dd0mXv {
    line-height: 140%
}

.textLarge-Dd0mXv,
.textMedium-2cZ80w {
    font-size: clamp(16px, 2vw, 20px)
}

.textMedium-2cZ80w {
    line-height: 1.625
}

.textSmall-Rm6-Ys {
    font-size: 16px;
    line-height: 24px
}

.textExtraSmall-2-FKT0 {
    font-size: 14px;
    line-height: 18px
}

.textLabel-3G0U01 {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 3px;
    text-transform: uppercase
}

.container-2uBSm4 {
    position: relative
}

.dropdown-2kD-pX {
    text-align: left;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.dropdownText-1QSPwA {
    padding: 4px 8px
}

.dropdownLink-3GXIPK {
    color: #23272a;
    color: var(--not-quite-black)
}

.dropdownLink-3GXIPK:hover {
    color: #5865f2;
    color: var(--brand);
    text-decoration: underline
}

.focused-3A3dxp {
    background-color: rgba(79, 84, 92, .16);
    border-radius: 4px
}

.icon-2tQ9Jt {
    margin-right: 8px
}

@-webkit-keyframes spinner-wandering-cubes-E8DV84 {
    25% {
        -webkit-transform: translateX(22px) rotate(-90deg) scale(.5);
        transform: translateX(22px) rotate(-90deg) scale(.5)
    }
    50% {
        -webkit-transform: translateX(22px) translateY(22px) rotate(-180deg);
        transform: translateX(22px) translateY(22px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5)
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes spinner-wandering-cubes-E8DV84 {
    25% {
        -webkit-transform: translateX(22px) rotate(-90deg) scale(.5);
        transform: translateX(22px) rotate(-90deg) scale(.5)
    }
    50% {
        -webkit-transform: translateX(22px) translateY(22px) rotate(-180deg);
        transform: translateX(22px) translateY(22px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5)
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@-webkit-keyframes spinner-chasing-dots-rotate-1FNFlo {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-chasing-dots-rotate-1FNFlo {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes spinner-chasing-dots-bounce-1u5AiH {
    0%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes spinner-chasing-dots-bounce-1u5AiH {
    0%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes spinner-pulsing-ellipsis-Zju_Ib {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .3
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes spinner-pulsing-ellipsis-Zju_Ib {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .3
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes spinner-spinning-circle-rotate-377lhj {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-spinning-circle-rotate-377lhj {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes spinner-spinning-circle-dash-YaFg25 {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 130, 200
    }
    to {
        stroke-dasharray: 130, 200;
        stroke-dashoffset: -124
    }
}

@keyframes spinner-spinning-circle-dash-YaFg25 {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 130, 200
    }
    to {
        stroke-dasharray: 130, 200;
        stroke-dashoffset: -124
    }
}

.spinner-2RT7ZC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inner-26JK4f {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px
}

.wanderingCubesItem-3Us-UG {
    background-color: hsl(235, 85.6%, 64.7%);
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: spinner-wandering-cubes-E8DV84 1.8s ease-in-out infinite;
    animation: spinner-wandering-cubes-E8DV84 1.8s ease-in-out infinite
}

.wanderingCubesItem-3Us-UG:last-child {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.chasingDots-6RmxOW {
    -webkit-animation: spinner-chasing-dots-rotate-1FNFlo 2s linear infinite;
    animation: spinner-chasing-dots-rotate-1FNFlo 2s linear infinite
}

.chasingDotsItem-1Dc20e {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: hsl(235, 85.6%, 64.7%);
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    border-radius: 100%;
    -webkit-animation: spinner-chasing-dots-bounce-1u5AiH 2s ease-in-out infinite;
    animation: spinner-chasing-dots-bounce-1u5AiH 2s ease-in-out infinite
}

.chasingDotsItem-1Dc20e:last-child {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.pulsingEllipsis-10G8Z6 {
    height: auto;
    width: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.pulsingEllipsisItem-3pNmEc {
    -webkit-animation: spinner-pulsing-ellipsis-Zju_Ib 1.4s ease-in-out infinite;
    animation: spinner-pulsing-ellipsis-Zju_Ib 1.4s ease-in-out infinite;
    width: 6px;
    height: 6px;
    margin-right: 2px;
    background-color: hsl(0, 0%, 97.6%);
    background-color: hsl(0, calc(var(--saturation-factor, 1)*0%), 97.6%);
    border-radius: 3px;
    display: inline-block;
    opacity: .3
}

.pulsingEllipsisItem-3pNmEc:nth-of-type(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.pulsingEllipsisItem-3pNmEc:nth-of-type(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.stop-animation .pulsingEllipsisItem-3pNmEc {
    -webkit-animation: none;
    animation: none
}

.spinningCircle-CmRLnP {
    width: 100%
}

.spinningCircleInner-C1kTEL {
    -webkit-transform: rotate(280deg);
    transform: rotate(280deg)
}

.circular-3Fmqjd {
    -webkit-animation: spinner-spinning-circle-rotate-377lhj 2s linear infinite;
    animation: spinner-spinning-circle-rotate-377lhj 2s linear infinite;
    height: 100%;
    width: 100%
}

.path-lhsLSV {
    -webkit-animation: spinner-spinning-circle-dash-YaFg25 2s ease-in-out infinite;
    animation: spinner-spinning-circle-dash-YaFg25 2s ease-in-out infinite;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    fill: none;
    stroke-width: 6;
    stroke-miterlimit: 10;
    stroke-linecap: round
}

.path2-F-M5gP {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.path3-3tVOpU {
    -webkit-animation-delay: .23s;
    animation-delay: .23s
}

.theme-light .path-lhsLSV {
    stroke: hsl(235, 85.6%, 64.7%);
    stroke: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.theme-light .path2-F-M5gP {
    stroke: hsl(235, 86.1%, 85.9%);
    stroke: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 85.9%);
    opacity: .6
}

.theme-light .path3-3tVOpU {
    stroke: hsl(240, 77.8%, 98.2%);
    stroke: hsl(240, calc(var(--saturation-factor, 1)*77.8%), 98.2%);
    opacity: .3
}

.theme-dark .path-lhsLSV,
.theme-dark .path2-F-M5gP {
    stroke: hsl(235, 85.6%, 64.7%);
    stroke: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.theme-dark .path2-F-M5gP {
    opacity: .6
}

.theme-dark .path3-3tVOpU {
    stroke: hsl(235, 47.5%, 19.4%);
    stroke: hsl(235, calc(var(--saturation-factor, 1)*47.5%), 19.4%)
}

.brandLight-1xXv7Y .checkbox-1FQ7Ny {
    background-color: #f6f6f6;
    background-color: var(--off-white)
}

.checkbox-1FQ7Ny {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    border-radius: 4px;
    padding: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.container-1slpdO {
    width: 20px;
    height: 20px;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.container-1slpdO .input-1IS47e {
    display: none
}

.keyboardMode .container-1slpdO:focus .checkbox-1FQ7Ny {
    -webkit-box-shadow: 0 0 0 3px #00b0f4;
    -webkit-box-shadow: 0 0 0 3px var(--focus-border);
    box-shadow: 0 0 0 3px #00b0f4;
    box-shadow: 0 0 0 3px var(--focus-border)
}

:root {
    --page-max-width: 1260px;
    --page-max-width-med: 1024px;
    --num-grid-columns: 4;
    --page-gutter: 24px;
    --section-spacing: 56px
}

@media screen and (min-width:768px) {
    :root {
        --num-grid-columns: 8;
        --page-gutter: 40px;
        --section-spacing: 80px
    }
}

@media screen and (min-width:1024px) {
    :root {
        --num-grid-columns: 12;
        --section-spacing: 120px
    }
}

.ctaContainer-5100Xg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.marginTop24-3ZXBpg {
    margin-top: 24px
}

.marginRight24-2hC304 {
    margin-right: 24px
}

.formContainer-1Mw7aR {
    margin-top: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.form-OFWhKl,
.formContainer-1Mw7aR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-OFWhKl {
    max-width: 380px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    border-radius: 28px;
    position: relative;
    -webkit-animation: form-open-28bcFM .35s cubic-bezier(.25, .25, .315, 1.35) forwards;
    animation: form-open-28bcFM .35s cubic-bezier(.25, .25, .315, 1.35) forwards
}

.form-OFWhKl,
.username-1XgXmI {
    width: 100%;
    background-color: #f6f6f6;
    background-color: var(--off-white)
}

.username-1XgXmI {
    margin-left: 32px;
    color: #23272a;
    color: var(--not-quite-black)
}

.tryButton-2kbe5T {
    margin: 9px;
    padding: 7px 18px
}

.arrow-1CLBFh,
.spinner-3YAmrq {
    width: 24px;
    height: 24px
}

.spinner-3YAmrq {
    -webkit-transform: scale(.5) translateX(-5px);
    transform: scale(.5) translateX(-5px)
}

.spinnerItem-29alcH {
    background: #fff;
    background: var(--white)
}

.termsContainer-2t9RCn {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.termsCheckbox-3JnkRH {
    margin-right: 8px
}

.termsText-3aQkj0,
.termsText-3aQkj0 a {
    color: #fff;
    color: var(--white)
}

.termsText-3aQkj0 a {
    text-decoration: underline
}

.errorTooltip-CP_k9z {
    position: absolute;
    bottom: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}

.error-1EUHlE {
    background-color: #fff;
    background-color: var(--white);
    border-radius: 4px;
    color: #c80000;
    padding: 12px 20px
}

@media screen and (min-width:768px) {
    .formContainer-1Mw7aR {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (min-width:1024px) {
    .formContainer-1Mw7aR {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .ctaContainer-5100Xg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@-webkit-keyframes form-open-28bcFM {
    0% {
        max-width: 100px
    }
    to {
        max-width: 380px
    }
}

@keyframes form-open-28bcFM {
    0% {
        max-width: 100px
    }
    to {
        max-width: 380px
    }
}

/*# sourceMappingURL=styles.css.map*/