@charset "utf-8";

body { --color-bait: #76a3cc; --color-bait-dark: #426280; --color-bait-light: #a6cdf1; --color-blue-light: #a6cdf1; --color-blue: #627eea; --color-blue-0: #00b1be; --color-blue-1: #01729c; --color-blue-14: #0e82ad; --color-blue-18: #125797; --color-blue-44: #2c45c6; --color-blue-46: #2e506e; --color-blue-59: #3b5ed9; --color-blue-59-24: #3b5ed93d; --color-blue-65: #4157a5; --color-blue-69: #45b1ff; --color-blue-71: #4782e1; --color-blue-73: #49bcff; --color-blue-74: #4abaff; --color-blue-88: #58a0ff; --color-blue-91: #5b91d7; --color-blue-91-dark: #3c6cab; --color-blue-92: #5c85ff; --color-blue-97: #61caff; --color-blue-102: #669eb1; --color-blue-114: #72bbfd; --color-blue-192: #c0d4d5; --color-blue-med: #345d9d; --color-blue-discord: #5865f2; --color-blue-discord-dark: #4752c4; --color-blue-steam: #00adee; --color-blue-twitter: #1da1f2; --color-bronze: #d2492b; --color-bronze-light: #ff8f5f; --color-cyan: #0084c1; --color-cyan-43: #2bf4f7; --color-gold: #e1a94c; --color-gold-light: #ffc35f; --color-green: #3cf3b1; --color-green-12: #3cf3b11f; --color-green-16: #3cf3b129; --color-green-20: #3cf3b133; --color-green-24: #3cf3b13d; --color-green-light: #7bffcf; --color-green-med: #50af95; --color-green-dark: #207e5c; --color-green-10: #0a260e; --color-green-22: #16b539; --color-green-27: #1b9f33; --color-green-27-dark: #18952f; --color-green-35: #23e68e; --color-green-60: #3cf3b1; --color-green-66: #42eca0; --color-green-72: #13481a; --color-green-85: #55cd6b; --color-green-86: #56de40; --color-green-101: #65e554; --color-green-104: #68994b; --color-green-130: #82f38d; --color-green-140: #0d8c50; --color-green-164: #a4e27f; --color-green-167: #a7ffb9; --color-green-170: #0daa4e; --color-green-184: #b8d528; --color-green-197: #13c554; --color-green-kick: #53ff18; --color-grey: #7787c0; --color-orange: #f79e43; --color-orange-214: #d67f27; --color-orange-235: #eb6125; --color-orange-235-16: #eb612529; --color-orange-235-24: #eb61253d; --color-orange-239: #efab39; --color-orange-246: #f6a73f; --color-orange-255: #ff7000; --color-orange-med: #f79300; --color-orange-dark: #f26822; --color-pink: #cd40f0; --color-pink-143: #8f1db1; --color-pink-184: #b821de; --color-pink-234: #ea53e8; --color-pink-234-dark: #c63bc4; --color-pink-236: #ec7fff; --color-pink-244: #f479ff; --color-pink-255: #ff79ff; --color-purple-27: #1b173d; --color-purple-31: #1f1a44; --color-purple-57: #392f7a; --color-purple-69: #451465; --color-purple-81: #5160e8; --color-purple-125: #7d40ff; --color-purple-126: #7e4fe0; --color-purple-126-24: #7e4fe03d; --color-purple-128: #8056f6; --color-purple-129: #810069; --color-purple-137-52: #8934e4; --color-purple-137-52-dark: #7b2ad2; --color-purple-137-75: #894bff; --color-purple-138: #8a0071; --color-purple-146: #9259ff; --color-purple-158: #9e71ff; --color-purple-165: #a59fec; --color-purple-179: #b38bff; --color-purple-181: #b5135d; --color-purple-198: #c6a8ff; --color-purple-203: #cbb0ff; --color-purple-205: #cd40f0; --color-purple-205-24: #cd40f03d; --color-purple-twitch: #6441a5; --color-red: #df343c; --color-red-12: #df343c1f; --color-red-16: #df343c29; --color-red-20: #df343c33; --color-red-24: #df343c3d; --color-red-205: #cd6756; --color-red-212: #d42f2f; --color-red-225: #e14c4c; --color-red-234: #ea6060; --color-red-250: #fa6a65; --color-red-251: #fb2730; --color-red-255: #ff8d8d; --color-red-255-0: red; --color-red-255-53: #ff3535; --color-red-255-63: #ff3f47; --color-red-255-88: #ff5858; --color-red-255-88-dark: #d33d3d; --color-red-light: #ff636a; --color-red-dark: #861d22; --color-red-youtube: red; --color-tier-1: #ff823c; --color-tier-1-1: #d97c41; --color-tier-2: #cacaca; --color-tier-2-1: #fff; --color-tier-3: #ffc462; --color-tier-3-1: #fff; --color-tier-4: #29b2ff; --color-tier-4-1: #79ff92; --color-tier-5: #ff4545; --color-tier-6-1: #dbdbdb; --color-tier-6-2: #ad44ff; --color-tier-6-3: #4bffd4; --color-tier-6-4: #fc7; --color-silver: #9b9b9b; --color-silver-light: #edebff; --color-yellow: #e1a94c; --color-yellow-12: #e1a94c1f; --color-yellow-15: #e1a94c26; --color-yellow-16: #e1a94c29; --color-yellow-24: #e1a94c3d; --color-yellow-167: #a7770f; --color-yellow-169-dark: #ac7a29; --color-yellow-195: #c38d1a; --color-yellow-196: #c47423; --color-yellow-204: #cc9d3c; --color-yellow-210: #d2b16c; --color-yellow-213: #d5ac55; --color-yellow-219: #dba947; --color-yellow-225: #e1a94c; --color-yellow-229: #e5bc7a; --color-yellow-252: #fca918; --color-yellow-255-169: #ffa900; --color-yellow-255-215: #ffd789; --color-yellow-255-230: #ffe633; --color-yellow-255-232: #ffe8bb; --color-yellow-255-237: #ffed4f; --color-yellow-light: #ffe5b9; --color-yellow-med: #ffde00; --color-yellow-dark: #ba9f33; --color-yellow-dark-72: #483d35; --color-yellow-dark-95: #5f544e; --color-yellow-dark-118: #765109; --color-black: #000; --color-black-5: #0000000d; --color-black-10: #0000001a; --color-black-20: #0003; --color-black-40: #0006; --color-black-60: #0009; --color-black-80: #000c; --color-white: #fff; --color-white-5: #ffffff0d; --color-white-10: #ffffff1a; --color-white-20: #fff3; --color-white-40: #fff6; --color-white-60: #fff9; --color-white-80: #fffc; --color-grey-100: #0b0c11; --color-grey-150: #0e1015; --color-grey-200: #13151b; --color-grey-250: #16181d; --color-grey-300: #181a22; --color-grey-350: #1a1c23; --color-grey-400: #1b1c22; --color-grey-450: #202229; --color-grey-475: #282a30; --color-grey-500: #33373d; --color-grey-525: #323746; --color-grey-550: #3b4050; --color-grey-700: #5b6470; --color-grey-850: #8d9bac; --color-grey-950: #9da3b2; --color-grey-1000: #fff; --color-primary-50: #fef8ed; --color-primary-100: #fde9c8; --color-primary-200: #fbdead; --color-primary-300: #facf88; --color-primary-400: #f9c571; --color-primary-500: #f7b74d; --color-primary-600: #e1a746; --color-primary-650: #c48e35; --color-primary-700: #af8237; --color-primary-800: #88652a; --color-primary-900: #684d20; --color-primary-500-8: #f7b74d14; --color-primary-500-16: #f7b74d29; --color-primary-500-24: #f7b74d3d; --color-primary-theme: #f7b74d; --color-primary-theme-dark: #e1a746; --color-primary-theme-light: #f9c571; --color-purple-111: #ffb30f; --color-purple-167: #eaba51; --color-purple-180: #ffcb5c; }

body.christmas { --color-primary-theme: #e14c4c; --color-primary-theme-dark: #df343c; --color-primary-theme-light: #cd6756; }

body.newyear { --color-primary-theme: #58a0ff; --color-primary-theme-dark: #4157a5; --color-primary-theme-light: #45b1ff; }

body.valentine { --color-primary-theme: #ff248e; --color-primary-theme-dark: #d81774; --color-primary-theme-light: #ff4ca3; }

.no-touch-callout { }

body.xfun { --color-grey-100: #0e054d; --color-grey-150: #241b52; --color-grey-200: #1d1841; --color-grey-250: #29225c; --color-grey-300: #32296c; --color-grey-450: #3e3578; --color-grey-475: #482984; --color-grey-525: #342c62; --color-grey-550: #504a7a; --color-grey-700: #8478ca; --color-grey-850: #a79fe3; --color-grey-950: #b2aceb; --color-primary-500: #894bff; --color-primary-500-8: #894bff14; --color-primary-500-16: #894bff29; --color-primary-500-24: #894bff3d; --color-purple-111: #6f3cd0; --color-purple-167: #a779ff; --color-purple-180: #b499e7; }

@font-face { font-family: IntegralBold; src: url("/fonts/integral-bold.woff"); }

@font-face { font-family: GeogrotesqueWide; src: url("/fonts/GeogrotesqueWide-Rg.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: GeogrotesqueWide; src: url("/fonts/GeogrotesqueWide-RgIt.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }

@font-face { font-family: GeogrotesqueWide; src: url("/fonts/GeogrotesqueWide-Md.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: GeogrotesqueWide; src: url("/fonts/GeogrotesqueWide-MdIt.woff2") format("woff2"); font-weight: 500; font-style: italic; font-display: swap; }

@font-face { font-family: GeogrotesqueWide; src: url("/fonts/GeogrotesqueWide-SmBd.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: GeogrotesqueWide; src: url("/fonts/GeogrotesqueWide-SmBdIt.woff2") format("woff2"); font-weight: 600; font-style: italic; font-display: swap; }

@font-face { font-family: GeogrotesqueWide; src: url("/fonts/GeogrotesqueWide-Bd.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: GeogrotesqueWide; src: url("/fonts/GeogrotesqueWide-BdIt.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; }

@font-face { font-family: GeogrotesqueWideCyrillic; src: url("/fonts/cyrillic/GeogrotesqueWideCyrillic-RobotoFlex-v1.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; size-adjust: 96.8%; unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }

@font-face { font-family: TomorrowCyrillic; src: url("/fonts/cyrillic/TomorrowCyrillic-PlayBold-v1.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; size-adjust: 107.9%; unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }

:root { --font-wide: GeogrotesqueWide, GeogrotesqueWideCyrillic; }

body { font-weight: 600; }

.p, p, h1, h2, h3, h4, h5, h6, span, text, tspan, a, li, ul, ol, input, textarea, button, number-flow-react { font-family: var(--font-wide), Arial, Helvetica, sans-serif; }

.font-grinches { font-family: var(--font-grinches), Arial, Helvetica, sans-serif; }

.font-tomorrow { font-family: TomorrowCyrillic, Tomorrow, var(--font-tomorrow), Arial, Helvetica, sans-serif; }

.font-wide { font-family: var(--font-wide), Arial, Helvetica, sans-serif; }

.font-wide-semibold { font-family: var(--font-wide), Arial, Helvetica, sans-serif; font-weight: 600; }

:root { --color-toast-info: #fff; --color-toast-info2: #1b95ed; --color-toast-info3: #1b95ed; --color-toast-success: #fff; --color-toast-success2: #18cd3f; --color-toast-success3: #18cd3f; --color-toast-warning: #fef7ea; --color-toast-warning2: #f88f01; --color-toast-warning3: #f88f01; --color-toast-error: #fff; --color-toast-error2: #ff3737; --color-toast-error3: #ff3737; --color-toast-base: #181a22; --color-toast-top: #ffffff0d; --color-toast-badge: #3d404a80; --color-toast-title: #fff; --color-toast-msg: #9da3b2; --color-accent-green: #79ff92; --color-accent-red: #eb4b4b; --color-accent-gold: #e1a94c; --color-accent-blue: #1b95ed; }

[data-sonner-toaster][data-x-position="right"] { --width: 360px; }

[data-sonner-toast] { width: var(--width); }