How to
- you will need a extension called Stylus
- once you added Stylus. click on it's icon by the address bar
- when you see the "Want to continue using Stylus?" click Agree
- then go to the three dots on Stylus and click on Create New Style
- then copy the CSS code below
- after that go to the Specify button and click it
- go to URL and change it to URLs on the domain
- type discord.com in the text felid
- give the theme a name and thats it
/*Tap anywhere in black box to select all text
*/
/* This is the Home/DMs button */
.childWrapper__01b9c path {
fill: transparent;
}
.childWrapper__01b9c {
background: url("https://discord.com/assets/ad549185fbd3cdd29b447535d09c64ef.webp")
center/cover no-repeat;
min-width: 60px;
min-height: 60px;
}
/* This is the Home/DMs button END */
html {
-webkit-locale: "en-US";
--brand-experiment-100: var(--brand-100);
--brand-experiment-130: var(--brand-130);
--brand-experiment-160: var(--brand-160);
--brand-experiment-200: var(--brand-200);
--brand-experiment-230: var(--brand-230);
--brand-experiment-260: var(--brand-260);
--brand-experiment-300: var(--brand-300);
--brand-experiment-330: var(--brand-330);
--brand-experiment-360: var(--brand-360);
--brand-experiment-400: var(--brand-400);
--brand-experiment-430: var(--brand-430);
--brand-experiment-460: var(--brand-460);
--brand-experiment: var(--brand-500);
--brand-experiment-500: var(--brand-500);
--brand-experiment-530: var(--brand-530);
--brand-experiment-560: var(--brand-560);
--brand-experiment-600: var(--brand-600);
--brand-experiment-630: var(--brand-630);
--brand-experiment-660: var(--brand-660);
--brand-experiment-700: var(--brand-700);
--brand-experiment-730: var(--brand-730);
--brand-experiment-760: var(--brand-760);
--brand-experiment-800: var(--brand-800);
--brand-experiment-830: var(--brand-830);
--brand-experiment-860: var(--brand-860);
--brand-experiment-900: var(--brand-900);
--brand-experiment-05a: hsl(var(--brand-500-hsl)/0.05);
--brand-experiment-10a: hsl(var(--brand-500-hsl)/0.1);
--brand-experiment-15a: hsl(var(--brand-500-hsl)/0.15);
--brand-experiment-20a: hsl(var(--brand-500-hsl)/0.2);
--brand-experiment-25a: hsl(var(--brand-500-hsl)/0.25);
--brand-experiment-30a: hsl(var(--brand-500-hsl)/0.3);
--brand-experiment-35a: hsl(var(--brand-500-hsl)/0.35);
--brand-experiment-40a: hsl(var(--brand-500-hsl)/0.4);
--brand-experiment-45a: hsl(var(--brand-500-hsl)/0.45);
--brand-experiment-50a: hsl(var(--brand-500-hsl)/0.5);
--brand-experiment-55a: hsl(var(--brand-500-hsl)/0.55);
--brand-experiment-60a: hsl(var(--brand-500-hsl)/0.6);
--brand-experiment-65a: hsl(var(--brand-500-hsl)/0.65);
--brand-experiment-70a: hsl(var(--brand-500-hsl)/0.7);
--brand-experiment-75a: hsl(var(--brand-500-hsl)/0.75);
--brand-experiment-80a: hsl(var(--brand-500-hsl)/0.8);
--brand-experiment-85a: hsl(var(--brand-500-hsl)/0.85);
--brand-experiment-90a: hsl(var(--brand-500-hsl)/0.9);
--brand-experiment-95a: hsl(var(--brand-500-hsl)/0.95);
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
vertical-align: baseline;
height: 100%;
width: 100%;
--brightness: calc(1.5 - var(--saturation-factor, 1)*0.5);
--contrast: var(--saturation-factor,1);
--custom-paginator-round-button-size: 28px;
--application-subscription-end: hsl(var(--application-subscription-end-hsl)/1);
--application-subscription-end-hsl: 197 calc(var(--saturation-factor, 1)*98.8%) 32.4%;
--application-subscription-start: hsl(var(--application-subscription-start-hsl)/1);
--application-subscription-start-hsl: 235 calc(var(--saturation-factor, 1)*68.5%) 52.7%;
--battlenet: hsl(var(--battlenet-hsl)/1);
--battlenet-hsl: 200 calc(var(--saturation-factor, 1)*100%) 44.9%;
--bg-gradient-aurora-1: hsl(var(--bg-gradient-aurora-1-hsl)/1);
--bg-gradient-aurora-1-hsl: 220 calc(var(--saturation-factor, 1)*86.5%) 17.5%;
--bg-gradient-aurora-2: hsl(var(--bg-gradient-aurora-2-hsl)/1);
--bg-gradient-aurora-2-hsl: 238 calc(var(--saturation-factor, 1)*76.4%) 41.6%;
--bg-gradient-aurora-3: hsl(var(--bg-gradient-aurora-3-hsl)/1);
--bg-gradient-aurora-3-hsl: 184 calc(var(--saturation-factor, 1)*78%) 33.9%;
--bg-gradient-aurora-4: hsl(var(--bg-gradient-aurora-4-hsl)/1);
--bg-gradient-aurora-4-hsl: 169 calc(var(--saturation-factor, 1)*60.2%) 32.5%;
--bg-gradient-aurora-5: hsl(var(--bg-gradient-aurora-5-hsl)/1);
--bg-gradient-aurora-5-hsl: 230 calc(var(--saturation-factor, 1)*92.5%) 26.3%;
--bg-gradient-chroma-glow-1: hsl(var(--bg-gradient-chroma-glow-1-hsl)/1);
--bg-gradient-chroma-glow-1-hsl: 183 calc(var(--saturation-factor, 1)*86.3%) 40.2%;
--bg-gradient-chroma-glow-2: hsl(var(--bg-gradient-chroma-glow-2-hsl)/1);
--bg-gradient-chroma-glow-2-hsl: 258 calc(var(--saturation-factor, 1)*89.8%) 46.3%;
--bg-gradient-chroma-glow-3: hsl(var(--bg-gradient-chroma-glow-3-hsl)/1);
--bg-gradient-chroma-glow-3-hsl: 298 calc(var(--saturation-factor, 1)*90.9%) 34.3%;
--bg-gradient-chroma-glow-4: hsl(var(--bg-gradient-chroma-glow-4-hsl)/1);
--bg-gradient-chroma-glow-4-hsl: 265 calc(var(--saturation-factor, 1)*100%) 66.3%;
--bg-gradient-chroma-glow-5: hsl(var(--bg-gradient-chroma-glow-5-hsl)/1);
--bg-gradient-chroma-glow-5-hsl: 207 calc(var(--saturation-factor, 1)*75.5%) 50.4%;
--bg-gradient-citrus-sherbert-1: hsl(var(--bg-gradient-citrus-sherbert-1-hsl)/1);
--bg-gradient-citrus-sherbert-1-hsl: 40 calc(var(--saturation-factor, 1)*88.7%) 58.2%;
--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.5%) 63.9%;
--bg-gradient-cotton-candy-1: hsl(var(--bg-gradient-cotton-candy-1-hsl)/1);
--bg-gradient-cotton-candy-1-hsl: 349 calc(var(--saturation-factor, 1)*76.8%) 81.4%;
--bg-gradient-cotton-candy-2: hsl(var(--bg-gradient-cotton-candy-2-hsl)/1);
--bg-gradient-cotton-candy-2-hsl: 226 calc(var(--saturation-factor, 1)*92.6%) 84.1%;
--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.6%) 31%;
--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: 29 calc(var(--saturation-factor, 1)*32.4%) 86.1%;
--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.3%) 78.6%;
--bg-gradient-desert-khaki-3: hsl(var(--bg-gradient-desert-khaki-3-hsl)/1);
--bg-gradient-desert-khaki-3-hsl: 50 calc(var(--saturation-factor, 1)*49.6%) 75.9%;
--bg-gradient-dusk-1: hsl(var(--bg-gradient-dusk-1-hsl)/1);
--bg-gradient-dusk-1-hsl: 293 calc(var(--saturation-factor, 1)*13.5%) 36.3%;
--bg-gradient-dusk-2: hsl(var(--bg-gradient-dusk-2-hsl)/1);
--bg-gradient-dusk-2-hsl: 223 calc(var(--saturation-factor, 1)*41%) 69.4%;
--bg-gradient-easter-egg-1: hsl(var(--bg-gradient-easter-egg-1-hsl)/1);
--bg-gradient-easter-egg-1-hsl: 227 calc(var(--saturation-factor, 1)*58.4%) 65.1%;
--bg-gradient-easter-egg-2: hsl(var(--bg-gradient-easter-egg-2-hsl)/1);
--bg-gradient-easter-egg-2-hsl: 227 calc(var(--saturation-factor, 1)*31%) 44.3%;
--bg-gradient-forest-1: hsl(var(--bg-gradient-forest-1-hsl)/1);
--bg-gradient-forest-1-hsl: 124 calc(var(--saturation-factor, 1)*25.9%) 10.6%;
--bg-gradient-forest-2: hsl(var(--bg-gradient-forest-2-hsl)/1);
--bg-gradient-forest-2-hsl: 143 calc(var(--saturation-factor, 1)*26.2%) 23.9%;
--bg-gradient-forest-3: hsl(var(--bg-gradient-forest-3-hsl)/1);
--bg-gradient-forest-3-hsl: 76 calc(var(--saturation-factor, 1)*20.6%) 24.7%;
--bg-gradient-forest-4: hsl(var(--bg-gradient-forest-4-hsl)/1);
--bg-gradient-forest-4-hsl: 117 calc(var(--saturation-factor, 1)*17%) 41.6%;
--bg-gradient-forest-5: hsl(var(--bg-gradient-forest-5-hsl)/1);
--bg-gradient-forest-5-hsl: 43 calc(var(--saturation-factor, 1)*38.5%) 47.8%;
--bg-gradient-hanami-1: hsl(var(--bg-gradient-hanami-1-hsl)/1);
--bg-gradient-hanami-1-hsl: 352 calc(var(--saturation-factor, 1)*68.3%) 80.2%;
--bg-gradient-hanami-2: hsl(var(--bg-gradient-hanami-2-hsl)/1);
--bg-gradient-hanami-2-hsl: 43 calc(var(--saturation-factor, 1)*73.6%) 76.3%;
--bg-gradient-hanami-3: hsl(var(--bg-gradient-hanami-3-hsl)/1);
--bg-gradient-hanami-3-hsl: 116 calc(var(--saturation-factor, 1)*43.1%) 74.5%;
--bg-gradient-lofi-vibes-1: hsl(var(--bg-gradient-lofi-vibes-1-hsl)/1);
--bg-gradient-lofi-vibes-1-hsl: 220 calc(var(--saturation-factor, 1)*83.8%) 80.6%;
--bg-gradient-lofi-vibes-2: hsl(var(--bg-gradient-lofi-vibes-2-hsl)/1);
--bg-gradient-lofi-vibes-2-hsl: 184 calc(var(--saturation-factor, 1)*57.8%) 78.6%;
--bg-gradient-lofi-vibes-3: hsl(var(--bg-gradient-lofi-vibes-3-hsl)/1);
--bg-gradient-lofi-vibes-3-hsl: 130 calc(var(--saturation-factor, 1)*46.3%) 78.8%;
--bg-gradient-lofi-vibes-4: hsl(var(--bg-gradient-lofi-vibes-4-hsl)/1);
--bg-gradient-lofi-vibes-4-hsl: 76 calc(var(--saturation-factor, 1)*48.8%) 75.5%;
--bg-gradient-mars-1: hsl(var(--bg-gradient-mars-1-hsl)/1);
--bg-gradient-mars-1-hsl: 15 calc(var(--saturation-factor, 1)*36.3%) 39.4%;
--bg-gradient-mars-2: hsl(var(--bg-gradient-mars-2-hsl)/1);
--bg-gradient-mars-2-hsl: 0 calc(var(--saturation-factor, 1)*36.2%) 41.2%;
--bg-gradient-midnight-blurple-1: hsl(var(--bg-gradient-midnight-blurple-1-hsl)/1);
--bg-gradient-midnight-blurple-1-hsl: 245 calc(var(--saturation-factor, 1)*55.1%) 53.7%;
--bg-gradient-midnight-blurple-2: hsl(var(--bg-gradient-midnight-blurple-2-hsl)/1);
--bg-gradient-midnight-blurple-2-hsl: 259 calc(var(--saturation-factor, 1)*74.5%) 10.8%;
--bg-gradient-mint-apple-1: hsl(var(--bg-gradient-mint-apple-1-hsl)/1);
--bg-gradient-mint-apple-1-hsl: 166 calc(var(--saturation-factor, 1)*39.7%) 52.5%;
--bg-gradient-mint-apple-2: hsl(var(--bg-gradient-mint-apple-2-hsl)/1);
--bg-gradient-mint-apple-2-hsl: 119 calc(var(--saturation-factor, 1)*40.4%) 55.9%;
--bg-gradient-mint-apple-3: hsl(var(--bg-gradient-mint-apple-3-hsl)/1);
--bg-gradient-mint-apple-3-hsl: 87 calc(var(--saturation-factor, 1)*48.3%) 59.8%;
--bg-gradient-neon-nights-1: hsl(var(--bg-gradient-neon-nights-1-hsl)/1);
--bg-gradient-neon-nights-1-hsl: 176 calc(var(--saturation-factor, 1)*98.8%) 33.1%;
--bg-gradient-neon-nights-2: hsl(var(--bg-gradient-neon-nights-2-hsl)/1);
--bg-gradient-neon-nights-2-hsl: 259 calc(var(--saturation-factor, 1)*39.5%) 55.3%;
--bg-gradient-neon-nights-3: hsl(var(--bg-gradient-neon-nights-3-hsl)/1);
--bg-gradient-neon-nights-3-hsl: 314 calc(var(--saturation-factor, 1)*52.5%) 46.3%;
--bg-gradient-retro-raincloud-1: hsl(var(--bg-gradient-retro-raincloud-1-hsl)/1);
--bg-gradient-retro-raincloud-1-hsl: 202 calc(var(--saturation-factor, 1)*47%) 42.9%;
--bg-gradient-retro-raincloud-2: hsl(var(--bg-gradient-retro-raincloud-2-hsl)/1);
--bg-gradient-retro-raincloud-2-hsl: 241 calc(var(--saturation-factor, 1)*29.6%) 61%;
--bg-gradient-retro-storm-1: hsl(var(--bg-gradient-retro-storm-1-hsl)/1);
--bg-gradient-retro-storm-1-hsl: 202 calc(var(--saturation-factor, 1)*47%) 42.9%;
--bg-gradient-retro-storm-2: hsl(var(--bg-gradient-retro-storm-2-hsl)/1);
--bg-gradient-retro-storm-2-hsl: 241 calc(var(--saturation-factor, 1)*27.8%) 47.3%;
--bg-gradient-sepia-1: hsl(var(--bg-gradient-sepia-1-hsl)/1);
--bg-gradient-sepia-1-hsl: 33 calc(var(--saturation-factor, 1)*14.2%) 45.7%;
--bg-gradient-sepia-2: hsl(var(--bg-gradient-sepia-2-hsl)/1);
--bg-gradient-sepia-2-hsl: 36 calc(var(--saturation-factor, 1)*46.8%) 24.3%;
--bg-gradient-strawberry-lemonade-1: hsl(var(--bg-gradient-strawberry-lemonade-1-hsl)/1);
--bg-gradient-strawberry-lemonade-1-hsl: 327 calc(var(--saturation-factor, 1)*74.1%) 39.4%;
--bg-gradient-strawberry-lemonade-2: hsl(var(--bg-gradient-strawberry-lemonade-2-hsl)/1);
--bg-gradient-strawberry-lemonade-2-hsl: 28 calc(var(--saturation-factor, 1)*71.7%) 44.3%;
--bg-gradient-strawberry-lemonade-3: hsl(var(--bg-gradient-strawberry-lemonade-3-hsl)/1);
--bg-gradient-strawberry-lemonade-3-hsl: 40 calc(var(--saturation-factor, 1)*80.2%) 52.5%;
--bg-gradient-sunrise-1: hsl(var(--bg-gradient-sunrise-1-hsl)/1);
--bg-gradient-sunrise-1-hsl: 327 calc(var(--saturation-factor, 1)*42%) 43.9%;
--bg-gradient-sunrise-2: hsl(var(--bg-gradient-sunrise-2-hsl)/1);
--bg-gradient-sunrise-2-hsl: 27 calc(var(--saturation-factor, 1)*44.9%) 58%;
--bg-gradient-sunrise-3: hsl(var(--bg-gradient-sunrise-3-hsl)/1);
--bg-gradient-sunrise-3-hsl: 50 calc(var(--saturation-factor, 1)*46.3%) 44.5%;
--bg-gradient-sunset-1: hsl(var(--bg-gradient-sunset-1-hsl)/1);
--bg-gradient-sunset-1-hsl: 259 calc(var(--saturation-factor, 1)*55.6%) 35.3%;
--bg-gradient-sunset-2: hsl(var(--bg-gradient-sunset-2-hsl)/1);
--bg-gradient-sunset-2-hsl: 22 calc(var(--saturation-factor, 1)*66.7%) 57.6%;
--bg-gradient-under-the-sea-1: hsl(var(--bg-gradient-under-the-sea-1-hsl)/1);
--bg-gradient-under-the-sea-1-hsl: 115 calc(var(--saturation-factor, 1)*10.5%) 42.9%;
--bg-gradient-under-the-sea-2: hsl(var(--bg-gradient-under-the-sea-2-hsl)/1);
--bg-gradient-under-the-sea-2-hsl: 159 calc(var(--saturation-factor, 1)*20.4%) 43.3%;
--bg-gradient-under-the-sea-3: hsl(var(--bg-gradient-under-the-sea-3-hsl)/1);
--bg-gradient-under-the-sea-3-hsl: 175 calc(var(--saturation-factor, 1)*10.9%) 46.7%;
--black-100: hsl(var(--black-100-hsl)/1);
--black-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 94.9%;
--black-130: hsl(var(--black-130-hsl)/1);
--black-130-hsl: 0 calc(var(--saturation-factor, 1)*0%) 91%;
--black-160: hsl(var(--black-160-hsl)/1);
--black-160-hsl: 0 calc(var(--saturation-factor, 1)*0%) 85.5%;
--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.1%;
--black-260: hsl(var(--black-260-hsl)/1);
--black-260-hsl: 0 calc(var(--saturation-factor, 1)*0%) 67.5%;
--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.8%;
--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.1%;
--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.5%;
--black-460: hsl(var(--black-460-hsl)/1);
--black-460-hsl: 0 calc(var(--saturation-factor, 1)*0%) 7.8%;
--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%;
--blue-100: hsl(var(--blue-100-hsl)/1);
--blue-100-hsl: 210 calc(var(--saturation-factor, 1)*80%) 98%;
--blue-130: hsl(var(--blue-130-hsl)/1);
--blue-130-hsl: 210 calc(var(--saturation-factor, 1)*87.5%) 96.9%;
--blue-160: hsl(var(--blue-160-hsl)/1);
--blue-160-hsl: 209 calc(var(--saturation-factor, 1)*87.1%) 93.9%;
--blue-200: hsl(var(--blue-200-hsl)/1);
--blue-200-hsl: 206 calc(var(--saturation-factor, 1)*92.3%) 89.8%;
--blue-230: hsl(var(--blue-230-hsl)/1);
--blue-230-hsl: 205 calc(var(--saturation-factor, 1)*92.5%) 84.3%;
--blue-260: hsl(var(--blue-260-hsl)/1);
--blue-260-hsl: 204 calc(var(--saturation-factor, 1)*94.5%) 78.4%;
--blue-300: hsl(var(--blue-300-hsl)/1);
--blue-300-hsl: 203 calc(var(--saturation-factor, 1)*97.4%) 69.6%;
--blue-330: hsl(var(--blue-330-hsl)/1);
--blue-330-hsl: 201 calc(var(--saturation-factor, 1)*100%) 59%;
--blue-345: hsl(var(--blue-345-hsl)/1);
--blue-345-hsl: 200 calc(var(--saturation-factor, 1)*100%) 49.4%;
--blue-360: hsl(var(--blue-360-hsl)/1);
--blue-360-hsl: 203 calc(var(--saturation-factor, 1)*100%) 47.5%;
--blue-400: hsl(var(--blue-400-hsl)/1);
--blue-400-hsl: 207 calc(var(--saturation-factor, 1)*100%) 46.1%;
--blue-430: hsl(var(--blue-430-hsl)/1);
--blue-430-hsl: 212 calc(var(--saturation-factor, 1)*100%) 45.3%;
--blue-460: hsl(var(--blue-460-hsl)/1);
--blue-460-hsl: 214 calc(var(--saturation-factor, 1)*100%) 41%;
--blue-500: hsl(var(--blue-500-hsl)/1);
--blue-500-hsl: 213 calc(var(--saturation-factor, 1)*100%) 35.7%;
--blue-530: hsl(var(--blue-530-hsl)/1);
--blue-530-hsl: 212 calc(var(--saturation-factor, 1)*100%) 30.4%;
--blue-560: hsl(var(--blue-560-hsl)/1);
--blue-560-hsl: 212 calc(var(--saturation-factor, 1)*100%) 26.7%;
--blue-600: hsl(var(--blue-600-hsl)/1);
--blue-600-hsl: 211 calc(var(--saturation-factor, 1)*100%) 23.1%;
--blue-630: hsl(var(--blue-630-hsl)/1);
--blue-630-hsl: 211 calc(var(--saturation-factor, 1)*100%) 20.8%;
--blue-660: hsl(var(--blue-660-hsl)/1);
--blue-660-hsl: 212 calc(var(--saturation-factor, 1)*100%) 18.6%;
--blue-700: hsl(var(--blue-700-hsl)/1);
--blue-700-hsl: 212 calc(var(--saturation-factor, 1)*100%) 16.7%;
--blue-730: hsl(var(--blue-730-hsl)/1);
--blue-730-hsl: 211 calc(var(--saturation-factor, 1)*100%) 14.1%;
--blue-760: hsl(var(--blue-760-hsl)/1);
--blue-760-hsl: 211 calc(var(--saturation-factor, 1)*100%) 12.4%;
--blue-800: hsl(var(--blue-800-hsl)/1);
--blue-800-hsl: 211 calc(var(--saturation-factor, 1)*100%) 10.6%;
--blue-830: hsl(var(--blue-830-hsl)/1);
--blue-830-hsl: 213 calc(var(--saturation-factor, 1)*100%) 9.4%;
--blue-860: hsl(var(--blue-860-hsl)/1);
--blue-860-hsl: 213 calc(var(--saturation-factor, 1)*100%) 8.4%;
--blue-900: hsl(var(--blue-900-hsl)/1);
--blue-900-hsl: 213 calc(var(--saturation-factor, 1)*100%) 7.1%;
--brand-100: hsl(var(--brand-100-hsl)/1);
--brand-100-hsl: 240 calc(var(--saturation-factor, 1)*77.8%) 98.2%;
--brand-130: hsl(var(--brand-130-hsl)/1);
--brand-130-hsl: 236 calc(var(--saturation-factor, 1)*87.5%) 96.9%;
--brand-160: hsl(var(--brand-160-hsl)/1);
--brand-160-hsl: 235 calc(var(--saturation-factor, 1)*84.6%) 94.9%;
--brand-200: hsl(var(--brand-200-hsl)/1);
--brand-200-hsl: 236 calc(var(--saturation-factor, 1)*83.3%) 92.9%;
--brand-230: hsl(var(--brand-230-hsl)/1);
--brand-230-hsl: 236 calc(var(--saturation-factor, 1)*87%) 91%;
--brand-260: hsl(var(--brand-260-hsl)/1);
--brand-260-hsl: 235 calc(var(--saturation-factor, 1)*86.2%) 88.6%;
--brand-300: hsl(var(--brand-300-hsl)/1);
--brand-300-hsl: 235 calc(var(--saturation-factor, 1)*86.1%) 85.9%;
--brand-330: hsl(var(--brand-330-hsl)/1);
--brand-330-hsl: 235 calc(var(--saturation-factor, 1)*85.1%) 81.6%;
--brand-345: hsl(var(--brand-345-hsl)/1);
--brand-345-hsl: 235 calc(var(--saturation-factor, 1)*85.2%) 78.8%;
--brand-360: hsl(var(--brand-360-hsl)/1);
--brand-360-hsl: 235 calc(var(--saturation-factor, 1)*86.1%) 77.5%;
--brand-400: hsl(var(--brand-400-hsl)/1);
--brand-400-hsl: 235 calc(var(--saturation-factor, 1)*86.1%) 71.8%;
--brand-430: hsl(var(--brand-430-hsl)/1);
--brand-430-hsl: 235 calc(var(--saturation-factor, 1)*85.7%) 69.8%;
--brand-460: hsl(var(--brand-460-hsl)/1);
--brand-460-hsl: 235 calc(var(--saturation-factor, 1)*85.5%) 67.5%;
--brand-500: hsl(var(--brand-500-hsl)/1);
--brand-500-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
--brand-530: hsl(var(--brand-530-hsl)/1);
--brand-530-hsl: 235 calc(var(--saturation-factor, 1)*66.7%) 58.8%;
--brand-560: hsl(var(--brand-560-hsl)/1);
--brand-560-hsl: 235 calc(var(--saturation-factor, 1)*51.4%) 52.4%;
--brand-600: hsl(var(--brand-600-hsl)/1);
--brand-600-hsl: 235 calc(var(--saturation-factor, 1)*46.7%) 44.1%;
--brand-630: hsl(var(--brand-630-hsl)/1);
--brand-630-hsl: 235 calc(var(--saturation-factor, 1)*46.7%) 38.2%;
--brand-660: hsl(var(--brand-660-hsl)/1);
--brand-660-hsl: 235 calc(var(--saturation-factor, 1)*47.1%) 33.3%;
--brand-700: hsl(var(--brand-700-hsl)/1);
--brand-700-hsl: 235 calc(var(--saturation-factor, 1)*47%) 25.9%;
--brand-730: hsl(var(--brand-730-hsl)/1);
--brand-730-hsl: 235 calc(var(--saturation-factor, 1)*46.8%) 24.3%;
--brand-760: hsl(var(--brand-760-hsl)/1);
--brand-760-hsl: 234 calc(var(--saturation-factor, 1)*46.9%) 22.2%;
--brand-800: hsl(var(--brand-800-hsl)/1);
--brand-800-hsl: 235 calc(var(--saturation-factor, 1)*47.5%) 19.4%;
--brand-830: hsl(var(--brand-830-hsl)/1);
--brand-830-hsl: 235 calc(var(--saturation-factor, 1)*47.4%) 14.9%;
--brand-860: hsl(var(--brand-860-hsl)/1);
--brand-860-hsl: 235 calc(var(--saturation-factor, 1)*46.9%) 9.6%;
--brand-900: hsl(var(--brand-900-hsl)/1);
--brand-900-hsl: 233 calc(var(--saturation-factor, 1)*50%) 3.1%;
--crunchyroll: hsl(var(--crunchyroll-hsl)/1);
--crunchyroll-hsl: 29 calc(var(--saturation-factor, 1)*93%) 55.5%;
--discord-8th-bday-blue: hsl(var(--discord-8th-bday-blue-hsl)/1);
--discord-8th-bday-blue-hsl: 234 calc(var(--saturation-factor, 1)*93.1%) 65.7%;
--discord-8th-bday-dark-blue: hsl(var(--discord-8th-bday-dark-blue-hsl)/1);
--discord-8th-bday-dark-blue-hsl: 235 calc(var(--saturation-factor, 1)*73.7%) 53.7%;
--discord-8th-bday-green: hsl(var(--discord-8th-bday-green-hsl)/1);
--discord-8th-bday-green-hsl: 79 calc(var(--saturation-factor, 1)*100%) 46.9%;
--discord-8th-bday-light-blue: hsl(var(--discord-8th-bday-light-blue-hsl)/1);
--discord-8th-bday-light-blue-hsl: 222 calc(var(--saturation-factor, 1)*100%) 68.4%;
--discord-8th-bday-pink: hsl(var(--discord-8th-bday-pink-hsl)/1);
--discord-8th-bday-pink-hsl: 316 calc(var(--saturation-factor, 1)*100%) 66.1%;
--discord-8th-bday-purple: hsl(var(--discord-8th-bday-purple-hsl)/1);
--discord-8th-bday-purple-hsl: 234 calc(var(--saturation-factor, 1)*93.1%) 65.7%;
--discord-8th-bday-yellow: hsl(var(--discord-8th-bday-yellow-hsl)/1);
--discord-8th-bday-yellow-hsl: 60 calc(var(--saturation-factor, 1)*100%) 50%;
--ebay: hsl(var(--ebay-hsl)/1);
--ebay-hsl: 211 calc(var(--saturation-factor, 1)*100%) 41.2%;
--epic-games: hsl(var(--epic-games-hsl)/1);
--epic-games-hsl: 34 calc(var(--saturation-factor, 1)*6.2%) 22.2%;
--facebook: hsl(var(--facebook-hsl)/1);
--facebook-hsl: 221 calc(var(--saturation-factor, 1)*44.2%) 37.3%;
--github: hsl(var(--github-hsl)/1);
--github-hsl: 0 calc(var(--saturation-factor, 1)*4.2%) 9.4%;
--gold: hsl(var(--gold-hsl)/1);
--gold-hsl: 46 calc(var(--saturation-factor, 1)*100%) 54.9%;
--green-100: hsl(var(--green-100-hsl)/1);
--green-100-hsl: 137 calc(var(--saturation-factor, 1)*90%) 96.1%;
--green-130: hsl(var(--green-130-hsl)/1);
--green-130-hsl: 137 calc(var(--saturation-factor, 1)*94.1%) 93.3%;
--green-160: hsl(var(--green-160-hsl)/1);
--green-160-hsl: 141 calc(var(--saturation-factor, 1)*91.3%) 86.5%;
--green-200: hsl(var(--green-200-hsl)/1);
--green-200-hsl: 143 calc(var(--saturation-factor, 1)*93.5%) 75.9%;
--green-230: hsl(var(--green-230-hsl)/1);
--green-230-hsl: 146 calc(var(--saturation-factor, 1)*86.6%) 64.9%;
--green-260: hsl(var(--green-260-hsl)/1);
--green-260-hsl: 146 calc(var(--saturation-factor, 1)*75.1%) 59%;
--green-300: hsl(var(--green-300-hsl)/1);
--green-300-hsl: 146 calc(var(--saturation-factor, 1)*65.4%) 53.5%;
--green-330: hsl(var(--green-330-hsl)/1);
--green-330-hsl: 146 calc(var(--saturation-factor, 1)*63.1%) 47.8%;
--green-345: hsl(var(--green-345-hsl)/1);
--green-345-hsl: 147 calc(var(--saturation-factor, 1)*65.9%) 43.7%;
--green-360: hsl(var(--green-360-hsl)/1);
--green-360-hsl: 145 calc(var(--saturation-factor, 1)*65%) 39.2%;
--green-400: hsl(var(--green-400-hsl)/1);
--green-400-hsl: 143 calc(var(--saturation-factor, 1)*60.7%) 35.9%;
--green-430: hsl(var(--green-430-hsl)/1);
--green-430-hsl: 142 calc(var(--saturation-factor, 1)*56.1%) 32.2%;
--green-460: hsl(var(--green-460-hsl)/1);
--green-460-hsl: 141 calc(var(--saturation-factor, 1)*56.6%) 28%;
--green-500: hsl(var(--green-500-hsl)/1);
--green-500-hsl: 141 calc(var(--saturation-factor, 1)*58.4%) 24.5%;
--green-530: hsl(var(--green-530-hsl)/1);
--green-530-hsl: 140 calc(var(--saturation-factor, 1)*60.7%) 21%;
--green-560: hsl(var(--green-560-hsl)/1);
--green-560-hsl: 139 calc(var(--saturation-factor, 1)*61.7%) 18.4%;
--green-600: hsl(var(--green-600-hsl)/1);
--green-600-hsl: 139 calc(var(--saturation-factor, 1)*65.4%) 15.9%;
--green-630: hsl(var(--green-630-hsl)/1);
--green-630-hsl: 140 calc(var(--saturation-factor, 1)*66.7%) 14.1%;
--green-660: hsl(var(--green-660-hsl)/1);
--green-660-hsl: 139 calc(var(--saturation-factor, 1)*68.8%) 12.5%;
--green-700: hsl(var(--green-700-hsl)/1);
--green-700-hsl: 141 calc(var(--saturation-factor, 1)*74.1%) 10.6%;
--green-730: hsl(var(--green-730-hsl)/1);
--green-730-hsl: 138 calc(var(--saturation-factor, 1)*78.3%) 9%;
--green-760: hsl(var(--green-760-hsl)/1);
--green-760-hsl: 140 calc(var(--saturation-factor, 1)*84.6%) 7.6%;
--green-800: hsl(var(--green-800-hsl)/1);
--green-800-hsl: 139 calc(var(--saturation-factor, 1)*82.4%) 6.7%;
--green-830: hsl(var(--green-830-hsl)/1);
--green-830-hsl: 138 calc(var(--saturation-factor, 1)*80%) 5.9%;
--green-860: hsl(var(--green-860-hsl)/1);
--green-860-hsl: 133 calc(var(--saturation-factor, 1)*70.4%) 5.3%;
--green-900: hsl(var(--green-900-hsl)/1);
--green-900-hsl: 129 calc(var(--saturation-factor, 1)*58.3%) 4.7%;
--guild-boosting-blue: hsl(var(--guild-boosting-blue-hsl)/1);
--guild-boosting-blue-hsl: 221 calc(var(--saturation-factor, 1)*70%) 55.5%;
--guild-boosting-blue-for-gradients: hsl(var(--guild-boosting-blue-for-gradients-hsl)/1);
--guild-boosting-blue-for-gradients-hsl: 235 calc(var(--saturation-factor, 1)*68.5%) 52.7%;
--guild-boosting-pink: hsl(var(--guild-boosting-pink-hsl)/1);
--guild-boosting-pink-hsl: 302 calc(var(--saturation-factor, 1)*100%) 72.5%;
--guild-boosting-purple: hsl(var(--guild-boosting-purple-hsl)/1);
--guild-boosting-purple-hsl: 269 calc(var(--saturation-factor, 1)*83.8%) 71%;
--guild-boosting-purple-for-gradients: hsl(var(--guild-boosting-purple-for-gradients-hsl)/1);
--guild-boosting-purple-for-gradients-hsl: 269 calc(var(--saturation-factor, 1)*91.8%) 61.8%;
--hypesquad-house-1: hsl(var(--hypesquad-house-1-hsl)/1);
--hypesquad-house-1-hsl: 253 calc(var(--saturation-factor, 1)*77%) 72.7%;
--hypesquad-house-2: hsl(var(--hypesquad-house-2-hsl)/1);
--hypesquad-house-2-hsl: 9 calc(var(--saturation-factor, 1)*86.5%) 68%;
--hypesquad-house-3: hsl(var(--hypesquad-house-3-hsl)/1);
--hypesquad-house-3-hsl: 169 calc(var(--saturation-factor, 1)*69.1%) 56.9%;
--input-placeholder-text-dark: hsl(var(--input-placeholder-text-dark-hsl)/1);
--input-placeholder-text-dark-hsl: 216 calc(var(--saturation-factor, 1)*2.1%) 53.9%;
--lol: hsl(var(--lol-hsl)/1);
--lol-hsl: 190 calc(var(--saturation-factor, 1)*89.7%) 7.6%;
--orange-100: hsl(var(--orange-100-hsl)/1);
--orange-100-hsl: 18 calc(var(--saturation-factor, 1)*100%) 98%;
--orange-130: hsl(var(--orange-130-hsl)/1);
--orange-130-hsl: 23 calc(var(--saturation-factor, 1)*100%) 96.5%;
--orange-160: hsl(var(--orange-160-hsl)/1);
--orange-160-hsl: 21 calc(var(--saturation-factor, 1)*93.9%) 93.5%;
--orange-200: hsl(var(--orange-200-hsl)/1);
--orange-200-hsl: 21 calc(var(--saturation-factor, 1)*92.3%) 89.8%;
--orange-230: hsl(var(--orange-230-hsl)/1);
--orange-230-hsl: 24 calc(var(--saturation-factor, 1)*92.5%) 84.3%;
--orange-260: hsl(var(--orange-260-hsl)/1);
--orange-260-hsl: 23 calc(var(--saturation-factor, 1)*94.5%) 78.6%;
--orange-300: hsl(var(--orange-300-hsl)/1);
--orange-300-hsl: 25 calc(var(--saturation-factor, 1)*94.6%) 71.2%;
--orange-330: hsl(var(--orange-330-hsl)/1);
--orange-330-hsl: 27 calc(var(--saturation-factor, 1)*94.7%) 62.7%;
--orange-345: hsl(var(--orange-345-hsl)/1);
--orange-345-hsl: 28 calc(var(--saturation-factor, 1)*87.7%) 55.5%;
--orange-360: hsl(var(--orange-360-hsl)/1);
--orange-360-hsl: 26 calc(var(--saturation-factor, 1)*71.3%) 50.8%;
--orange-400: hsl(var(--orange-400-hsl)/1);
--orange-400-hsl: 25 calc(var(--saturation-factor, 1)*67.5%) 45.9%;
--orange-430: hsl(var(--orange-430-hsl)/1);
--orange-430-hsl: 25 calc(var(--saturation-factor, 1)*69.5%) 39.8%;
--orange-460: hsl(var(--orange-460-hsl)/1);
--orange-460-hsl: 24 calc(var(--saturation-factor, 1)*72.2%) 35.3%;
--orange-500: hsl(var(--orange-500-hsl)/1);
--orange-500-hsl: 22 calc(var(--saturation-factor, 1)*76.1%) 31.2%;
--orange-530: hsl(var(--orange-530-hsl)/1);
--orange-530-hsl: 22 calc(var(--saturation-factor, 1)*77%) 27.3%;
--orange-560: hsl(var(--orange-560-hsl)/1);
--orange-560-hsl: 21 calc(var(--saturation-factor, 1)*77.2%) 24.1%;
--orange-600: hsl(var(--orange-600-hsl)/1);
--orange-600-hsl: 23 calc(var(--saturation-factor, 1)*79.2%) 20.8%;
--orange-630: hsl(var(--orange-630-hsl)/1);
--orange-630-hsl: 22 calc(var(--saturation-factor, 1)*79.2%) 18.8%;
--orange-660: hsl(var(--orange-660-hsl)/1);
--orange-660-hsl: 22 calc(var(--saturation-factor, 1)*78.8%) 16.7%;
--orange-700: hsl(var(--orange-700-hsl)/1);
--orange-700-hsl: 22 calc(var(--saturation-factor, 1)*76.3%) 14.9%;
--orange-730: hsl(var(--orange-730-hsl)/1);
--orange-730-hsl: 22 calc(var(--saturation-factor, 1)*78.8%) 12.9%;
--orange-760: hsl(var(--orange-760-hsl)/1);
--orange-760-hsl: 21 calc(var(--saturation-factor, 1)*78.9%) 11.2%;
--orange-800: hsl(var(--orange-800-hsl)/1);
--orange-800-hsl: 21 calc(var(--saturation-factor, 1)*80%) 9.8%;
--orange-830: hsl(var(--orange-830-hsl)/1);
--orange-830-hsl: 20 calc(var(--saturation-factor, 1)*76.7%) 8.4%;
--orange-860: hsl(var(--orange-860-hsl)/1);
--orange-860-hsl: 20 calc(var(--saturation-factor, 1)*73%) 7.3%;
--orange-900: hsl(var(--orange-900-hsl)/1);
--orange-900-hsl: 26 calc(var(--saturation-factor, 1)*72.4%) 5.7%;
--partner: hsl(var(--partner-hsl)/1);
--partner-hsl: 215 calc(var(--saturation-factor, 1)*82.8%) 59%;
--paypal: hsl(var(--paypal-hsl)/1);
--paypal-hsl: 230 calc(var(--saturation-factor, 1)*69.8%) 24.7%;
--playstation: hsl(var(--playstation-hsl)/1);
--playstation-hsl: 220 calc(var(--saturation-factor, 1)*95.7%) 27.1%;
--plum-0: hsl(var(--plum-0-hsl)/1);
--plum-0-hsl: 240 calc(var(--saturation-factor, 1)*9.1%) 97.8%;
--plum-1: hsl(var(--plum-1-hsl)/1);
--plum-1-hsl: 240 calc(var(--saturation-factor, 1)*4.3%) 95.5%;
--plum-10: hsl(var(--plum-10-hsl)/1);
--plum-10-hsl: 236 calc(var(--saturation-factor, 1)*6.4%) 53.9%;
--plum-11: hsl(var(--plum-11-hsl)/1);
--plum-11-hsl: 233 calc(var(--saturation-factor, 1)*7.2%) 46.1%;
--plum-12: hsl(var(--plum-12-hsl)/1);
--plum-12-hsl: 237 calc(var(--saturation-factor, 1)*8.9%) 39.6%;
--plum-13: hsl(var(--plum-13-hsl)/1);
--plum-13-hsl: 236 calc(var(--saturation-factor, 1)*9.8%) 33.9%;
--plum-14: hsl(var(--plum-14-hsl)/1);
--plum-14-hsl: 236 calc(var(--saturation-factor, 1)*11.6%) 28.8%;
--plum-15: hsl(var(--plum-15-hsl)/1);
--plum-15-hsl: 236 calc(var(--saturation-factor, 1)*12.5%) 25.1%;
--plum-16: hsl(var(--plum-16-hsl)/1);
--plum-16-hsl: 236 calc(var(--saturation-factor, 1)*12.5%) 22%;
--plum-17: hsl(var(--plum-17-hsl)/1);
--plum-17-hsl: 235 calc(var(--saturation-factor, 1)*13.1%) 19.4%;
--plum-18: hsl(var(--plum-18-hsl)/1);
--plum-18-hsl: 235 calc(var(--saturation-factor, 1)*13.6%) 17.3%;
--plum-19: hsl(var(--plum-19-hsl)/1);
--plum-19-hsl: 234 calc(var(--saturation-factor, 1)*13.2%) 14.9%;
--plum-2: hsl(var(--plum-2-hsl)/1);
--plum-2-hsl: 220 calc(var(--saturation-factor, 1)*8.6%) 93.1%;
--plum-20: hsl(var(--plum-20-hsl)/1);
--plum-20-hsl: 234 calc(var(--saturation-factor, 1)*15.2%) 12.9%;
--plum-21: hsl(var(--plum-21-hsl)/1);
--plum-21-hsl: 233 calc(var(--saturation-factor, 1)*15.8%) 11.2%;
--plum-22: hsl(var(--plum-22-hsl)/1);
--plum-22-hsl: 233 calc(var(--saturation-factor, 1)*16%) 9.8%;
--plum-23: hsl(var(--plum-23-hsl)/1);
--plum-23-hsl: 231 calc(var(--saturation-factor, 1)*16.3%) 8.4%;
--plum-24: hsl(var(--plum-24-hsl)/1);
--plum-24-hsl: 230 calc(var(--saturation-factor, 1)*16.7%) 7.1%;
--plum-25: hsl(var(--plum-25-hsl)/1);
--plum-25-hsl: 240 calc(var(--saturation-factor, 1)*14.3%) 5.5%;
--plum-26: hsl(var(--plum-26-hsl)/1);
--plum-26-hsl: 240 calc(var(--saturation-factor, 1)*15.8%) 3.7%;
--plum-3: hsl(var(--plum-3-hsl)/1);
--plum-3-hsl: 225 calc(var(--saturation-factor, 1)*8%) 90.2%;
--plum-4: hsl(var(--plum-4-hsl)/1);
--plum-4-hsl: 225 calc(var(--saturation-factor, 1)*6.2%) 87.5%;
--plum-5: hsl(var(--plum-5-hsl)/1);
--plum-5-hsl: 220 calc(var(--saturation-factor, 1)*7.3%) 83.9%;
--plum-6: hsl(var(--plum-6-hsl)/1);
--plum-6-hsl: 231 calc(var(--saturation-factor, 1)*6.7%) 79.4%;
--plum-7: hsl(var(--plum-7-hsl)/1);
--plum-7-hsl: 227 calc(var(--saturation-factor, 1)*6.8%) 73.9%;
--plum-8: hsl(var(--plum-8-hsl)/1);
--plum-8-hsl: 230 calc(var(--saturation-factor, 1)*7.4%) 68.2%;
--plum-9: hsl(var(--plum-9-hsl)/1);
--plum-9-hsl: 231 calc(var(--saturation-factor, 1)*7.1%) 61.2%;
--premium-perk-blue: hsl(var(--premium-perk-blue-hsl)/1);
--premium-perk-blue-hsl: 222 calc(var(--saturation-factor, 1)*100%) 75.1%;
--premium-perk-blue-alt: hsl(var(--premium-perk-blue-alt-hsl)/1);
--premium-perk-blue-alt-hsl: 223 calc(var(--saturation-factor, 1)*100%) 80.6%;
--premium-perk-dark-blue: hsl(var(--premium-perk-dark-blue-hsl)/1);
--premium-perk-dark-blue-hsl: 220 calc(var(--saturation-factor, 1)*67.4%) 55.5%;
--premium-perk-gold: hsl(var(--premium-perk-gold-hsl)/1);
--premium-perk-gold-hsl: 38 calc(var(--saturation-factor, 1)*95.7%) 54.1%;
--premium-perk-green: hsl(var(--premium-perk-green-hsl)/1);
--premium-perk-green-hsl: 164 calc(var(--saturation-factor, 1)*55.1%) 69.4%;
--premium-perk-light-blue: hsl(var(--premium-perk-light-blue-hsl)/1);
--premium-perk-light-blue-hsl: 221 calc(var(--saturation-factor, 1)*100%) 84.1%;
--premium-perk-orange: hsl(var(--premium-perk-orange-hsl)/1);
--premium-perk-orange-hsl: 25 calc(var(--saturation-factor, 1)*96.7%) 64.1%;
--premium-perk-pink: hsl(var(--premium-perk-pink-hsl)/1);
--premium-perk-pink-hsl: 305 calc(var(--saturation-factor, 1)*100%) 75.1%;
--premium-perk-purple: hsl(var(--premium-perk-purple-hsl)/1);
--premium-perk-purple-hsl: 272 calc(var(--saturation-factor, 1)*100%) 80.2%;
--premium-perk-yellow: hsl(var(--premium-perk-yellow-hsl)/1);
--premium-perk-yellow-hsl: 47 calc(var(--saturation-factor, 1)*98.9%) 63.9%;
--premium-tier-0-blue: hsl(var(--premium-tier-0-blue-hsl)/1);
--premium-tier-0-blue-hsl: 202 calc(var(--saturation-factor, 1)*100%) 38%;
--premium-tier-0-blue-for-gradients: hsl(var(--premium-tier-0-blue-for-gradients-hsl)/1);
--premium-tier-0-blue-for-gradients-hsl: 202 calc(var(--saturation-factor, 1)*100%) 38%;
--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 calc(var(--saturation-factor, 1)*80%) 45.1%;
--premium-tier-0-header-gradient-1: hsl(var(--premium-tier-0-header-gradient-1-hsl)/1);
--premium-tier-0-header-gradient-1-hsl: 240 calc(var(--saturation-factor, 1)*55.2%) 47.3%;
--premium-tier-0-header-gradient-2: hsl(var(--premium-tier-0-header-gradient-2-hsl)/1);
--premium-tier-0-header-gradient-2-hsl: 224 calc(var(--saturation-factor, 1)*77.9%) 59.2%;
--premium-tier-0-header-gradient-3: hsl(var(--premium-tier-0-header-gradient-3-hsl)/1);
--premium-tier-0-header-gradient-3-hsl: 246 calc(var(--saturation-factor, 1)*74.4%) 69.4%;
--premium-tier-0-header-gradient-4: hsl(var(--premium-tier-0-header-gradient-4-hsl)/1);
--premium-tier-0-header-gradient-4-hsl: 295 calc(var(--saturation-factor, 1)*79.9%) 72.7%;
--premium-tier-0-header-gradient-5: hsl(var(--premium-tier-0-header-gradient-5-hsl)/1);
--premium-tier-0-header-gradient-5-hsl: 336 calc(var(--saturation-factor, 1)*55.2%) 72%;
--premium-tier-0-purple: hsl(var(--premium-tier-0-purple-hsl)/1);
--premium-tier-0-purple-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
--premium-tier-0-purple-for-gradients: hsl(var(--premium-tier-0-purple-for-gradients-hsl)/1);
--premium-tier-0-purple-for-gradients-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
--premium-tier-1-blue: hsl(var(--premium-tier-1-blue-hsl)/1);
--premium-tier-1-blue-hsl: 228 calc(var(--saturation-factor, 1)*86.7%) 70.6%;
--premium-tier-1-blue-for-gradients: hsl(var(--premium-tier-1-blue-for-gradients-hsl)/1);
--premium-tier-1-blue-for-gradients-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
--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: 235 calc(var(--saturation-factor, 1)*68.5%) 52.7%;
--premium-tier-1-purple: hsl(var(--premium-tier-1-purple-hsl)/1);
--premium-tier-1-purple-hsl: 244 calc(var(--saturation-factor, 1)*100%) 84.1%;
--premium-tier-2-pink: hsl(var(--premium-tier-2-pink-hsl)/1);
--premium-tier-2-pink-hsl: 342 calc(var(--saturation-factor, 1)*58%) 72.9%;
--premium-tier-2-pink-for-gradients: hsl(var(--premium-tier-2-pink-for-gradients-hsl)/1);
--premium-tier-2-pink-for-gradients-hsl: 325 calc(var(--saturation-factor, 1)*31.7%) 51.8%;
--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 calc(var(--saturation-factor, 1)*51.4%) 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.7%) 70.6%;
--premium-tier-2-purple-for-gradients: hsl(var(--premium-tier-2-purple-for-gradients-hsl)/1);
--premium-tier-2-purple-for-gradients-hsl: 269 calc(var(--saturation-factor, 1)*52.7%) 52.7%;
--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: 296 calc(var(--saturation-factor, 1)*50%) 51.4%;
--primary-100: hsl(var(--primary-100-hsl)/1);
--primary-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 97.6%;
--primary-130: hsl(var(--primary-130-hsl)/1);
--primary-130-hsl: 220 calc(var(--saturation-factor, 1)*13%) 95.5%;
--primary-160: hsl(var(--primary-160-hsl)/1);
--primary-160-hsl: 210 calc(var(--saturation-factor, 1)*11.1%) 92.9%;
--primary-200: hsl(var(--primary-200-hsl)/1);
--primary-200-hsl: 216 calc(var(--saturation-factor, 1)*9.8%) 90%;
--primary-230: hsl(var(--primary-230-hsl)/1);
--primary-230-hsl: 210 calc(var(--saturation-factor, 1)*9.1%) 87.1%;
--primary-260: hsl(var(--primary-260-hsl)/1);
--primary-260-hsl: 214 calc(var(--saturation-factor, 1)*8.4%) 83.7%;
--primary-300: hsl(var(--primary-300-hsl)/1);
--primary-300-hsl: 210 calc(var(--saturation-factor, 1)*9.3%) 78.8%;
--primary-330: hsl(var(--primary-330-hsl)/1);
--primary-330-hsl: 215 calc(var(--saturation-factor, 1)*8.8%) 73.3%;
--primary-345: hsl(var(--primary-345-hsl)/1);
--primary-345-hsl: 214 calc(var(--saturation-factor, 1)*8.4%) 67.5%;
--primary-360: hsl(var(--primary-360-hsl)/1);
--primary-360-hsl: 214 calc(var(--saturation-factor, 1)*8.1%) 61.2%;
--primary-400: hsl(var(--primary-400-hsl)/1);
--primary-400-hsl: 223 calc(var(--saturation-factor, 1)*5.8%) 52.9%;
--primary-430: hsl(var(--primary-430-hsl)/1);
--primary-430-hsl: 229 calc(var(--saturation-factor, 1)*4.8%) 44.9%;
--primary-460: hsl(var(--primary-460-hsl)/1);
--primary-460-hsl: 228 calc(var(--saturation-factor, 1)*5.2%) 38%;
--primary-500: hsl(var(--primary-500-hsl)/1);
--primary-500-hsl: 228 calc(var(--saturation-factor, 1)*6%) 32.5%;
--primary-530: hsl(var(--primary-530-hsl)/1);
--primary-530-hsl: 227 calc(var(--saturation-factor, 1)*6.5%) 27.3%;
--primary-560: hsl(var(--primary-560-hsl)/1);
--primary-560-hsl: 225 calc(var(--saturation-factor, 1)*6.7%) 23.5%;
--primary-600: hsl(var(--primary-600-hsl)/1);
--primary-600-hsl: 223 calc(var(--saturation-factor, 1)*6.7%) 20.6%;
--primary-630: hsl(var(--primary-630-hsl)/1);
--primary-630-hsl: 220 calc(var(--saturation-factor, 1)*6.5%) 18%;
--primary-645: hsl(var(--primary-645-hsl)/1);
--primary-645-hsl: 220 calc(var(--saturation-factor, 1)*7%) 16.9%;
--primary-660: hsl(var(--primary-660-hsl)/1);
--primary-660-hsl: 228 calc(var(--saturation-factor, 1)*6.7%) 14.7%;
--primary-700: hsl(var(--primary-700-hsl)/1);
--primary-700-hsl: 225 calc(var(--saturation-factor, 1)*6.3%) 12.5%;
--primary-730: hsl(var(--primary-730-hsl)/1);
--primary-730-hsl: 225 calc(var(--saturation-factor, 1)*7.1%) 11%;
--primary-760: hsl(var(--primary-760-hsl)/1);
--primary-760-hsl: 220 calc(var(--saturation-factor, 1)*6.4%) 9.2%;
--primary-800: hsl(var(--primary-800-hsl)/1);
--primary-800-hsl: 220 calc(var(--saturation-factor, 1)*8.1%) 7.3%;
--primary-830: hsl(var(--primary-830-hsl)/1);
--primary-830-hsl: 240 calc(var(--saturation-factor, 1)*4%) 4.9%;
--primary-860: hsl(var(--primary-860-hsl)/1);
--primary-860-hsl: 240 calc(var(--saturation-factor, 1)*7.7%) 2.5%;
--primary-900: hsl(var(--primary-900-hsl)/1);
--primary-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0.8%;
--red-100: hsl(var(--red-100-hsl)/1);
--red-100-hsl: 350 calc(var(--saturation-factor, 1)*75%) 98.4%;
--red-130: hsl(var(--red-130-hsl)/1);
--red-130-hsl: 0 calc(var(--saturation-factor, 1)*83.3%) 97.6%;
--red-160: hsl(var(--red-160-hsl)/1);
--red-160-hsl: 0 calc(var(--saturation-factor, 1)*90.9%) 95.7%;
--red-200: hsl(var(--red-200-hsl)/1);
--red-200-hsl: 358 calc(var(--saturation-factor, 1)*88.9%) 92.9%;
--red-230: hsl(var(--red-230-hsl)/1);
--red-230-hsl: 359 calc(var(--saturation-factor, 1)*85.2%) 89.4%;
--red-260: hsl(var(--red-260-hsl)/1);
--red-260-hsl: 359 calc(var(--saturation-factor, 1)*89%) 85.7%;
--red-300: hsl(var(--red-300-hsl)/1);
--red-300-hsl: 359 calc(var(--saturation-factor, 1)*91.4%) 81.8%;
--red-330: hsl(var(--red-330-hsl)/1);
--red-330-hsl: 359 calc(var(--saturation-factor, 1)*91.3%) 77.5%;
--red-345: hsl(var(--red-345-hsl)/1);
--red-345-hsl: 358 calc(var(--saturation-factor, 1)*92.9%) 72.4%;
--red-360: hsl(var(--red-360-hsl)/1);
--red-360-hsl: 358 calc(var(--saturation-factor, 1)*91.8%) 66.5%;
--red-400: hsl(var(--red-400-hsl)/1);
--red-400-hsl: 359 calc(var(--saturation-factor, 1)*87.3%) 59.8%;
--red-430: hsl(var(--red-430-hsl)/1);
--red-430-hsl: 358 calc(var(--saturation-factor, 1)*68.8%) 53.5%;
--red-460: hsl(var(--red-460-hsl)/1);
--red-460-hsl: 359 calc(var(--saturation-factor, 1)*59.1%) 46.1%;
--red-500: hsl(var(--red-500-hsl)/1);
--red-500-hsl: 360 calc(var(--saturation-factor, 1)*60.2%) 39.4%;
--red-530: hsl(var(--red-530-hsl)/1);
--red-530-hsl: 359 calc(var(--saturation-factor, 1)*63.4%) 34.3%;
--red-560: hsl(var(--red-560-hsl)/1);
--red-560-hsl: 359 calc(var(--saturation-factor, 1)*63.9%) 30.4%;
--red-600: hsl(var(--red-600-hsl)/1);
--red-600-hsl: 359 calc(var(--saturation-factor, 1)*64.7%) 26.7%;
--red-630: hsl(var(--red-630-hsl)/1);
--red-630-hsl: 359 calc(var(--saturation-factor, 1)*65.6%) 23.9%;
--red-660: hsl(var(--red-660-hsl)/1);
--red-660-hsl: 359 calc(var(--saturation-factor, 1)*65.1%) 21.4%;
--red-700: hsl(var(--red-700-hsl)/1);
--red-700-hsl: 358 calc(var(--saturation-factor, 1)*66.7%) 18.8%;
--red-730: hsl(var(--red-730-hsl)/1);
--red-730-hsl: 359 calc(var(--saturation-factor, 1)*66.7%) 16.5%;
--red-760: hsl(var(--red-760-hsl)/1);
--red-760-hsl: 359 calc(var(--saturation-factor, 1)*70.3%) 14.5%;
--red-800: hsl(var(--red-800-hsl)/1);
--red-800-hsl: 359 calc(var(--saturation-factor, 1)*68.8%) 12.5%;
--red-830: hsl(var(--red-830-hsl)/1);
--red-830-hsl: 358 calc(var(--saturation-factor, 1)*67.3%) 10.8%;
--red-860: hsl(var(--red-860-hsl)/1);
--red-860-hsl: 0 calc(var(--saturation-factor, 1)*66.7%) 9.4%;
--red-900: hsl(var(--red-900-hsl)/1);
--red-900-hsl: 0 calc(var(--saturation-factor, 1)*70%) 7.8%;
--reddit: hsl(var(--reddit-hsl)/1);
--reddit-hsl: 16 calc(var(--saturation-factor, 1)*100%) 50%;
--riot-games: hsl(var(--riot-games-hsl)/1);
--riot-games-hsl: 349 calc(var(--saturation-factor, 1)*100%) 45.9%;
--role-blue: hsl(var(--role-blue-hsl)/1);
--role-blue-hsl: 204 calc(var(--saturation-factor, 1)*64.4%) 35.3%;
--role-brown: hsl(var(--role-brown-hsl)/1);
--role-brown-hsl: 24 calc(var(--saturation-factor, 1)*100%) 32.9%;
--role-burgundy: hsl(var(--role-burgundy-hsl)/1);
--role-burgundy-hsl: 334 calc(var(--saturation-factor, 1)*79.3%) 37.8%;
--role-dark-blue: hsl(var(--role-dark-blue-hsl)/1);
--role-dark-blue-hsl: 199 calc(var(--saturation-factor, 1)*18.4%) 40.4%;
--role-dark-grey: hsl(var(--role-dark-grey-hsl)/1);
--role-dark-grey-hsl: 200 calc(var(--saturation-factor, 1)*18.3%) 46.1%;
--role-dark-purple: hsl(var(--role-dark-purple-hsl)/1);
--role-dark-purple-hsl: 282 calc(var(--saturation-factor, 1)*43.7%) 37.6%;
--role-dark-teal: hsl(var(--role-dark-teal-hsl)/1);
--role-dark-teal-hsl: 168 calc(var(--saturation-factor, 1)*76.6%) 28.4%;
--role-default: hsl(var(--role-default-hsl)/1);
--role-default-hsl: 204 calc(var(--saturation-factor, 1)*15.9%) 65.5%;
--role-green: hsl(var(--role-green-hsl)/1);
--role-green-hsl: 145 calc(var(--saturation-factor, 1)*63.5%) 33.3%;
--role-grey: hsl(var(--role-grey-hsl)/1);
--role-grey-hsl: 202 calc(var(--saturation-factor, 1)*4%) 60.8%;
--role-light-blue: hsl(var(--role-light-blue-hsl)/1);
--role-light-blue-hsl: 204 calc(var(--saturation-factor, 1)*15.9%) 65.5%;
--role-light-green: hsl(var(--role-light-green-hsl)/1);
--role-light-green-hsl: 145 calc(var(--saturation-factor, 1)*63.2%) 49%;
--role-light-grey: hsl(var(--role-light-grey-hsl)/1);
--role-light-grey-hsl: 184 calc(var(--saturation-factor, 1)*8.7%) 61.8%;
--role-magenta: hsl(var(--role-magenta-hsl)/1);
--role-magenta-hsl: 340 calc(var(--saturation-factor, 1)*82.2%) 51.6%;
--role-orange: hsl(var(--role-orange-hsl)/1);
--role-orange-hsl: 28 calc(var(--saturation-factor, 1)*79.7%) 51.8%;
--role-purple: hsl(var(--role-purple-hsl)/1);
--role-purple-hsl: 283 calc(var(--saturation-factor, 1)*38.9%) 53.1%;
--role-salmon: hsl(var(--role-salmon-hsl)/1);
--role-salmon-hsl: 6 calc(var(--saturation-factor, 1)*78.1%) 57.1%;
--role-sky-blue: hsl(var(--role-sky-blue-hsl)/1);
--role-sky-blue-hsl: 204 calc(var(--saturation-factor, 1)*69.9%) 53.1%;
--role-tan: hsl(var(--role-tan-hsl)/1);
--role-tan-hsl: 37 calc(var(--saturation-factor, 1)*86.5%) 40.8%;
--role-teal: hsl(var(--role-teal-hsl)/1);
--role-teal-hsl: 168 calc(var(--saturation-factor, 1)*75.7%) 42%;
--role-terracotta: hsl(var(--role-terracotta-hsl)/1);
--role-terracotta-hsl: 6 calc(var(--saturation-factor, 1)*63.6%) 36.7%;
--role-yellow: hsl(var(--role-yellow-hsl)/1);
--role-yellow-hsl: 48 calc(var(--saturation-factor, 1)*89%) 50.2%;
--samsung: hsl(var(--samsung-hsl)/1);
--samsung-hsl: 231 calc(var(--saturation-factor, 1)*77.8%) 35.3%;
--skype: hsl(var(--skype-hsl)/1);
--skype-hsl: 196 calc(var(--saturation-factor, 1)*100%) 42.2%;
--spotify: hsl(var(--spotify-hsl)/1);
--spotify-hsl: 141 calc(var(--saturation-factor, 1)*72.9%) 42%;
--steam: hsl(var(--steam-hsl)/1);
--steam-hsl: 215 calc(var(--saturation-factor, 1)*35.1%) 14.5%;
--teal-100: hsl(var(--teal-100-hsl)/1);
--teal-100-hsl: 193 calc(var(--saturation-factor, 1)*69.2%) 97.5%;
--teal-130: hsl(var(--teal-130-hsl)/1);
--teal-130-hsl: 192 calc(var(--saturation-factor, 1)*83.3%) 95.3%;
--teal-160: hsl(var(--teal-160-hsl)/1);
--teal-160-hsl: 190 calc(var(--saturation-factor, 1)*83.3%) 90.6%;
--teal-200: hsl(var(--teal-200-hsl)/1);
--teal-200-hsl: 188 calc(var(--saturation-factor, 1)*85.7%) 83.5%;
--teal-230: hsl(var(--teal-230-hsl)/1);
--teal-230-hsl: 188 calc(var(--saturation-factor, 1)*88.3%) 73.1%;
--teal-260: hsl(var(--teal-260-hsl)/1);
--teal-260-hsl: 188 calc(var(--saturation-factor, 1)*81.9%) 65.3%;
--teal-300: hsl(var(--teal-300-hsl)/1);
--teal-300-hsl: 189 calc(var(--saturation-factor, 1)*72.8%) 58.2%;
--teal-330: hsl(var(--teal-330-hsl)/1);
--teal-330-hsl: 189 calc(var(--saturation-factor, 1)*65.6%) 52.2%;
--teal-345: hsl(var(--teal-345-hsl)/1);
--teal-345-hsl: 190 calc(var(--saturation-factor, 1)*62.8%) 48.4%;
--teal-360: hsl(var(--teal-360-hsl)/1);
--teal-360-hsl: 190 calc(var(--saturation-factor, 1)*64%) 43.5%;
--teal-400: hsl(var(--teal-400-hsl)/1);
--teal-400-hsl: 190 calc(var(--saturation-factor, 1)*63.5%) 38.6%;
--teal-430: hsl(var(--teal-430-hsl)/1);
--teal-430-hsl: 190 calc(var(--saturation-factor, 1)*63%) 33.9%;
--teal-460: hsl(var(--teal-460-hsl)/1);
--teal-460-hsl: 191 calc(var(--saturation-factor, 1)*64.2%) 29.6%;
--teal-500: hsl(var(--teal-500-hsl)/1);
--teal-500-hsl: 190 calc(var(--saturation-factor, 1)*65.2%) 25.9%;
--teal-530: hsl(var(--teal-530-hsl)/1);
--teal-530-hsl: 190 calc(var(--saturation-factor, 1)*66.7%) 22.4%;
--teal-560: hsl(var(--teal-560-hsl)/1);
--teal-560-hsl: 190 calc(var(--saturation-factor, 1)*69.7%) 19.4%;
--teal-600: hsl(var(--teal-600-hsl)/1);
--teal-600-hsl: 189 calc(var(--saturation-factor, 1)*71.8%) 16.7%;
--teal-630: hsl(var(--teal-630-hsl)/1);
--teal-630-hsl: 190 calc(var(--saturation-factor, 1)*73.7%) 14.9%;
--teal-660: hsl(var(--teal-660-hsl)/1);
--teal-660-hsl: 188 calc(var(--saturation-factor, 1)*75.8%) 12.9%;
--teal-700: hsl(var(--teal-700-hsl)/1);
--teal-700-hsl: 189 calc(var(--saturation-factor, 1)*79.3%) 11.4%;
--teal-730: hsl(var(--teal-730-hsl)/1);
--teal-730-hsl: 189 calc(var(--saturation-factor, 1)*80%) 9.8%;
--teal-760: hsl(var(--teal-760-hsl)/1);
--teal-760-hsl: 189 calc(var(--saturation-factor, 1)*81.4%) 8.4%;
--teal-800: hsl(var(--teal-800-hsl)/1);
--teal-800-hsl: 188 calc(var(--saturation-factor, 1)*83.3%) 7.1%;
--teal-830: hsl(var(--teal-830-hsl)/1);
--teal-830-hsl: 189 calc(var(--saturation-factor, 1)*87.1%) 6.1%;
--teal-860: hsl(var(--teal-860-hsl)/1);
--teal-860-hsl: 188 calc(var(--saturation-factor, 1)*85.2%) 5.3%;
--teal-900: hsl(var(--teal-900-hsl)/1);
--teal-900-hsl: 189 calc(var(--saturation-factor, 1)*90.9%) 4.3%;
--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 calc(var(--saturation-factor, 1)*46.8%) 39.8%;
--twitter: hsl(var(--twitter-hsl)/1);
--twitter-hsl: 203 calc(var(--saturation-factor, 1)*89.1%) 53.1%;
--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%) 91%;
--white-560: hsl(var(--white-560-hsl)/1);
--white-560-hsl: 0 calc(var(--saturation-factor, 1)*0%) 81.2%;
--white-600: hsl(var(--white-600-hsl)/1);
--white-600-hsl: 0 calc(var(--saturation-factor, 1)*0%) 67.8%;
--white-630: hsl(var(--white-630-hsl)/1);
--white-630-hsl: 0 calc(var(--saturation-factor, 1)*0%) 58.8%;
--white-660: hsl(var(--white-660-hsl)/1);
--white-660-hsl: 0 calc(var(--saturation-factor, 1)*0%) 51.4%;
--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.3%;
--white-760: hsl(var(--white-760-hsl)/1);
--white-760-hsl: 0 calc(var(--saturation-factor, 1)*0%) 34.5%;
--white-800: hsl(var(--white-800-hsl)/1);
--white-800-hsl: 0 calc(var(--saturation-factor, 1)*0%) 30.2%;
--white-830: hsl(var(--white-830-hsl)/1);
--white-830-hsl: 0 calc(var(--saturation-factor, 1)*0%) 23.1%;
--white-860: hsl(var(--white-860-hsl)/1);
--white-860-hsl: 0 calc(var(--saturation-factor, 1)*0%) 14.9%;
--white-900: hsl(var(--white-900-hsl)/1);
--white-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 5.1%;
--xbox: hsl(var(--xbox-hsl)/1);
--xbox-hsl: 120 calc(var(--saturation-factor, 1)*77.1%) 27.5%;
--yellow-100: hsl(var(--yellow-100-hsl)/1);
--yellow-100-hsl: 34 calc(var(--saturation-factor, 1)*100%) 96.9%;
--yellow-130: hsl(var(--yellow-130-hsl)/1);
--yellow-130-hsl: 31 calc(var(--saturation-factor, 1)*100%) 95.5%;
--yellow-160: hsl(var(--yellow-160-hsl)/1);
--yellow-160-hsl: 33 calc(var(--saturation-factor, 1)*100%) 91.4%;
--yellow-200: hsl(var(--yellow-200-hsl)/1);
--yellow-200-hsl: 35 calc(var(--saturation-factor, 1)*97.3%) 85.5%;
--yellow-230: hsl(var(--yellow-230-hsl)/1);
--yellow-230-hsl: 37 calc(var(--saturation-factor, 1)*96.6%) 77.1%;
--yellow-260: hsl(var(--yellow-260-hsl)/1);
--yellow-260-hsl: 41 calc(var(--saturation-factor, 1)*96.8%) 62.9%;
--yellow-300: hsl(var(--yellow-300-hsl)/1);
--yellow-300-hsl: 40 calc(var(--saturation-factor, 1)*86.4%) 56.9%;
--yellow-330: hsl(var(--yellow-330-hsl)/1);
--yellow-330-hsl: 40 calc(var(--saturation-factor, 1)*75.3%) 52.4%;
--yellow-345: hsl(var(--yellow-345-hsl)/1);
--yellow-345-hsl: 40 calc(var(--saturation-factor, 1)*71%) 48.6%;
--yellow-360: hsl(var(--yellow-360-hsl)/1);
--yellow-360-hsl: 39 calc(var(--saturation-factor, 1)*74.4%) 42.9%;
--yellow-400: hsl(var(--yellow-400-hsl)/1);
--yellow-400-hsl: 38 calc(var(--saturation-factor, 1)*78.6%) 38.4%;
--yellow-430: hsl(var(--yellow-430-hsl)/1);
--yellow-430-hsl: 37 calc(var(--saturation-factor, 1)*84.4%) 32.7%;
--yellow-460: hsl(var(--yellow-460-hsl)/1);
--yellow-460-hsl: 36 calc(var(--saturation-factor, 1)*87.8%) 28.8%;
--yellow-500: hsl(var(--yellow-500-hsl)/1);
--yellow-500-hsl: 36 calc(var(--saturation-factor, 1)*93.8%) 25.1%;
--yellow-530: hsl(var(--yellow-530-hsl)/1);
--yellow-530-hsl: 35 calc(var(--saturation-factor, 1)*92.9%) 22.2%;
--yellow-560: hsl(var(--yellow-560-hsl)/1);
--yellow-560-hsl: 34 calc(var(--saturation-factor, 1)*94%) 19.6%;
--yellow-600: hsl(var(--yellow-600-hsl)/1);
--yellow-600-hsl: 35 calc(var(--saturation-factor, 1)*93.1%) 17.1%;
--yellow-630: hsl(var(--yellow-630-hsl)/1);
--yellow-630-hsl: 35 calc(var(--saturation-factor, 1)*92.4%) 15.5%;
--yellow-660: hsl(var(--yellow-660-hsl)/1);
--yellow-660-hsl: 35 calc(var(--saturation-factor, 1)*91.4%) 13.7%;
--yellow-700: hsl(var(--yellow-700-hsl)/1);
--yellow-700-hsl: 34 calc(var(--saturation-factor, 1)*90.3%) 12.2%;
--yellow-730: hsl(var(--yellow-730-hsl)/1);
--yellow-730-hsl: 33 calc(var(--saturation-factor, 1)*92.7%) 10.8%;
--yellow-760: hsl(var(--yellow-760-hsl)/1);
--yellow-760-hsl: 33 calc(var(--saturation-factor, 1)*91.7%) 9.4%;
--yellow-800: hsl(var(--yellow-800-hsl)/1);
--yellow-800-hsl: 32 calc(var(--saturation-factor, 1)*90.2%) 8%;
--yellow-830: hsl(var(--yellow-830-hsl)/1);
--yellow-830-hsl: 32 calc(var(--saturation-factor, 1)*88.9%) 7.1%;
--yellow-860: hsl(var(--yellow-860-hsl)/1);
--yellow-860-hsl: 32 calc(var(--saturation-factor, 1)*86.7%) 5.9%;
--yellow-900: hsl(var(--yellow-900-hsl)/1);
--yellow-900-hsl: 36 calc(var(--saturation-factor, 1)*83.3%) 4.7%;
--youtube: hsl(var(--youtube-hsl)/1);
--youtube-hsl: 0 calc(var(--saturation-factor, 1)*72.8%) 46.1%;
--activity-card-background: var(--primary-700);
--android-navigation-bar-background: var(--primary-830);
--android-navigation-scrim-background: hsl(var(--primary-830-hsl)/0.5);
--android-ripple: hsl(var(--white-500-hsl)/0.07);
--background-floating: var(--primary-800);
--background-mentioned: hsl(var(--yellow-300-hsl)/0.1);
--background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.08);
--background-message-automod: hsl(var(--red-400-hsl)/0.05);
--background-message-automod-hover: hsl(var(--red-400-hsl)/0.1);
--background-message-highlight: hsl(var(--brand-360-hsl)/0.08);
--background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.06);
--background-message-hover: hsl(var(--primary-900-hsl)/0.06);
--background-mobile-primary: var(--primary-600);
--background-mobile-secondary: var(--primary-630);
--background-modifier-accent: hsl(var(--primary-500-hsl)/0.48);
--background-modifier-accent-2: hsl(var(--primary-500-hsl)/0.48);
--background-modifier-active: hsl(var(--primary-500-hsl)/0.48);
--background-modifier-hover: hsl(var(--primary-500-hsl)/0.3);
--background-modifier-selected: hsl(var(--primary-500-hsl)/0.6);
--background-nested-floating: var(--primary-630);
--bg-backdrop: hsl(var(--black-500-hsl)/0.7);
--bg-backdrop-no-opacity: var(--black-500);
--bg-base-primary: var(--primary-600);
--bg-base-secondary: var(--primary-630);
--bg-base-tertiary: var(--primary-660);
--bg-mod-faint: hsl(var(--primary-500-hsl)/0.3);
--bg-mod-strong: hsl(var(--primary-500-hsl)/0.54);
--bg-mod-subtle: hsl(var(--primary-500-hsl)/0.48);
--bg-surface-overlay: var(--primary-800);
--bg-surface-overlay-tmp: var(--primary-800);
--bg-surface-raised: var(--primary-600);
--blur-fallback: hsl(var(--primary-700-hsl)/0.96);
--blur-fallback-pressed: hsl(var(--primary-730-hsl)/0.96);
--border-faint: hsl(var(--white-500-hsl)/0.03);
--border-strong: hsl(var(--white-500-hsl)/0.16);
--border-subtle: hsl(var(--white-500-hsl)/0.08);
--bug-reporter-modal-submitting-background: hsl(var(--primary-800-hsl)/0.6);
--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-outline-brand-background: hsl(var(--white-500-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-500);
--button-outline-brand-text-active: var(--white-500);
--button-outline-brand-text-hover: var(--white-500);
--button-outline-danger-background: hsl(var(--white-500-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-500);
--button-outline-danger-text-active: var(--white-500);
--button-outline-danger-text-hover: var(--white-500);
--button-outline-positive-background: hsl(var(--white-500-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-500);
--button-outline-positive-text-active: var(--white-500);
--button-outline-positive-text-hover: var(--white-500);
--button-outline-primary-background: hsl(var(--white-500-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-500);
--button-outline-primary-text-active: var(--white-500);
--button-outline-primary-text-hover: var(--white-500);
--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-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);
--card-gradient-bg: hsl(var(--black-500-hsl)/0.4);
--card-gradient-pressed-bg: hsl(var(--black-500-hsl)/0.5);
--card-primary-bg: var(--primary-560);
--card-primary-pressed-bg: var(--primary-645);
--card-secondary-bg: var(--primary-560);
--card-secondary-pressed-bg: var(--primary-645);
--channel-icon: var(--primary-400);
--channel-text-area-placeholder: var(--primary-430);
--channels-default: var(--primary-360);
--channeltextarea-background: var(--primary-560);
--chat-background: var(--primary-600);
--chat-border: var(--primary-700);
--chat-input-container-background: var(--primary-600);
--chat-swipe-to-reply-background: var(--primary-660);
--control-brand-foreground: var(--brand-360);
--control-brand-foreground-new: var(--brand-360);
--creator-revenue-icon-gradient-end: var(--teal-430);
--creator-revenue-icon-gradient-start: var(--teal-360);
--creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
--creator-revenue-info-box-border: var(--teal-400);
--creator-revenue-locked-channel-icon: var(--teal-345);
--creator-revenue-progress-bar: var(--teal-400);
--deprecated-card-bg: hsl(var(--primary-700-hsl)/0.6);
--deprecated-card-editable-bg: hsl(var(--primary-700-hsl)/0.3);
--deprecated-quickswitcher-input-background: var(--primary-400);
--deprecated-quickswitcher-input-placeholder: hsl(var(--white-500-hsl)/0.3);
--deprecated-store-bg: var(--primary-600);
--deprecated-text-input-bg: var(--primary-700);
--deprecated-text-input-border: hsl(var(--black-500-hsl)/0.3);
--deprecated-text-input-border-disabled: var(--primary-700);
--deprecated-text-input-border-hover: var(--primary-900);
--deprecated-text-input-prefix: var(--primary-200);
--display-banner-overflow-background: hsl(var(--primary-700-hsl)/0.5);
--divider-strong: hsl(var(--white-500-hsl)/0.16);
--divider-subtle: hsl(var(--white-500-hsl)/0.08);
--forum-post-extra-media-count-container-background: hsl(var(--primary-660-hsl)/0.8);
--forum-post-tag-background: hsl(var(--primary-660-hsl)/0.9);
--guild-notifications-bottom-sheet-pill-background: var(--primary-700);
--header-muted: var(--primary-360);
--header-primary: var(--primary-130);
--header-secondary: var(--primary-330);
--home-background: var(--primary-645);
--home-card-resting-border: hsl(var(--transparent-hsl)/0);
--icon-primary: var(--primary-130);
--icon-secondary: var(--primary-330);
--info-danger-background: hsl(var(--red-400-hsl)/0.1);
--info-danger-foreground: var(--red-400);
--info-danger-text: var(--white-500);
--info-help-background: hsl(var(--blue-345-hsl)/0.1);
--info-help-foreground: var(--blue-345);
--info-help-text: var(--white-500);
--info-positive-background: hsl(var(--green-360-hsl)/0.1);
--info-positive-foreground: var(--green-360);
--info-positive-text: var(--white-500);
--info-warning-background: hsl(var(--yellow-300-hsl)/0.1);
--info-warning-foreground: var(--yellow-300);
--info-warning-text: var(--white-500);
--input-background: var(--primary-700);
--input-placeholder-text: var(--input-placeholder-text-dark);
--interactive-active: var(--white-500);
--interactive-hover: var(--primary-230);
--interactive-muted: var(--primary-500);
--interactive-normal: var(--primary-330);
--legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl)/0.5);
--legacy-android-blur-overlay-ultra-thin: hsl(var(--black-500-hsl)/0.025);
--legacy-blur-fallback-default: hsl(var(--primary-660-hsl)/0.975);
--legacy-blur-fallback-ultra-thin: hsl(var(--black-500-hsl)/0.95);
--live-stage-tile-border: hsl(var(--primary-500-hsl)/0.6);
--logo-primary: var(--white-500);
--mention-background: hsl(var(--brand-500-hsl)/0.3);
--mention-foreground: var(--brand-260);
--modal-background: var(--primary-600);
--modal-footer-background: var(--primary-630);
--navigator-header-tint: var(--white-500);
--profile-gradient-card-background: hsl(var(--black-500-hsl)/0.7);
--profile-gradient-message-input-border: hsl(var(--primary-500-hsl)/0.48);
--profile-gradient-note-background: hsl(var(--black-500-hsl)/0.3);
--profile-gradient-overlay: hsl(var(--black-500-hsl)/0.6);
--profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-500-hsl)/0.8);
--profile-gradient-profile-body-background-hover: hsl(var(--white-500-hsl)/0.16);
--profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5);
--profile-gradient-role-pill-border: hsl(var(--white-500-hsl)/0.2);
--profile-gradient-section-box: hsl(var(--black-500-hsl)/0.45);
--redesign-activity-card-background: var(--primary-560);
--redesign-activity-card-background-pressed: var(--primary-630);
--redesign-activity-card-badge-icon: var(--primary-360);
--redesign-activity-card-border: hsl(var(--white-500-hsl)/0.02);
--redesign-activity-card-overflow-background: var(--primary-630);
--redesign-button-danger-background: var(--red-430);
--redesign-button-danger-pressed-background: var(--red-460);
--redesign-button-danger-text: var(--white-500);
--redesign-button-overlay-alpha-background: hsl(var(--black-500-hsl)/0.54);
--redesign-button-overlay-alpha-pressed-background: hsl(var(--black-500-hsl)/0.64);
--redesign-button-overlay-alpha-text: var(--white-500);
--redesign-button-overlay-background: var(--white-500);
--redesign-button-overlay-pressed-background: var(--primary-230);
--redesign-button-overlay-text: var(--primary-860);
--redesign-button-positive-background: var(--green-430);
--redesign-button-positive-pressed-background: var(--green-460);
--redesign-button-positive-text: var(--white-500);
--redesign-button-primary-alt-background: hsl(var(--brand-500-hsl)/0);
--redesign-button-primary-alt-border: var(--brand-360);
--redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl)/0);
--redesign-button-primary-alt-on-blurple-border: var(--white-500);
--redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
--redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
--redesign-button-primary-alt-on-blurple-text: var(--white-500);
--redesign-button-primary-alt-pressed-background: hsl(var(--brand-700-hsl)/0.16);
--redesign-button-primary-alt-pressed-border: hsl(var(--brand-400-hsl)/0.5);
--redesign-button-primary-alt-pressed-text: var(--brand-360);
--redesign-button-primary-alt-text: var(--brand-360);
--redesign-button-primary-background: var(--brand-500);
--redesign-button-primary-on-blurple-background: var(--white-500);
--redesign-button-primary-on-blurple-pressed-background: var(--brand-200);
--redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
--redesign-button-primary-on-blurple-text: var(--brand-500);
--redesign-button-primary-pressed-background: var(--brand-560);
--redesign-button-primary-text: var(--white-500);
--redesign-button-secondary-alt-background: var(--primary-660);
--redesign-button-secondary-alt-pressed-background: var(--primary-560);
--redesign-button-secondary-alt-pressed-text: var(--primary-330);
--redesign-button-secondary-alt-text: var(--primary-230);
--redesign-button-secondary-background: var(--primary-460);
--redesign-button-secondary-border: hsl(var(--white-500-hsl)/0.08);
--redesign-button-secondary-pressed-background: var(--primary-500);
--redesign-button-secondary-pressed-border: hsl(var(--transparent-hsl)/0);
--redesign-button-secondary-text: var(--primary-230);
--redesign-channel-category-name-text: var(--primary-330);
--redesign-channel-message-preview-text: var(--primary-360);
--redesign-channel-name-muted-text: var(--primary-360);
--redesign-channel-name-text: var(--primary-130);
--redesign-chat-input-background: var(--primary-700);
--redesign-input-control-active-bg: var(--primary-645);
--redesign-input-control-selected: var(--brand-500);
--redesign-only-background-active: var(--primary-530);
--redesign-only-background-default: var(--primary-600);
--redesign-only-background-overlay: var(--primary-645);
--redesign-only-background-raised: var(--primary-630);
--redesign-only-background-sunken: var(--primary-660);
--scrollbar-auto-scrollbar-color-thumb: var(--primary-730);
--scrollbar-auto-scrollbar-color-track: var(--primary-630);
--scrollbar-auto-thumb: var(--primary-730);
--scrollbar-auto-track: var(--primary-630);
--scrollbar-thin-thumb: var(--primary-730);
--scrollbar-thin-track: hsl(var(--black-500-hsl)/0);
--spoiler-hidden-background: var(--primary-700);
--spoiler-revealed-background: var(--primary-660);
--status-danger: var(--red-400);
--status-danger-background: var(--red-400);
--status-danger-text: var(--white-500);
--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-500);
--status-speaking: var(--green-360);
--status-warning: var(--yellow-300);
--status-warning-background: var(--yellow-300);
--status-warning-text: var(--black-500);
--text-brand: var(--brand-360);
--text-danger: var(--red-345);
--text-link: var(--blue-345);
--text-link-low-saturation: var(--blue-330);
--text-low-contrast: var(--primary-360);
--text-message-preview-low-sat: var(--primary-360);
--text-muted: var(--primary-360);
--text-muted-on-default: var(--primary-330);
--text-normal: var(--primary-230);
--text-positive: var(--green-330);
--text-primary: var(--primary-230);
--text-secondary: var(--primary-330);
--text-warning: var(--yellow-300);
--textbox-markdown-syntax: var(--primary-360);
--user-profile-header-overflow-background: hsl(var(--primary-700-hsl)/0.5);
--black: var(--black-500);
--focus-primary: var(--blue-345);
--icon-muted: var(--primary-400);
--info-box-background: hsl(var(--blue-345-hsl)/0.1);
--theme-locked-blur-fallback: hsl(var(--primary-700-hsl)/0.96);
--voice-video-tile-blur-fallback: hsl(var(--primary-700-hsl)/0.48);
--voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl)/0.48);
--white: var(--white-500);
--shadow-border: 0 0 0 1px hsla(0,0%,100%,0.08);
--shadow-border-filter: drop-shadow(0 0 1px hsla(0,0%,100%,0.08));
--shadow-button-overlay: 0 12px 24px 0 rgba(0,0,0,0.24);
--shadow-button-overlay-filter: drop-shadow(0 12px 24px rgba(0,0,0,0.24));
--shadow-high: 0 12px 24px 0 rgba(0,0,0,0.24);
--shadow-high-filter: drop-shadow(0 12px 24px rgba(0,0,0,0.24));
--shadow-ledge: 0 2px 0 0 rgba(0,0,0,0.05),0 1.5px 0 0 rgba(0,0,0,0.05),0 1px 0 0 rgba(0,0,0,0.16);
--shadow-ledge-filter: drop-shadow(0 1.5px 0 rgba(0,0,0,0.24));
--shadow-low: 0 1px 4px 0 rgba(0,0,0,0.14);
--shadow-low-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.14));
--shadow-low-active: 0 0 4px 0 rgba(0,0,0,0.14);
--shadow-low-active-filter: drop-shadow(0 0 4px rgba(0,0,0,0.14));
--shadow-low-hover: 0 4px 10px 0 rgba(0,0,0,0.14);
--shadow-low-hover-filter: drop-shadow(0 4px 10px rgba(0,0,0,0.14));
--shadow-medium: 0 4px 8px 0 rgba(0,0,0,0.16);
--shadow-medium-filter: drop-shadow(0 4px 8px rgba(0,0,0,0.16));
--shadow-mobile-navigator-x: 0 0 10px 0 rgba(0,0,0,0.22);
--shadow-mobile-navigator-x-filter: drop-shadow(0 0 10px rgba(0,0,0,0.22));
--shadow-top-high: 0 -12px 32px 0 rgba(0,0,0,0.24);
--shadow-top-high-filter: drop-shadow(0 -12px 32px rgba(0,0,0,0.24));
--shadow-top-ledge: 0 -2px 0 0 rgba(0,0,0,0.05),0 -1.5px 0 0 rgba(0,0,0,0.05),0 -1px 0 0 rgba(0,0,0,0.16);
--shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 rgba(0,0,0,0.24));
--shadow-top-low: 0 -1px 4px 0 rgba(0,0,0,0.14);
--shadow-top-low-filter: drop-shadow(0 -1px 4px rgba(0,0,0,0.14));
--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;
--radius-none: 0px;
--radius-xs: 4px;
--radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 16px;
--radius-xl: 24px;
--radius-xxl: 32px;
--radius-round: 2147483647px;
--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);
--font-primary: "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
--font-display: "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
--font-headline: "ABC Ginto Nord","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
--font-code: 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;
--chat-resize-handle-width: 8px;
--custom-index-scrollbar-width: 10px;
--custom-index-scrollbar-margin: 3px;
--custom-auth-box-auth-box-padding: 32px;
--custom-wave-splash-responsive-width-mobile: 485px;
--custom-wave-splash-responsive-width-mobile-first: 486px;
--custom-wave-splash-responsive-width-desktop: 1080px;
--custom-wave-splash-max-qr-login-width: 830px;
--custom-channel-text-area-button-hover-scale: 0.85714;
--custom-drag-resize-container-handle-size: 8px;
--custom-drag-resize-container-handle-bleed: 2px;
--custom-drag-resize-container-handle-offset: calc(var(--custom-drag-resize-container-handle-bleed) - var(--custom-drag-resize-container-handle-size));
--custom-embed-spoiler-blur-radius: 44px;
--custom-gradient-progress-notch-width: 8px;
--custom-gradient-progress-notch-height: 16px;
--custom-gradient-progress-notch-margin: 2px;
--custom-guild-discovery-card-card-height: 320px;
--custom-guild-discovery-card-card-height-with-tags: 350px;
--custom-icon-button-icon-lg-size: 36px;
--custom-icon-button-icon-md-size: 24px;
--custom-icon-button-icon-sm-size: 18px;
--custom-icon-button-icon-xs-size: 12px;
--custom-invite-button-resolving-background-width: 380px;
--custom-keybind-space-around-key: 8px;
--custom-keybind-shadow-width: 2px;
--custom-keybind-vertical-padding-total-height: 8px;
--custom-keybind-applied-vertical-padding: calc(var(--custom-keybind-vertical-padding-total-height)/2 - var(--custom-keybind-shadow-width)/2);
--custom-full-screen-layer-animation-duration: 150ms;
--custom-layout-sidebar-width: 232px;
--custom-message-avatar-size: 40px;
--custom-message-avatar-decoration-size: calc(var(--custom-message-avatar-size)*var(--decoration-to-avatar-ratio));
--custom-message-margin-horizontal: 16px;
--custom-message-margin-compact-indent: 5rem;
--custom-message-spacing-vertical-container-cozy: 0.125rem;
--custom-message-padding-vertical-container-compact: 0.125rem;
--custom-message-meta-space: 0.25rem;
--custom-message-reply-indent: 0.625rem;
--custom-message-margin-left-content-cozy: calc(40px + var(--custom-message-margin-horizontal) + var(--custom-message-margin-horizontal));
--custom-message-reply-message-preview-line-height: 1.125rem;
--custom-message-attachment-spoiler-blur-radius: 44px;
--custom-user-premium-guild-subscription-easter-egg-size: 196px;
--custom-notification-spacing: 12px;
--custom-notification-container-width: 300px;
--custom-notification-space-around-divider: 12px;
--custom-notification-box-shadow-opacity: 0.8;
--custom-notification-box-shadow-blur-radius: 7px;
--custom-notification-box-shadow-spread-radius: 3px;
--custom-widget-max-widget-height: 100vh;
--custom-widget-bar-padding: 12px;
--custom-widget-body-padding: 4px;
--custom-widget-bar-height: 20px;
--custom-premium-guild-progress-bar-progress-bar-width: 24px;
--custom-premium-guild-progress-bar-tier-marker-size: 16px;
--custom-call-avatar-outgoing-duration: 2.5s;
--custom-call-avatar-incoming-duration: 5.407s;
--custom-resizable-icon-size: 16px;
--custom-resizable-icon-padding: 4px;
--custom-resizable-extension-size: 4px;
--custom-live-indicator-border-radius: 16px;
--custom-tutorial-popout-padding-content: 16px;
--custom-tutorial-popout-height-media-approx: 80px;
--custom-emoji-size-emoji: 1.375em;
--custom-emoji-size-jumbo-emoji: 3rem;
--custom-margin-margin-x-small: 4px;
--custom-margin-margin-small: 8px;
--custom-margin-margin-medium: 20px;
--custom-margin-margin-large: 40px;
--custom-margin-margin-x-large: 60px;
--custom-media-queries-media-query-mobile-header: 849px;
--custom-media-queries-media-query-mobile: 768px;
--custom-scrollbar-scrollbar-width: 14px;
--custom-scrollbar-scrollbar-margin: 3px;
--custom-scrollbar-border-radius: calc(var(--custom-scrollbar-scrollbar-width)/2);
--custom-create-welcome-channel-modal-emoji-size: 20px;
--custom-create-welcome-channel-modal-input-elements-padding: 10px;
--custom-voice-channel-effect-voice-channel-effect-animation-size: 800px;
--custom-voice-channel-effects-bar-effect-bar-padding-x: 16px;
--custom-voice-channel-effects-bar-effect-bar-padding-y: 12px;
--custom-voice-channel-effects-bar-max-width: 498px;
--custom-base-tile-border-radius: 8px;
--custom-user-profile-modal-user-profile-modal-width: 600px;
--custom-user-profile-modal-header-avatar-size: 120px;
--custom-user-profile-modal-header-total-avatar-border-size: 16px;
--custom-direct-message-section-delay: 150ms;
--custom-direct-message-section-opacity-delay: 20ms;
--custom-direct-message-section-duration: 150ms;
--custom-user-banner-premium-banner-height-popout: 120px;
--custom-user-banner-premium-banner-height-no-banner-image-popout: 90px;
--custom-user-banner-premium-banner-height-profile: 212px;
--custom-user-banner-premium-banner-height-settings: 100px;
--custom-user-banner-banner-height-pomelo: 64px;
--custom-user-banner-banner-height-popout: 60px;
--custom-user-banner-banner-height-profile: 106px;
--custom-user-banner-banner-height-panel: 120px;
--custom-user-banner-cancel-modal-height: 42px;
--custom-user-profile-themed-container-user-popout-width: 340px;
--custom-user-profile-themed-container-user-profile-modal-width: 600px;
--custom-user-profile-themed-container-user-profile-themed-padding: 4px;
--custom-user-profile-themed-container-profile-effects-user-popout-width: 280px;
--custom-summary-avatars-avatar-diameter: 16px;
--custom-guild-settings-premium-tier-status-progress-with-subscriptions-margin-top: 7px;
--custom-guild-stickers-tiers-grid-breakpoint: 1010px;
--custom-guild-sticker-upload-modal-emoji-size: 22px;
--custom-guild-sticker-upload-modal-emoji-margin: 10px;
--custom-stickers-constants-stickers-list-padding-top: 0;
--custom-stickers-constants-stickers-list-padding-top-search-results: 8px;
--custom-stickers-constants-stickers-list-padding-right: 0;
--custom-stickers-constants-stickers-list-padding-bottom: 0;
--custom-stickers-constants-stickers-list-padding-left: 8px;
--custom-stickers-constants-stickers-list-divider-height: 30px;
--custom-stickers-constants-stickers-list-empty-guild-upsell-height: 54px;
--custom-stickers-constants-stickers-shop-list-section-heading-height: 66px;
--custom-stickers-constants-stickers-shop-divider-border-top-width: 1px;
--custom-stickers-constants-stickers-shop-divider-height: 1px;
--custom-stickers-constants-stickers-shop-list-section-footer-height: 32px;
--custom-stickers-constants-stickers-shop-list-section-footer-stacked-margin: 8px;
--custom-stickers-constants-sticker-picker-preview-dimensions: 96px;
--custom-stickers-constants-sticker-picker-preview-dimensions-small: 80px;
--custom-stickers-constants-sticker-picker-preview-padding: 2px;
--custom-stickers-constants-sticker-shop-modal-preview-dimensions: 72px;
--custom-stickers-constants-sticker-picker-preview-margin: 12px;
--custom-stickers-constants-sticker-picker-preview-margin-small: 4px;
--custom-stickers-constants-sticker-picker-preview-border-radius: 4px;
--custom-stickers-constants-sticker-category-list-padding: 8px;
--custom-stickers-constants-sticker-category-icon-margin: 8px;
--custom-stickers-constants-sticker-category-icon-size: 32px;
--custom-stickers-constants-sticker-category-unicode-icon-size: 24px;
--custom-stickers-constants-sticker-dimension: 160px;
--custom-stickers-constants-sticker-purchase-pack-preview-dimensions: 76px;
--custom-stickers-constants-sticker-purchase-pack-preview-padding: 2px;
--custom-stickers-constants-sticker-purchase-pack-preview-margin: 0;
--custom-stickers-constants-sticker-picker-breakpoint-small: 360px;
--custom-stickers-constants-sticker-picker-breakpoint-medium: 446px;
--custom-stickers-constants-category-separator-size: 1px;
--custom-stickers-constants-category-separator-margin-vertical: 12px;
--custom-header-icon-color-expired: #4e5058;
--custom-reaction-picker-border-radius: 8px;
--custom-color-swatch-color-swatch-height: 50px;
--custom-profile-customization-preview-avatar-size: 80px;
--custom-profile-customization-preview-avatar-decoration-size: calc(var(--custom-profile-customization-preview-avatar-size)*var(--decoration-to-avatar-ratio));
--custom-profile-customization-preview-avatar-decoration-position: calc(var(--custom-profile-customization-preview-avatar-size)/2 - var(--custom-profile-customization-preview-avatar-decoration-size)/2);
--custom-outbound-promotion-redemption-modal-art-height: 120px;
--custom-premium-colors-premium-gradient-tier-0: linear-gradient(90deg,var(--premium-tier-0-purple-for-gradients),var(--premium-tier-0-blue-for-gradients));
--custom-premium-colors-premium-gradient-tier-1: linear-gradient(90deg,var(--premium-tier-1-blue-for-gradients),var(--premium-tier-1-dark-blue-for-gradients));
--custom-premium-colors-premium-gradient-tier-2: linear-gradient(90deg,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-pink-for-gradients));
--custom-premium-colors-premium-gradient-tier-2-diagonal: linear-gradient(45deg,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-pink-for-gradients));
--custom-premium-colors-premium-gradient-tier-2-tri-color: linear-gradient(90deg,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-purple-for-gradients-2),var(--premium-tier-2-pink-for-gradients));
--custom-premium-colors-premium-gradient-tier-2-old: linear-gradient(90deg,var(--premium-tier-2-purple),var(--premium-tier-2-pink));
--custom-pending-row-max-width: 1040px;
--custom-people-page-max-width-with-toolbar: 940px;
--custom-family-center-page-responsive-width-mobile: 900px;
--custom-text-widget-background-color-header-default: var(--primary-600);
--custom-voice-widget-top-margin: calc(var(--custom-widget-bar-height) + var(--custom-widget-bar-padding)*2);
--custom-voice-widget-widget-width: 272px;
--custom-o-auth-2-page-oauth-2-max-width: 400px;
--custom-party-avatars-avatar-diameter: 24px;
--custom-mobile-web-handoff-link-mobile-web-handoff-height: 70px;
--custom-embedded-application-invite-content-height: 130px;
--custom-embedded-application-invite-content-height-tall: 162px;
--custom-embedded-application-invite-content-width: 576px;
--custom-embedded-application-invite-image-width-small: 225px;
--custom-embedded-application-invite-image-width-large: 288px;
--custom-message-helpers-popout-content-width: 256px;
--custom-message-helpers-popout-padding-width: 16px;
--custom-message-helpers-popout-container-width: calc(var(--custom-message-helpers-popout-content-width) + var(--custom-message-helpers-popout-padding-width)*2);
--custom-media-post-attachments-horizontal-padding: 48px;
--custom-media-post-embed-spoiler-blur-radius: 20px;
--custom-media-post-embed-transition-duration: 170ms;
--custom-raging-demon-duration: 0.15s;
--custom-interaction-iframe-modal-modal-min-width: 320px;
--custom-interaction-iframe-modal-modal-margin: 80px;
--custom-interaction-iframe-modal-modal-max-width: 1280px;
--custom-interaction-iframe-modal-modal-header-height: 52px;
--custom-accept-invite-detail-components-small-mobile-breakpoint: 640px;
--custom-accept-invite-mobile-small-mobile-breakpoint: 640px;
--custom-hub-discovery-add-hub-card-card-height: 320px;
--custom-hub-discovery-guild-list-card-height: 320px;
--custom-hub-discovery-guild-list-min-card-width: 248px;
--custom-hub-discovery-guild-list-gutter-size: 16px;
--custom-hub-discovery-page-max-page-width: 1608px;
--custom-guild-tooltip-icon-size: 20px;
--custom-guild-tooltip-icon-size-v-2: 16px;
--custom-folder-item-animation-duration: 150ms;
--custom-folder-item-guild-icon-size: 48px;
--custom-folder-item-guild-icon-margin: 8px;
--custom-list-items-list-item-width: 72px;
--custom-category-channel-space-before-category: 16px;
--custom-add-permissions-modal-focus-ring-width: 4px;
--custom-custom-role-icon-form-item-role-icon-preview-size: 32px;
--custom-guild-settings-roles-edit-shared-sidebar-width: 232px;
--custom-guild-settings-roles-intro-roles-transition: 250ms;
--custom-guild-settings-roles-intro-pause-transition: 166ms;
--custom-guild-settings-roles-intro-background-transition: 500ms;
--custom-guild-settings-roles-intro-banner-transition-delay: calc(var(--custom-guild-settings-roles-intro-roles-transition) + var(--custom-guild-settings-roles-intro-pause-transition));
--custom-guild-settings-roles-intro-roles-transition-delay: calc(var(--custom-guild-settings-roles-intro-roles-transition) + var(--custom-guild-settings-roles-intro-pause-transition)*2 + var(--custom-guild-settings-roles-intro-background-transition));
--custom-guild-settings-community-intro-content-spacing: 32px;
--custom-guild-settings-community-intro-hover-distance: -12px;
--custom-guild-settings-community-intro-text-spacing: 8px;
--custom-guild-settings-discovery-landing-page-max-width-tab: 905px;
--custom-guild-settings-discovery-landing-page-settings-max-width: 520px;
--custom-guild-settings-partner-content-spacing: 32px;
--custom-event-detail-info-tab-base-spacing: 8px;
--custom-subscription-listing-previews-carousel-cards-get-cut-off-width: 724px;
--custom-editable-benefits-list-emoji-size: 24px;
--custom-edit-benefit-modal-emoji-size: 22px;
--custom-edit-benefit-modal-emoji-margin: 10px;
--custom-guild-settings-role-subscriptions-max-width: 905px;
--custom-guild-settings-role-subscriptions-overview-settings-max-width: 520px;
--custom-guild-settings-store-page-settings-max-width: 520px;
--custom-importable-benefits-list-listing-image-size: 40px;
--custom-import-benefits-modal-icon-size: 24px;
--custom-import-benefits-modal-role-icon-size: 40px;
--custom-role-icon-uploader-icon-size: 24px;
--custom-guild-role-subscription-style-constants-cover-image-aspect-ratio: 4;
--custom-historic-earnings-table-toggle-expand-column-width: 30px;
--custom-guild-role-subscription-card-basic-info-tier-image-size: 80px;
--custom-guild-role-subscription-card-basic-info-tier-image-size-mobile: 48px;
--custom-guild-role-subscriptions-overview-page-page-max-width: 1180px;
--custom-guild-dialog-popout-width: 250px;
--custom-guild-dialog-splash-ratio: 1.77778;
--custom-guild-dialog-icon-size: 84px;
--custom-guild-dialog-icon-padding: 4px;
--custom-guild-product-download-modal-header-image-width: 119px;
--custom-guild-onboarding-home-page-max-page-width: 1128px;
--custom-guild-onboarding-home-page-max-single-column-width: 704px;
--custom-home-resource-channels-obscured-blur-radius: 20px;
--custom-guild-member-application-review-sidebar-width: 29vw;
--custom-featured-items-popout-featured-items-popout-footer-height: 120px;
--custom-guild-boosting-sidebar-display-conditional-bottom-margin: 12px;
--custom-guild-boosting-marketing-progress-bar-marker-dimensions: 32px;
--custom-guild-boosting-marketing-progress-bar-end-markers-margin: 4px;
--custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions: 32px;
--custom-guild-boosting-marketing-tier-cards-tier-card-border-radius: 16px;
--custom-go-live-modal-art-height: 112px;
--custom-gif-picker-gutter-size: 0 16px 12px 16px;
--custom-gif-picker-search-results-desired-item-width: 160px;
--custom-forum-composer-attachments-attachment-size: 78px;
--custom-forum-post-obscured-blur-radius: 20px;
--custom-forum-post-grid-view-obscured-blur-radius: 20px;
--custom-increased-activity-forum-post-obscured-blur-radius: 20px;
--custom-demo-forum-channel-padding-large: 20px;
--custom-demo-forum-channel-post-padding: 12px;
--custom-demo-forum-channel-gap-size: 8px;
--custom-feedback-modal-emoji-size: 64px;
--custom-feedback-modal-close-button-margin: 12px;
--custom-expression-suggestions-container-padding: 8px;
--custom-expression-suggestions-sticker-suggestion-size: 48px;
--custom-expression-suggestions-sticker-suggestion-margin: 8px;
--custom-expression-picker-constants-expression-picker-list-section-heading-height: 32px;
--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-primary-dimensions: 28px;
--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-secondary-dimensions: 32px;
--custom-expression-picker-constants-expression-picker-inspector-bar-height: 48px;
--custom-emoji-picker-border-radius: 8px;
--custom-emoji-picker-constants-min-emoji-picker-width: 498px;
--custom-emoji-picker-constants-emoji-size-medium: 40px;
--custom-emoji-picker-constants-emoji-size-large: 48px;
--custom-emoji-picker-constants-emoji-container-padding-horizontal: 4px;
--custom-emoji-picker-constants-emoji-container-padding-vertical: 4px;
--custom-emoji-picker-constants-emoji-picker-height: 440px;
--custom-emoji-picker-constants-emoji-section-margin-bottom: 12px;
--custom-emoji-picker-constants-emoji-list-padding-top: 0;
--custom-emoji-picker-constants-emoji-list-padding-right: 0;
--custom-emoji-picker-constants-emoji-list-padding-bottom: 8px;
--custom-emoji-picker-constants-emoji-list-padding-left: 8px;
--custom-emoji-picker-constants-emoji-list-search-results-padding-top: 8px;
--custom-emoji-picker-constants-unicode-category-icon-margin-vertical: 2px;
--custom-emoji-picker-constants-unicode-category-icon-size: 24px;
--custom-emoji-picker-constants-unicode-category-icon-padding: 4px;
--custom-emoji-picker-constants-unicode-category-shortcut-height: 48px;
--custom-emoji-picker-constants-guild-category-icon-size: 32px;
--custom-emoji-picker-constants-guild-category-icon-margin-verical: 8px;
--custom-emoji-picker-constants-category-separator-size: 1px;
--custom-emoji-picker-constants-category-separator-margin-vertical: 12px;
--custom-emoji-picker-constants-diversity-emoji-size: 24px;
--custom-emoji-picker-constants-emoji-premium-upsell-height: 54px;
--custom-emoji-picker-constants-emoji-premium-upsell-margin-top: 16px;
--custom-emoji-picker-constants-newly-added-emoji-badge-height: 16px;
--custom-drop-redemption-modal-art-height: 120px;
--custom-discover-static-guild-card-card-height: 258px;
--custom-discover-featured-guilds-section-card-height: 320px;
--custom-discover-featured-guilds-section-min-card-width: 248px;
--custom-discover-featured-guilds-section-gutter-size: 16px;
--custom-discover-search-results-max-search-bar-width: 720px;
--custom-guild-directory-min-card-width: 248px;
--custom-guild-directory-gutter-size: 16px;
--custom-guild-directory-min-content-width: 320px;
--custom-guild-directory-max-page-width: 1608px;
--custom-guild-directory-entry-card-card-height: 274px;
--custom-guild-directory-landing-min-header-height: 200px;
--custom-custom-status-modal-art-height: 120px;
--custom-custom-status-modal-emoji-size: 22px;
--custom-custom-status-modal-emoji-margin: 10px;
--custom-guild-shop-page-two-column-max-width: 1439px;
--custom-aspect-stable-image-container-padding: 20px;
--custom-monetization-info-table-expandable-rows-toggle-expand-column-width: 30px;
--custom-guild-shop-content-width: 1044px;
--custom-guild-shop-content-width-reduced: 788px;
--custom-guild-shop-content-width-minimum: 688px;
--custom-guild-shop-channel-row-gradient: linear-gradient(113deg,#2f3570 1.98%,#422c70 94.48%);
--custom-guild-shop-channel-row-gradient-hover: linear-gradient(113deg,#383f86 1.98%,#4d3385 94.48%);
--custom-guild-shop-channel-row-border-gradient: linear-gradient(113deg,#6591ff,#d150ff);
--custom-guild-shop-channel-row-glow: 0 0 4px rgba(189,149,255,0.5);
--custom-guild-shop-preview-pill-shadow-dark: -4px 5px #1d1d1d;
--custom-guild-shop-preview-pill-shadow-light: -4px 5px #d7dce8;
--custom-guild-role-connections-modal-close-button-margin: 12px;
--custom-clips-enabled-indicator-medium-break-point: 920px;
--custom-clips-enabled-indicator-badge-icon-dimension-override: 20px;
--custom-client-themes-editor-content-width: calc(var(--custom-theme-selection-selection-size)*3 + var(--custom-theme-selection-group-column-gap)*2);
--custom-client-themes-editor-editor-padding: 16px;
--custom-theme-selection-selection-size: 60px;
--custom-theme-selection-group-column-gap: 24px;
--custom-channel-attachment-upload-spoiler-blur-radius: 44px;
--custom-channel-attachment-upload-mini-attachment-size: 78px;
--custom-channel-textarea-text-area-height: 44px;
--custom-channel-notice-icon-size: 16px;
--custom-channel-notice-padding: 12px;
--custom-channel-call-participants-popout-padding-value: 16px;
--custom-stream-upsell-modal-art-height: 149px;
--custom-voice-channel-status-modal-emoji-size: 22px;
--custom-voice-channel-status-modal-emoji-margin: 10px;
--custom-broadcasting-tooltip-image-offset: 40px;
--custom-application-subscription-card-benefits-gap: 16px;
--custom-application-subscription-card-listing-image-size: 40px;
--custom-application-directory-content-min-width: 600px;
--custom-application-directory-content-max-width: 1024px;
--custom-guild-count-small-icon-size: 16px;
--custom-guild-count-large-icon-size: 20px;
--custom-collection-gallery-text-container-width: 400px;
--custom-collection-gallery-media-breakpoint: 1024px;
--custom-collection-gallery-column-card-height: 600px;
--custom-collection-gallery-row-card-height: 283px;
--custom-collection-list-card-gap: 16px;
--custom-collection-list-with-image-grid-gap: 16px;
--custom-collections-collection-gap: 32px;
--custom-application-directory-profile-sidebar-width: 192px;
--custom-application-directory-profile-sidebar-margin-right: 48px;
--custom-application-directory-profile-icon-size: 122px;
--custom-application-directory-search-sidebar-width: 200px;
--custom-application-directory-search-sidebar-margin-right: 32px;
--custom-activities-home-tile-scroller-vertical-margin: 8px;
--custom-activities-home-whats-new-horizontal-margin: 10px;
--custom-activities-home-whats-new-tile-width: 224px;
--custom-activities-home-happening-now-card-width: 305px;
--custom-activities-home-happening-now-gap: 16px;
--custom-activities-home-activity-card-width: 235px;
--custom-activity-bookmark-embed-image-width: 356px;
--custom-activity-bookmark-embed-image-height: 200px;
--custom-activity-bookmark-embed-content-height: 400px;
--custom-activity-shelf-item-activity-item-height: 230px;
--custom-activity-shelf-item-large-activity-item-height: 143px;
--custom-activity-shelf-modal-modal-padding: 80px;
--custom-activity-shelf-modal-modal-width: 496px;
--custom-activity-shelf-modal-modal-min-width: 496px;
--custom-activity-shelf-modal-modal-max-width: 1024px;
--custom-activity-shelf-modal-modal-header-height: 92px;
--custom-activity-shelf-modal-modal-header-without-description-height: 74px;
--custom-activity-shelf-modal-modal-footer-height: 70px;
--custom-activity-shelf-modal-modal-art-height: 64px;
--custom-activity-shelf-modal-modal-max-height: 720px;
--custom-activity-shelf-modal-modal-header-developer-controls-height: 176px;
--custom-activity-shelf-modal-dividers-height: 2px;
--custom-activity-shelf-modal-divider-height: 1px;
--custom-activity-shelf-slide-activity-directory-shelf-grid-gap: 16px;
--custom-accept-invite-modal-invite-modal-height: 420px;
--custom-accept-invite-modal-small-screen-width: 720px;
--custom-avatar-avatar-decoration-border-position: calc((0.5 - var(--decoration-to-avatar-ratio)/2)*100%);
--custom-button-button-xl-width: 148px;
--custom-button-button-xl-height: 50px;
--custom-button-button-lg-width: 130px;
--custom-button-button-lg-height: 44px;
--custom-button-button-md-width: 96px;
--custom-button-button-md-height: 38px;
--custom-button-button-sm-width: 60px;
--custom-button-button-sm-height: 32px;
--custom-button-button-tn-height: 24px;
--custom-button-button-tn-width: 52px;
--custom-button-link-underline-width: 1px;
--custom-button-link-underline-offset: 1px;
--custom-button-link-underline-stop: calc(var(--custom-button-link-underline-width) + var(--custom-button-link-underline-offset));
--custom-button-filled-hover: 0.1;
--custom-button-filled-active: 0.2;
--custom-button-transition-duration: 170ms;
--custom-modal-min-width-large: 800px;
--custom-special-markdown-small-break-point: 600px;
--custom-special-markdown-medium-break-point: 768px;
--custom-user-profile-hype-squad-badge-icon-size: 24px;
--custom-user-profile-hype-squad-badge-shine-size-offset: 64px;
--custom-guild-discovery-gutter-size: 16px;
--custom-guild-discovery-max-page-width: 1608px;
--custom-dropdown-button-small-dropdown-size: 16px;
--custom-dropdown-button-medium-dropdown-size: 24px;
--custom-dropdown-button-large-dropdown-size: 32px;
--custom-dropdown-button-separator-padding: 4px;
--custom-dropdown-button-hitbox-padding: 8px;
--custom-responsive-embed-tile-loading-background-width: 271px;
--custom-game-install-locations-item-padding: 20px;
--custom-game-list-row-min-height: 62px;
--custom-game-list-linked-to-glow-duration: 2000ms;
--custom-application-store-home-store-home-width: 1245px;
--custom-application-store-listing-body-max-width: 880px;
--custom-store-colors-primary-750: #191b1d;
--custom-store-colors-premium-gradient: linear-gradient(90deg,var(--premium-tier-2-purple),var(--premium-tier-2-pink));
--custom-member-list-item-avatar-decoration-padding: 2px;
--custom-messages-popout-messages-popout-footer-height: 120px;
--custom-radio-image-border-thickness: 2px;
--custom-standard-sidebar-view-sidebar-content-width: 192px;
--custom-standard-sidebar-view-standard-padding: 20px;
--custom-standard-sidebar-view-sidebar-content-scrollbar-padding: 6px;
--custom-standard-sidebar-view-sidebar-total-width: calc(var(--custom-standard-sidebar-view-sidebar-content-width) + var(--custom-standard-sidebar-view-standard-padding) + var(--custom-standard-sidebar-view-sidebar-content-scrollbar-padding));
--decoration-to-avatar-ratio: 1.2;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--bg-overlay-1: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-1)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-1))) fixed 0 0/cover,var(--custom-theme-background) fixed 0 0/cover;
--bg-overlay-2: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-2)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-2))) fixed 0 0/cover,var(--custom-theme-background) fixed 0 0/cover;
--bg-overlay-3: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-3)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-3))) fixed 0 0/cover,var(--custom-theme-background) fixed 0 0/cover;
--bg-overlay-4: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-4)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-4))) fixed 0 0/cover,var(--custom-theme-background) fixed 0 0/cover;
--bg-overlay-5: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-5)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-5))) fixed 0 0/cover,var(--custom-theme-background) fixed 0 0/cover;
--bg-overlay-6: linear-gradient(rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-6)),rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-6))) fixed 0 0/cover,var(--custom-theme-background) fixed 0 0/cover;
--bg-overlay-hover: linear-gradient(rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-hover-inverse)),rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-hover-inverse))) fixed 0 0/cover,linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-hover)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-hover))) fixed 0 0/cover,var(--custom-theme-background) fixed 0 0/cover;
--bg-overlay-active: linear-gradient(rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-active-inverse)),rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-active-inverse))) fixed 0 0/cover,linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-active)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-active))) fixed 0 0/cover,var(--custom-theme-background) fixed 0 0/cover;
--bg-overlay-selected: linear-gradient(rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-selected-inverse)),rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-selected-inverse))) fixed 0 0/cover,linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-selected)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-selected))) fixed 0 0/cover,var(--custom-theme-background) fixed 0 0/cover;
--bg-overlay-chat: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-chat)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-chat))) fixed 0 0/cover,var(--custom-theme-background) fixed 0 0/cover;
--bg-overlay-home: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-home)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-home))) fixed 0 0/cover,var(--custom-theme-background) fixed 0 0/cover;
--bg-overlay-home-card: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-home-card)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-home-card))) fixed 0 0/cover,var(--custom-theme-background) fixed 0 0/cover;
--bg-overlay-app-frame: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-app-frame)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-app-frame))) fixed 0 0/cover,var(--custom-theme-background) fixed 0 0/cover;
--search-popout-option-fade: linear-gradient(90deg,hsl(var(--primary-800-hsl)/0),hsl(var(--primary-800-hsl)/1) 80%);
--search-popout-option-fade-hover: linear-gradient(90deg,hsl(var(--primary-600-hsl)/0),var(--primary-600) 50%);
--search-popout-option-user-nickname: var(--text-normal);
--search-popout-option-user-username: var(--text-muted);
--search-popout-option-filter-text: var(--primary-400);
--search-popout-option-non-text-color: #caccce;
--search-popout-option-filter-color: #caccce;
--search-popout-option-answer-color: #caccce;
--search-popout-date-picker-border: 1px solid hsl(var(--primary-660-hsl)/0.3);
--search-popout-date-picker-hint-text: #caccce;
--search-popout-date-picker-hint-value-text: #fff;
--search-popout-date-picker-hint-value-background: var(--brand-experiment);
--search-popout-date-picker-hint-value-background-hover: var(--brand-experiment-430);
--emojiInputHorizontalPadding: 8px;
--legacy-elevation-low: 0 1px 5px 0 hsl(var(--black-500-hsl)/0.3);
--legacy-elevation-high: 0 2px 10px 0 hsl(var(--black-500-hsl)/0.2);
--legacy-elevation-border: 0 0 0 1px hsl(var(--primary-700-hsl)/0.6);
--custom-forum-post-form-horizontal-padding: 12px;
--custom-forum-post-form-control-size: 36px;
--custom-theme-background: linear-gradient(128.92deg, var(--bg-gradient-chroma-glow-1) 3.94%, var(--bg-gradient-chroma-glow-2) 26.1%, var(--bg-gradient-chroma-glow-3) 39.82%, var(--bg-gradient-chroma-glow-4) 56.89%, var(--bg-gradient-chroma-glow-5) 76.45%);
--background-primary: transparent !important;
--background-secondary: transparent !important;
--background-secondary-alt: transparent !important;
--background-tertiary: transparent !important;
--background-accent: transparent !important;
--__spoiler-background-color--revealed: hsl(var(--white-500-hsl)/0.1);
--__spoiler-text-color--hidden: transparent;
--__spoiler-warning-text-color: var(--primary-200);
--__spoiler-warning-text-color--hover: var(--white-500);
--__spoiler-warning-background-color: hsl(var(--black-500-hsl)/0.6);
--__spoiler-warning-background-color--hover: hsl(var(--black-500-hsl)/0.9);
--__spoiler-container-box-shadow-color: hsl(var(--black-500-hsl)/0.1);
--__spoiler-background-color--hidden: var(--primary-630);
--__spoiler-background-color--hidden--hover: hsl(var(--primary-630-hsl)/0.8);
--bg-overlay-color: 0 0 0;
--bg-overlay-color-inverse: 255 255 255;
--bg-overlay-opacity-1: 0.85;
--bg-overlay-opacity-2: 0.8;
--bg-overlay-opacity-3: 0.7;
--bg-overlay-opacity-4: 0.5;
--bg-overlay-opacity-5: 0.4;
--bg-overlay-opacity-6: 0.1;
--bg-overlay-opacity-hover: 0.5;
--bg-overlay-opacity-hover-inverse: 0.08;
--bg-overlay-opacity-active: 0.45;
--bg-overlay-opacity-active-inverse: 0.1;
--bg-overlay-opacity-selected: 0.4;
--bg-overlay-opacity-selected-inverse: 0.15;
--bg-overlay-opacity-chat: 0.8;
--bg-overlay-opacity-home: 0.85;
--bg-overlay-opacity-home-card: 0.8;
--bg-overlay-opacity-app-frame: var(--bg-overlay-opacity-4);
font-size: 100%;
--saturation-factor: 1;
--devtools-sidebar-width: 0px;
}