:root { --color-bg-footer-app-desktop: var(--color-blue-400); --color-bg-footer-app-mobile: var(--color-purple-400); --color-bg-game-of-the-week: var(--color-blue-400); --color-bg-jackpot-0: var(--color-pink-800); --color-bg-jackpot-100: var(--color-pink-600); --color-bg-notification-badge: var(--color-orange-400); --color-bg-random-game: var(--color-purple-blue-500); --color-bg-random-game-card-skeleton: var(--color-purple-blue-700); --color-bg-sidebar-badge: var(--color-rose-500); --color-black: #000; --color-black-alpha-20: rgba(0,0,0,0.2); --color-black-alpha-40: rgba(0,0,0,0.4); --color-black-alpha-60: rgba(0,0,0,0.6); --color-black-alpha-88: rgba(0,0,0,0.88); --color-bonus: var(--color-purple-500); --color-bonus-badge: var(--color-bg-tertiary); --color-brand-accent: var(--color-mint-700); --color-brand-accent-hover-dark: var(--color-mint-600); --color-brand-accent-hover-light: var(--color-mint-800); --color-brand-primary: var(--color-blue-cyan-500); --color-brand-primary-alpha-12: rgba(0,117,255,0.12); --color-brand-primary-alpha-68: rgba(0,117,255,0.68); --color-brand-primary-hover-dark: var(--color-blue-cyan-450); --color-brand-primary-hover-light: var(--color-blue-cyan-550); --color-freemoney: radial-gradient(181.61% 181.61%at 122.05% -3.73%,#006167 0%,#003D41 51.3%,#102425 100%); --color-freemoney-app-bonus: var(--color-purple-400); --color-freemoney-brand-coins: var(--color-purple-blue-500); --color-freemoney-brand-token: var(--color-blue-700); --color-freemoney-cashback: var(--color-lime-700); --color-freemoney-fortune-wheel: radial-gradient(71.2% 59.28%at 70.89% 0%,#424853 0%,#25282E 100%); --color-freemoney-loyalty-card: var(--color-cyan-500); --color-freemoney-push: var(--color-rose-400); --color-freemoney-referral-program: linear-gradient(289deg,#A76DFF 18.27%,#640AEC 83.75%); --color-freemoney-tg: var(--color-cyan-500); --color-freemoney-vk: var(--color-blue-cyan-500); --color-freemoney-vouchers: var(--color-purple-blue-700); --color-informative: var(--color-blue-cyan-500); --color-informative-alpha-12: rgba(0,117,255,0.12); --color-informative-hover-dark: var(--color-blue-cyan-400); --color-informative-hover-light: var(--color-blue-cyan-600); --color-main-banner-freemoney-bg: linear-gradient(141deg,var(--pink-purple-200,#EF64FF) 0.72%,var(--blue-blue-400,#005CFF) 100%); --color-negative-dark: var(--color-orange-525); --color-negative-dark-alpha-12: rgba(246,61,0,0.12); --color-negative-dark-alpha-16: rgba(246,61,0,0.16); --color-negative-hover-dark: var(--color-orange-400); --color-negative-hover-light: var(--color-orange-700); --color-negative-light: var(--color-orange-600); --color-negative-light-alpha-12: rgba(217,54,0,0.12); --color-negative-light-alpha-16: rgba(217,54,0,0.16); --color-neutral-100: var(--color-gray-100); --color-neutral-150: var(--color-gray-150); --color-neutral-200: var(--color-gray-200); --color-neutral-225: var(--color-gray-225); --color-neutral-250: var(--color-gray-250); --color-neutral-300: var(--color-gray-300); --color-neutral-325: var(--color-gray-325); --color-neutral-350: var(--color-gray-350); --color-neutral-400: var(--color-gray-400); --color-neutral-450: var(--color-gray-450); --color-neutral-50: var(--color-gray-50); --color-neutral-500: var(--color-gray-500); --color-neutral-600: var(--color-gray-600); --color-neutral-700: var(--color-gray-700); --color-neutral-800: var(--color-gray-800); --color-neutral-850: var(--color-gray-850); --color-neutral-900: var(--color-gray-900); --color-neutral-alpha-12: rgba(163,171,187,0.12); --color-neutral-alpha-16: rgba(163,171,187,0.16); --color-neutral-alpha-20: rgba(163,171,187,0.2); --color-neutral-alpha-8: rgba(163,171,187,0.08); --color-neutral-dark-13: rgba(154,161,177,1); --color-neutral-dark-2: rgba(29,30,32,1); --color-neutral-light-13: rgba(83,87,95,1); --color-neutral-light-2: rgba(240,242,245,1); --color-positive-dark: var(--color-mint-775); --color-positive-dark-alpha-12: rgba(0,150,62,0.12); --color-positive-light: var(--color-mint-825); --color-positive-light-alpha-12: rgba(0,131,55,0.12); --color-superprize: var(--color-orange-amber-500); --color-warning-dark: var(--color-citron-yellow-600); --color-warning-dark-alpha-12: rgba(217,166,0,0.12); --color-warning-light: var(--color-yellow-amber-600); --color-warning-light-alpha-12: rgba(217,126,0,0.12); --color-white: #fff; --color-white-alpha-20: rgba(255,255,255,0.2); --color-white-alpha-24: rgba(255,255,255,0.24); --color-white-alpha-28: rgba(255,255,255,0.28); --color-white-alpha-52: rgba(255,255,255,0.52); --color-white-alpha-68: rgba(255,255,255,0.68); --color-white-alpha-84: rgba(255,255,255,0.84); --color-white-alpha-96: rgba(255,255,255,0.96); --randomGame-color-bg-mobile-grad: var(--color-purple-blue-500) } body { background-color: var(--neutral-dark-1) } :root { --reserved-fonts: "Poppins",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" } :root { --neutral-clean-black: #000000; --neutral-clean-none: rgba(0,0,0,0); --neutral-clean-white: #ffffff; --neutral-dark-1: #141415; --neutral-dark-10: #9ea2ab; --neutral-dark-11: #b3b6bd; --neutral-dark-12: #797f8b; --neutral-dark-13: #9aa1b1; --neutral-dark-14: #f0f2f5; --neutral-dark-2: #1d1e20; --neutral-dark-3: #2e3035; --neutral-dark-4: #3b3d43; --neutral-dark-5: #44474e; --neutral-dark-6: #4f525a; --neutral-dark-7: #62666f; --neutral-dark-8: #757a85; --neutral-dark-9: #898e98; --neutral-dark-alfa-1: rgba(255,255,255,0.08); --neutral-dark-alfa-10: rgba(255,255,255,0.64); --neutral-dark-alfa-11: rgba(255,255,255,0.72); --neutral-dark-alfa-12: rgba(255,255,255,0.8); --neutral-dark-alfa-13: rgba(255,255,255,0.88); --neutral-dark-alfa-14: rgba(255,255,255,0.96); --neutral-dark-alfa-2: rgba(255,255,255,0.12); --neutral-dark-alfa-3: rgba(255,255,255,0.16); --neutral-dark-alfa-4: rgba(255,255,255,0.2); --neutral-dark-alfa-5: rgba(255,255,255,0.24); --neutral-dark-alfa-6: rgba(255,255,255,0.32); --neutral-dark-alfa-7: rgba(255,255,255,0.4); --neutral-dark-alfa-8: rgba(255,255,255,0.48); --neutral-dark-alfa-9: rgba(255,255,255,0.56); --neutral-dark-alfa-tonal-1: rgba(179,182,189,0.08); --neutral-dark-alfa-tonal-10: rgba(179,182,189,0.64); --neutral-dark-alfa-tonal-11: rgba(179,182,189,0.72); --neutral-dark-alfa-tonal-12: rgba(179,182,189,0.8); --neutral-dark-alfa-tonal-13: rgba(179,182,189,0.88); --neutral-dark-alfa-tonal-14: rgba(179,182,189,0.96); --neutral-dark-alfa-tonal-2: rgba(179,182,189,0.12); --neutral-dark-alfa-tonal-3: rgba(179,182,189,0.16); --neutral-dark-alfa-tonal-4: rgba(179,182,189,0.2); --neutral-dark-alfa-tonal-5: rgba(179,182,189,0.24); --neutral-dark-alfa-tonal-6: rgba(179,182,189,0.32); --neutral-dark-alfa-tonal-7: rgba(179,182,189,0.4); --neutral-dark-alfa-tonal-8: rgba(179,182,189,0.48); --neutral-dark-alfa-tonal-9: rgba(179,182,189,0.56); --neutral-light-1: #ffffff; --neutral-light-10: #747984; --neutral-light-11: #646872; --neutral-light-12: #6f7480; --neutral-light-13: #53575f; --neutral-light-14: #141415; --neutral-light-2: #f0f2f5; --neutral-light-3: #d7dbe2; --neutral-light-4: #dfe1e3; --neutral-light-5: #cdced3; --neutral-light-6: #bcbec4; --neutral-light-7: #a9acb4; --neutral-light-8: #989ca5; --neutral-light-9: #858a95; --neutral-light-alfa-1: rgba(0,0,0,0.08); --neutral-light-alfa-10: rgba(0,0,0,0.64); --neutral-light-alfa-11: rgba(0,0,0,0.72); --neutral-light-alfa-12: rgba(0,0,0,0.8); --neutral-light-alfa-13: rgba(0,0,0,0.88); --neutral-light-alfa-14: rgba(0,0,0,0.96); --neutral-light-alfa-2: rgba(0,0,0,0.12); --neutral-light-alfa-3: rgba(0,0,0,0.16); --neutral-light-alfa-4: rgba(0,0,0,0.2); --neutral-light-alfa-5: rgba(0,0,0,0.24); --neutral-light-alfa-6: rgba(0,0,0,0.32); --neutral-light-alfa-7: rgba(0,0,0,0.4); --neutral-light-alfa-8: rgba(0,0,0,0.48); --neutral-light-alfa-9: rgba(0,0,0,0.56); --neutral-light-alfa-tonal-1: rgba(169,172,180,0.08); --neutral-light-alfa-tonal-10: rgba(169,172,180,0.64); --neutral-light-alfa-tonal-11: rgba(169,172,180,0.72); --neutral-light-alfa-tonal-12: rgba(169,172,180,0.8); --neutral-light-alfa-tonal-13: rgba(169,172,180,0.88); --neutral-light-alfa-tonal-14: rgba(169,172,180,0.96); --neutral-light-alfa-tonal-2: rgba(169,172,180,0.12); --neutral-light-alfa-tonal-3: rgba(169,172,180,0.16); --neutral-light-alfa-tonal-4: rgba(169,172,180,0.2); --neutral-light-alfa-tonal-5: rgba(169,172,180,0.24); --neutral-light-alfa-tonal-6: rgba(169,172,180,0.32); --neutral-light-alfa-tonal-7: rgba(169,172,180,0.4); --neutral-light-alfa-tonal-8: rgba(169,172,180,0.48); --neutral-light-alfa-tonal-9: rgba(169,172,180,0.56) } :root { --brand-accent-dark-1: #001509; --brand-accent-dark-10: #00d95b; --brand-accent-dark-11: #3dc476; --brand-accent-dark-12: #5bcd8b; --brand-accent-dark-13: #7fd8a5; --brand-accent-dark-14: #9fe2bb; --brand-accent-dark-2: #002b12; --brand-accent-dark-3: #003c19; --brand-accent-dark-4: #005223; --brand-accent-dark-5: #00632a; --brand-accent-dark-6: #007933; --brand-accent-dark-7: #008a3a; --brand-accent-dark-8: #00a144; --brand-accent-dark-9: #00b24b; --brand-accent-light-1: #cdf0dc; --brand-accent-light-10: #008c3b; --brand-accent-light-11: #008337; --brand-accent-light-12: #006b2d; --brand-accent-light-13: #005223; --brand-accent-light-14: #003c19; --brand-accent-light-2: #b3e8c9; --brand-accent-light-3: #99e0b7; --brand-accent-light-4: #7fd8a5; --brand-accent-light-5: #67d194; --brand-accent-light-6: #4bc980; --brand-accent-light-7: #33c16f; --brand-accent-light-8: #17b95b; --brand-accent-light-9: #00b24b; --brand-primary-alfa-12: rgba(0,117,255,0.12); --brand-primary-alfa-68: rgba(0,117,255,0.68); --brand-primary-dark-1: #0b0a17; --brand-primary-dark-10: #1381ff; --brand-primary-dark-11: #3fa2ff; --brand-primary-dark-12: #5eb6ff; --brand-primary-dark-13: #7ec8ff; --brand-primary-dark-14: #9dd8ff; --brand-primary-dark-2: #10102d; --brand-primary-dark-3: #141744; --brand-primary-dark-4: #161f5e; --brand-primary-dark-5: #16297a; --brand-primary-dark-6: #143698; --brand-primary-dark-7: #0f46b8; --brand-primary-dark-8: #095bdb; --brand-primary-dark-9: #0075ff; --brand-primary-light-1: #cde5ff; --brand-primary-light-10: #006eec; --brand-primary-light-11: #0653b5; --brand-primary-light-12: #084291; --brand-primary-light-13: #08336f; --brand-primary-light-14: #07244e; --brand-primary-light-2: #b3d7ff; --brand-primary-light-3: #9acaff; --brand-primary-light-4: #80bcff; --brand-primary-light-5: #66aeff; --brand-primary-light-6: #4da0ff; --brand-primary-light-7: #3392ff; --brand-primary-light-8: #1a83ff; --brand-primary-light-9: #0075ff; --nonsemantic-grad-primary-dark-1: #0b0a17; --nonsemantic-grad-primary-dark-2: #10102d; --nonsemantic-grad-primary-dark-3: #141744; --nonsemantic-grad-primary-dark-4: #161f5e; --nonsemantic-grad-primary-dark-5: #16297a; --nonsemantic-grad-primary-dark-6: #143698; --nonsemantic-grad-primary-dark-7: #0f46b8; --nonsemantic-grad-primary-dark-8: #095bdb; --nonsemantic-grad-primary-dark-9: #0075ff; --nonsemantic-grad-primary-light-1: #cde5ff; --nonsemantic-grad-primary-light-2: #b3d7ff; --nonsemantic-grad-primary-light-3: #9acaff; --nonsemantic-grad-primary-light-4: #80bcff; --nonsemantic-grad-primary-light-5: #66aeff; --nonsemantic-grad-primary-light-6: #4da0ff; --nonsemantic-grad-primary-light-7: #3392ff; --nonsemantic-grad-primary-light-8: #1a83ff; --nonsemantic-grad-primary-light-9: #0075ff; --nonsemantic-grad-quaternary-dark-1: #1e1912; --nonsemantic-grad-quaternary-dark-2: #3e3425; --nonsemantic-grad-quaternary-dark-3: #564834; --nonsemantic-grad-quaternary-dark-4: #766347; --nonsemantic-grad-quaternary-dark-5: #8e7755; --nonsemantic-grad-quaternary-dark-6: #ae9168; --nonsemantic-grad-quaternary-dark-7: #c6a577; --nonsemantic-grad-quaternary-dark-8: #e6c08a; --nonsemantic-grad-quaternary-dark-9: #ffd599; --nonsemantic-grad-quaternary-light-1: #fff7eb; --nonsemantic-grad-quaternary-light-2: #fff2e1; --nonsemantic-grad-quaternary-light-3: #ffeed6; --nonsemantic-grad-quaternary-light-4: #ffeacc; --nonsemantic-grad-quaternary-light-5: #ffe6c2; --nonsemantic-grad-quaternary-light-6: #ffe1b7; --nonsemantic-grad-quaternary-light-7: #ffddad; --nonsemantic-grad-quaternary-light-8: #ffd9a2; --nonsemantic-grad-quaternary-light-9: #ffd599; --nonsemantic-grad-quinary-dark-1: #00181a; --nonsemantic-grad-quinary-dark-2: #003135; --nonsemantic-grad-quinary-dark-3: #004449; --nonsemantic-grad-quinary-dark-4: #005e64; --nonsemantic-grad-quinary-dark-5: #007179; --nonsemantic-grad-quinary-dark-6: #008b94; --nonsemantic-grad-quinary-dark-7: #009ea8; --nonsemantic-grad-quinary-dark-8: #00b7c4; --nonsemantic-grad-quinary-dark-9: #00cbd9; --nonsemantic-grad-quinary-light-1: #cdf5f8; --nonsemantic-grad-quinary-light-2: #b3f0f4; --nonsemantic-grad-quinary-light-3: #99eaf0; --nonsemantic-grad-quinary-light-4: #7fe5ec; --nonsemantic-grad-quinary-light-5: #67e0e8; --nonsemantic-grad-quinary-light-6: #4bdae4; --nonsemantic-grad-quinary-light-7: #33d5e1; --nonsemantic-grad-quinary-light-8: #17d0dc; --nonsemantic-grad-quinary-light-9: #00cbd9; --nonsemantic-grad-secondary-dark-1: #001509; --nonsemantic-grad-secondary-dark-2: #002b12; --nonsemantic-grad-secondary-dark-3: #003c19; --nonsemantic-grad-secondary-dark-4: #005223; --nonsemantic-grad-secondary-dark-5: #00632a; --nonsemantic-grad-secondary-dark-6: #007933; --nonsemantic-grad-secondary-dark-7: #008a3a; --nonsemantic-grad-secondary-dark-8: #00a144; --nonsemantic-grad-secondary-dark-9: #00b24b; --nonsemantic-grad-secondary-light-1: #cdf0dc; --nonsemantic-grad-secondary-light-2: #b3e8c9; --nonsemantic-grad-secondary-light-3: #99e0b7; --nonsemantic-grad-secondary-light-4: #7fd8a5; --nonsemantic-grad-secondary-light-5: #67d194; --nonsemantic-grad-secondary-light-6: #4bc980; --nonsemantic-grad-secondary-light-7: #33c16f; --nonsemantic-grad-secondary-light-8: #17b95b; --nonsemantic-grad-secondary-light-9: #00b24b; --nonsemantic-grad-senary-dark-1: #09001e; --nonsemantic-grad-senary-dark-2: #12003e; --nonsemantic-grad-senary-dark-3: #1a0056; --nonsemantic-grad-senary-dark-4: #230076; --nonsemantic-grad-senary-dark-5: #2a008d; --nonsemantic-grad-senary-dark-6: #3400ad; --nonsemantic-grad-senary-dark-7: #3b00c5; --nonsemantic-grad-senary-dark-8: #4500e5; --nonsemantic-grad-senary-dark-9: #4c00fe; --nonsemantic-grad-senary-light-1: #dccdff; --nonsemantic-grad-senary-light-2: #cab3ff; --nonsemantic-grad-senary-light-3: #b799ff; --nonsemantic-grad-senary-light-4: #a57ffe; --nonsemantic-grad-senary-light-5: #9467fe; --nonsemantic-grad-senary-light-6: #814bfe; --nonsemantic-grad-senary-light-7: #7033fe; --nonsemantic-grad-senary-light-8: #5c17fe; --nonsemantic-grad-senary-light-9: #4c00fe; --nonsemantic-grad-septenary-dark-1: #1a000b; --nonsemantic-grad-septenary-dark-2: #350016; --nonsemantic-grad-septenary-dark-3: #49001e; --nonsemantic-grad-septenary-dark-4: #64002a; --nonsemantic-grad-septenary-dark-5: #790032; --nonsemantic-grad-septenary-dark-6: #94003d; --nonsemantic-grad-septenary-dark-7: #a80046; --nonsemantic-grad-septenary-dark-8: #c40051; --nonsemantic-grad-septenary-dark-9: #d9005a; --nonsemantic-grad-septenary-light-1: #f8cddf; --nonsemantic-grad-septenary-light-2: #f4b3ce; --nonsemantic-grad-septenary-light-3: #f099bd; --nonsemantic-grad-septenary-light-4: #ec7fac; --nonsemantic-grad-septenary-light-5: #e8679d; --nonsemantic-grad-septenary-light-6: #e44b8b; --nonsemantic-grad-septenary-light-7: #e1337b; --nonsemantic-grad-septenary-light-8: #dc1769; --nonsemantic-grad-septenary-light-9: #d9005a; --nonsemantic-grad-tertiary-dark-1: #0d001e; --nonsemantic-grad-tertiary-dark-2: #1b003e; --nonsemantic-grad-tertiary-dark-3: #260056; --nonsemantic-grad-tertiary-dark-4: #340076; --nonsemantic-grad-tertiary-dark-5: #3f008e; --nonsemantic-grad-tertiary-dark-6: #4d00ae; --nonsemantic-grad-tertiary-dark-7: #5800c6; --nonsemantic-grad-tertiary-dark-8: #6600e6; --nonsemantic-grad-tertiary-dark-9: #7100ff; --nonsemantic-grad-tertiary-light-1: #e3cdff; --nonsemantic-grad-tertiary-light-2: #d5b3ff; --nonsemantic-grad-tertiary-light-3: #c699ff; --nonsemantic-grad-tertiary-light-4: #b87fff; --nonsemantic-grad-tertiary-light-5: #aa67ff; --nonsemantic-grad-tertiary-light-6: #9b4bff; --nonsemantic-grad-tertiary-light-7: #8d33ff; --nonsemantic-grad-tertiary-light-8: #7e17ff; --nonsemantic-grad-tertiary-light-9: #7100ff; --sentiment-favorite-alfa-12: rgba(234,220,138,0.12); --sentiment-favorite-dark-1: #1e1804; --sentiment-favorite-dark-10: #ffd240; --sentiment-favorite-dark-11: #ffd85a; --sentiment-favorite-dark-12: #ffde73; --sentiment-favorite-dark-13: #ffe592; --sentiment-favorite-dark-14: #ffecad; --sentiment-favorite-dark-2: #3e3209; --sentiment-favorite-dark-3: #56450d; --sentiment-favorite-dark-4: #765e12; --sentiment-favorite-dark-5: #8e7215; --sentiment-favorite-dark-6: #ae8b1a; --sentiment-favorite-dark-7: #c69e1e; --sentiment-favorite-dark-8: #e6b822; --sentiment-favorite-dark-9: #ffcc26; --sentiment-favorite-light-1: #fff5d4; --sentiment-favorite-light-10: #dcb021; --sentiment-favorite-light-11: #bc961c; --sentiment-favorite-light-12: #9a7b17; --sentiment-favorite-light-13: #765e12; --sentiment-favorite-light-14: #56450d; --sentiment-favorite-light-2: #fff0be; --sentiment-favorite-light-3: #ffeba8; --sentiment-favorite-light-4: #ffe592; --sentiment-favorite-light-5: #ffe17e; --sentiment-favorite-light-6: #ffdb66; --sentiment-favorite-light-7: #ffd651; --sentiment-favorite-light-8: #ffd13a; --sentiment-favorite-light-9: #ffcc26; --sentiment-first-dark-9: #ffc300; --sentiment-first-light-9: #ffc300; --sentiment-informative-alfa-12: rgba(0,117,255,0.12); --sentiment-informative-dark-1: #0b0a17; --sentiment-informative-dark-10: #1381ff; --sentiment-informative-dark-11: #3fa2ff; --sentiment-informative-dark-12: #5eb6ff; --sentiment-informative-dark-13: #7ec8ff; --sentiment-informative-dark-14: #9dd8ff; --sentiment-informative-dark-2: #10102d; --sentiment-informative-dark-3: #141744; --sentiment-informative-dark-4: #161f5e; --sentiment-informative-dark-5: #16297a; --sentiment-informative-dark-6: #143698; --sentiment-informative-dark-7: #0f46b8; --sentiment-informative-dark-8: #095bdb; --sentiment-informative-dark-9: #0075ff; --sentiment-informative-light-1: #cde5ff; --sentiment-informative-light-10: #006eec; --sentiment-informative-light-11: #0653b5; --sentiment-informative-light-12: #084291; --sentiment-informative-light-13: #08336f; --sentiment-informative-light-14: #07244e; --sentiment-informative-light-2: #b3d7ff; --sentiment-informative-light-3: #9acaff; --sentiment-informative-light-4: #80bcff; --sentiment-informative-light-5: #66aeff; --sentiment-informative-light-6: #4da0ff; --sentiment-informative-light-7: #3392ff; --sentiment-informative-light-8: #1a83ff; --sentiment-informative-light-9: #0075ff; --sentiment-negative-alfa-12: rgba(246,61,0,0.12); --sentiment-negative-alfa-16: rgba(246,61,0,0.16); --sentiment-negative-alfa-20: rgba(246,61,0,0.2); --sentiment-negative-dark-1: #1d0700; --sentiment-negative-dark-10: #f7551f; --sentiment-negative-dark-11: #f86b3d; --sentiment-negative-dark-12: #f9825b; --sentiment-negative-dark-13: #fa9e7f; --sentiment-negative-dark-14: #fcb69f; --sentiment-negative-dark-2: #3c0f00; --sentiment-negative-dark-3: #531500; --sentiment-negative-dark-4: #721c00; --sentiment-negative-dark-5: #892200; --sentiment-negative-dark-6: #a82a00; --sentiment-negative-dark-7: #bf2f00; --sentiment-negative-dark-8: #de3700; --sentiment-negative-dark-9: #f63d00; --sentiment-negative-light-1: #f8d8cd; --sentiment-negative-light-10: #bb2f00; --sentiment-negative-light-11: #a02800; --sentiment-negative-light-12: #832100; --sentiment-negative-light-13: #641900; --sentiment-negative-light-14: #491200; --sentiment-negative-light-2: #f4c3b3; --sentiment-negative-light-3: #f0af99; --sentiment-negative-light-4: #ec9a7f; --sentiment-negative-light-5: #e88767; --sentiment-negative-light-6: #e4714b; --sentiment-negative-light-7: #e15e33; --sentiment-negative-light-8: #dc4817; --sentiment-negative-light-9: #d93600; --sentiment-positive-alfa-12: rgba(0,150,62,0.12); --sentiment-positive-alfa-20: rgba(0,150,62,0.2); --sentiment-positive-dark-1: #001509; --sentiment-positive-dark-10: #1fbb61; --sentiment-positive-dark-11: #3dc476; --sentiment-positive-dark-12: #5bcd8b; --sentiment-positive-dark-13: #7fd8a5; --sentiment-positive-dark-14: #9fe2bb; --sentiment-positive-dark-2: #002b12; --sentiment-positive-dark-3: #003c19; --sentiment-positive-dark-4: #005223; --sentiment-positive-dark-5: #00632a; --sentiment-positive-dark-6: #007933; --sentiment-positive-dark-7: #008a3a; --sentiment-positive-dark-8: #00a144; --sentiment-positive-dark-9: #00b24b; --sentiment-positive-light-1: #cdf0dc; --sentiment-positive-light-10: #009a41; --sentiment-positive-light-11: #008337; --sentiment-positive-light-12: #006b2d; --sentiment-positive-light-13: #005223; --sentiment-positive-light-14: #003c19; --sentiment-positive-light-2: #b3e8c9; --sentiment-positive-light-3: #99e0b7; --sentiment-positive-light-4: #7fd8a5; --sentiment-positive-light-5: #67d194; --sentiment-positive-light-6: #4bc980; --sentiment-positive-light-7: #33c16f; --sentiment-positive-light-8: #17b95b; --sentiment-positive-light-9: #00b24b; --sentiment-second-dark-9: #818794; --sentiment-second-light-9: #818794; --sentiment-third-dark-9: #d97e00; --sentiment-third-light-9: #d97e00; --sentiment-warning-alfa-12: rgba(217,166,0,0.12); --sentiment-warning-dark-1: #0f0c0c; --sentiment-warning-dark-10: #f7bd00; --sentiment-warning-dark-11: #ffc817; --sentiment-warning-dark-12: #ffcf35; --sentiment-warning-dark-13: #ffd754; --sentiment-warning-dark-14: #ffde72; --sentiment-warning-dark-2: #1f1514; --sentiment-warning-dark-3: #321e19; --sentiment-warning-dark-4: #47281b; --sentiment-warning-dark-5: #5f351b; --sentiment-warning-dark-6: #794718; --sentiment-warning-dark-7: #975e13; --sentiment-warning-dark-8: #b77e0b; --sentiment-warning-dark-9: #d9a600; --sentiment-warning-light-1: #f6d9ad; --sentiment-warning-light-10: #b86c04; --sentiment-warning-light-11: #985a07; --sentiment-warning-light-12: #794909; --sentiment-warning-light-13: #5c3809; --sentiment-warning-light-14: #3f2708; --sentiment-warning-light-2: #f5ce95; --sentiment-warning-light-3: #f5c47c; --sentiment-warning-light-4: #f5b963; --sentiment-warning-light-5: #f6af48; --sentiment-warning-light-6: #f7a42e; --sentiment-warning-light-7: #f99a13; --sentiment-warning-light-8: #ef8d03; --sentiment-warning-light-9: #d97e00 } .colorScheme-dark { --color-background-base-alfa-neutral-12: var(--neutral-dark-alfa-tonal-2); --color-background-base-alfa-neutral-16: var(--neutral-dark-alfa-tonal-3); --color-background-base-alfa-neutral-20: var(--neutral-dark-alfa-tonal-4); --color-background-base-alfa-neutral-32: var(--neutral-dark-alfa-tonal-6); --color-background-base-alfa-neutral-48: var(--neutral-dark-alfa-tonal-8); --color-background-base-alfa-neutral-8: var(--neutral-dark-alfa-tonal-1); --color-background-base-alfa-neutral-88: var(--neutral-dark-alfa-tonal-13); --color-background-base-alfa-primary: var(--neutral-dark-alfa-13); --color-background-base-alfa-scrim: var(--neutral-light-alfa-12); --color-background-base-alfa-secondary: var(--neutral-dark-alfa-6); --color-background-base-alfa-static-black: var(--neutral-light-alfa-4); --color-background-base-alfa-static-black-20: var(--neutral-light-alfa-4); --color-background-base-alfa-static-black-40: var(--neutral-light-alfa-7); --color-background-base-alfa-static-black-60: var(--neutral-light-alfa-10); --color-background-base-alfa-static-black-88: var(--neutral-light-alfa-13); --color-background-base-alfa-static-white: var(--neutral-dark-alfa-4); --color-background-base-alfa-static-white-20: var(--neutral-dark-alfa-4); --color-background-base-alfa-static-white-24: var(--neutral-dark-alfa-5); --color-background-base-alfa-static-white-32: var(--neutral-dark-alfa-6); --color-background-base-alfa-static-white-48: var(--neutral-dark-alfa-8); --color-background-base-alfa-static-white-64: var(--neutral-dark-alfa-10); --color-background-base-alfa-static-white-8: var(--neutral-dark-alfa-1); --color-background-base-alfa-static-white-88: var(--neutral-dark-alfa-13); --color-background-base-alfa-static-white-96: var(--neutral-dark-alfa-14); --color-background-base-alfa-subtle: var(--neutral-dark-alfa-4); --color-background-base-alfa-tertiary: var(--neutral-dark-alfa-5); --color-background-base-alt-primary: var(--neutral-dark-1); --color-background-base-alt-secondary: var(--neutral-dark-2); --color-background-base-elevated: var(--neutral-clean-black); --color-background-base-inverted: var(--neutral-clean-white); --color-background-base-primary: var(--neutral-dark-1); --color-background-base-secondary: var(--neutral-dark-2); --color-background-base-static-black: var(--neutral-clean-black); --color-background-base-static-white: var(--neutral-clean-white); --color-background-base-tertiary: var(--neutral-dark-3); --color-background-brand-accent-primary: var(--brand-accent-dark-1); --color-background-brand-accent-secondary: var(--brand-accent-dark-2); --color-background-brand-accent-tertiary: var(--brand-accent-dark-3); --color-background-brand-primary: var(--brand-primary-dark-1); --color-background-brand-secondary: var(--brand-primary-dark-2); --color-background-brand-tertiary: var(--brand-primary-dark-3); --color-background-sentiment-favorite-primary: var(--sentiment-favorite-dark-1); --color-background-sentiment-favorite-secondary: var(--sentiment-favorite-dark-2); --color-background-sentiment-favorite-tertiary: var(--sentiment-favorite-dark-3); --color-background-sentiment-informative-primary: var(--sentiment-informative-dark-1); --color-background-sentiment-informative-secondary: var(--sentiment-informative-dark-2); --color-background-sentiment-informative-tertiary: var(--sentiment-informative-dark-3); --color-background-sentiment-negative-primary: var(--sentiment-negative-dark-1); --color-background-sentiment-negative-secondary: var(--sentiment-negative-dark-2); --color-background-sentiment-negative-tertiary: var(--sentiment-negative-dark-3); --color-background-sentiment-positive-primary: var(--sentiment-positive-dark-1); --color-background-sentiment-positive-secondary: var(--sentiment-positive-dark-2); --color-background-sentiment-positive-tertiary: var(--sentiment-positive-dark-3); --color-background-sentiment-warning-primary: var(--sentiment-warning-dark-1); --color-background-sentiment-warning-secondary: var(--sentiment-warning-dark-2); --color-background-sentiment-warning-tertiary: var(--sentiment-warning-dark-3); --color-border-base-alfa-container: var(--neutral-dark-alfa-tonal-2); --color-border-base-alfa-divider: var(--neutral-dark-alfa-tonal-2); --color-border-base-alfa-static-white-20: var(--neutral-dark-alfa-4); --color-border-base-alfa-static-white-64: var(--neutral-dark-alfa-10); --color-border-base-default: var(--neutral-dark-8); --color-border-base-none: var(--neutral-clean-none); --color-border-base-on-bg-primary: var(--color-background-base-primary); --color-border-base-on-bg-secondary: var(--color-background-base-secondary); --color-border-base-on-bg-tertiary: var(--color-background-base-tertiary); --color-border-base-subtle: var(--neutral-dark-7); --color-border-brand-accent-default: var(--brand-accent-dark-8); --color-border-brand-accent-subtle: var(--brand-accent-dark-7); --color-border-brand-primary-default: var(--brand-primary-dark-8); --color-border-brand-primary-subtle: var(--brand-primary-dark-7); --color-border-sentiment-favorite-default: var(--sentiment-favorite-dark-8); --color-border-sentiment-favorite-subtle: var(--sentiment-favorite-dark-7); --color-border-sentiment-informative-default: var(--sentiment-informative-dark-8); --color-border-sentiment-informative-subtle: var(--sentiment-informative-dark-7); --color-border-sentiment-negative-default: var(--sentiment-negative-dark-8); --color-border-sentiment-negative-subtle: var(--sentiment-negative-dark-7); --color-border-sentiment-positive-default: var(--sentiment-positive-dark-8); --color-border-sentiment-positive-subtle: var(--sentiment-positive-dark-7); --color-border-sentiment-warning-default: var(--sentiment-warning-dark-8); --color-border-sentiment-warning-subtle: var(--sentiment-warning-dark-7); --color-content-base-alfa-neutral-12: var(--neutral-dark-alfa-tonal-2); --color-content-base-alfa-neutral-16: var(--neutral-dark-alfa-tonal-3); --color-content-base-alfa-neutral-20: var(--neutral-dark-alfa-tonal-4); --color-content-base-alfa-neutral-8: var(--neutral-dark-alfa-tonal-1); --color-content-base-alfa-static-black-20: var(--neutral-light-alfa-4); --color-content-base-alfa-static-black-40: var(--neutral-light-alfa-7); --color-content-base-alfa-static-black-64: var(--neutral-light-alfa-10); --color-content-base-alfa-static-black-88: var(--neutral-light-alfa-13); --color-content-base-alfa-static-white-20: var(--neutral-dark-alfa-4); --color-content-base-alfa-static-white-24: var(--neutral-dark-alfa-5); --color-content-base-alfa-static-white-32: var(--neutral-dark-alfa-6); --color-content-base-alfa-static-white-48: var(--neutral-dark-alfa-8); --color-content-base-alfa-static-white-64: var(--neutral-dark-alfa-10); --color-content-base-alfa-static-white-72: var(--neutral-dark-alfa-11); --color-content-base-alfa-static-white-88: var(--neutral-dark-alfa-13); --color-content-base-alfa-static-white-96: var(--neutral-dark-alfa-14); --color-content-base-clean: var(--neutral-clean-white); --color-content-base-inverted: var(--neutral-clean-black); --color-content-base-none: var(--neutral-clean-none); --color-content-base-on-accent: var(--neutral-clean-white); --color-content-base-on-primary: var(--neutral-clean-white); --color-content-base-primary: var(--neutral-dark-14); --color-content-base-secondary: var(--neutral-dark-13); --color-content-base-static-black: var(--neutral-clean-black); --color-content-base-static-white: var(--neutral-clean-white); --color-content-base-tertiary: var(--neutral-dark-12); --color-content-brand-accent-primary: var(--brand-accent-dark-14); --color-content-brand-accent-secondary: var(--brand-accent-dark-13); --color-content-brand-accent-tertiary: var(--brand-accent-dark-12); --color-content-brand-primary: var(--brand-primary-dark-14); --color-content-brand-secondary: var(--brand-primary-dark-13); --color-content-brand-tertiary: var(--brand-primary-dark-12); --color-content-sentiment-favorite-primary: var(--sentiment-favorite-dark-14); --color-content-sentiment-favorite-secondary: var(--sentiment-favorite-dark-13); --color-content-sentiment-favorite-tertiary: var(--sentiment-favorite-dark-12); --color-content-sentiment-informative-primary: var(--sentiment-informative-dark-14); --color-content-sentiment-informative-secondary: var(--sentiment-informative-dark-13); --color-content-sentiment-informative-tertiary: var(--sentiment-informative-dark-12); --color-content-sentiment-negative-primary: var(--sentiment-negative-dark-14); --color-content-sentiment-negative-secondary: var(--sentiment-negative-dark-13); --color-content-sentiment-negative-tertiary: var(--sentiment-negative-dark-12); --color-content-sentiment-positive-primary: var(--sentiment-positive-dark-14); --color-content-sentiment-positive-secondary: var(--sentiment-positive-dark-13); --color-content-sentiment-positive-tertiary: var(--sentiment-positive-dark-12); --color-content-sentiment-warning-primary: var(--sentiment-warning-dark-14); --color-content-sentiment-warning-secondary: var(--sentiment-warning-dark-13); --color-content-sentiment-warning-tertiary: var(--sentiment-warning-dark-12); --color-promo-hex-primary-0: var(--nonsemantic-grad-primary-dark-9); --color-promo-hex-primary-100: var(--nonsemantic-grad-primary-dark-2); --color-promo-hex-primary-50: var(--nonsemantic-grad-primary-dark-1); --color-promo-hex-quaternary-0: var(--nonsemantic-grad-quaternary-dark-9); --color-promo-hex-quaternary-100: var(--nonsemantic-grad-quaternary-dark-2); --color-promo-hex-quaternary-50: var(--nonsemantic-grad-quaternary-dark-1); --color-promo-hex-quinary-0: var(--nonsemantic-grad-quinary-dark-9); --color-promo-hex-quinary-100: var(--nonsemantic-grad-quinary-dark-2); --color-promo-hex-quinary-50: var(--nonsemantic-grad-quinary-dark-1); --color-promo-hex-secondary-0: var(--nonsemantic-grad-secondary-dark-9); --color-promo-hex-secondary-100: var(--nonsemantic-grad-secondary-dark-2); --color-promo-hex-secondary-50: var(--nonsemantic-grad-secondary-dark-1); --color-promo-hex-senary-0: var(--nonsemantic-grad-senary-dark-9); --color-promo-hex-senary-100: var(--nonsemantic-grad-senary-dark-2); --color-promo-hex-senary-50: var(--nonsemantic-grad-senary-dark-1); --color-promo-hex-septenary-0: var(--nonsemantic-grad-septenary-dark-9); --color-promo-hex-septenary-100: var(--nonsemantic-grad-septenary-dark-2); --color-promo-hex-septenary-50: var(--nonsemantic-grad-septenary-dark-1); --color-promo-hex-tertiary-0: var(--nonsemantic-grad-tertiary-dark-9); --color-promo-hex-tertiary-100: var(--nonsemantic-grad-tertiary-dark-2); --color-promo-hex-tertiary-50: var(--nonsemantic-grad-tertiary-dark-1); --color-solid-brand-accent-active: var(--brand-accent-dark-11); --color-solid-brand-accent-default: var(--brand-accent-dark-9); --color-solid-brand-accent-hover: var(--brand-accent-dark-10); --color-solid-brand-primary-active: var(--brand-primary-dark-11); --color-solid-brand-primary-alfa-12: var(--brand-primary-alfa-12); --color-solid-brand-primary-alfa-68: var(--brand-primary-alfa-68); --color-solid-brand-primary-default: var(--brand-primary-dark-9); --color-solid-brand-primary-hover: var(--brand-primary-dark-10); --color-solid-sentiment-favorite-active: var(--sentiment-favorite-dark-11); --color-solid-sentiment-favorite-default: var(--sentiment-favorite-dark-9); --color-solid-sentiment-favorite-hover: var(--sentiment-favorite-dark-10); --color-solid-sentiment-informative-active: var(--sentiment-informative-dark-11); --color-solid-sentiment-informative-alfa-12: var(--sentiment-informative-alfa-12); --color-solid-sentiment-informative-default: var(--sentiment-informative-dark-9); --color-solid-sentiment-informative-hover: var(--sentiment-informative-dark-10); --color-solid-sentiment-negative-active: var(--sentiment-negative-dark-11); --color-solid-sentiment-negative-alfa-12: var(--sentiment-negative-alfa-12); --color-solid-sentiment-negative-alfa-16: var(--sentiment-negative-alfa-16); --color-solid-sentiment-negative-alfa-20: var(--sentiment-negative-alfa-20); --color-solid-sentiment-negative-default: var(--sentiment-negative-dark-9); --color-solid-sentiment-negative-hover: var(--sentiment-negative-dark-10); --color-solid-sentiment-place-first: var(--sentiment-first-dark-9); --color-solid-sentiment-place-second: var(--sentiment-second-dark-9); --color-solid-sentiment-place-third: var(--sentiment-third-dark-9); --color-solid-sentiment-positive-active: var(--sentiment-positive-dark-11); --color-solid-sentiment-positive-alfa-12: var(--sentiment-positive-alfa-12); --color-solid-sentiment-positive-alfa-20: var(--sentiment-positive-alfa-20); --color-solid-sentiment-positive-default: var(--sentiment-positive-dark-9); --color-solid-sentiment-positive-hover: var(--sentiment-positive-dark-10); --color-solid-sentiment-warning-active: var(--sentiment-warning-dark-11); --color-solid-sentiment-warning-alfa-12: var(--sentiment-warning-alfa-12); --color-solid-sentiment-warning-default: var(--sentiment-warning-dark-9); --color-solid-sentiment-warning-hover: var(--sentiment-warning-dark-10); --color-ui-base-active: var(--neutral-dark-6); --color-ui-base-default: var(--neutral-dark-4); --color-ui-base-hover: var(--neutral-dark-5); --color-ui-brand-accent-active: var(--brand-accent-dark-6); --color-ui-brand-accent-default: var(--brand-accent-dark-4); --color-ui-brand-accent-hover: var(--brand-accent-dark-5); --color-ui-brand-primary-active: var(--brand-primary-dark-6); --color-ui-brand-primary-default: var(--brand-primary-dark-4); --color-ui-brand-primary-hover: var(--brand-primary-dark-5); --color-ui-sentiment-informative-active: var(--sentiment-informative-dark-6); --color-ui-sentiment-informative-default: var(--sentiment-informative-dark-4); --color-ui-sentiment-informative-hover: var(--sentiment-informative-dark-5); --color-ui-sentiment-negative-active: var(--sentiment-negative-dark-6); --color-ui-sentiment-negative-default: var(--sentiment-negative-dark-4); --color-ui-sentiment-negative-hover: var(--sentiment-negative-dark-5); --color-ui-sentiment-positive-active: var(--sentiment-positive-dark-6); --color-ui-sentiment-positive-default: var(--sentiment-positive-dark-4); --color-ui-sentiment-positive-hover: var(--sentiment-positive-dark-5); --color-ui-sentiment-warning-active: var(--sentiment-warning-dark-6); --color-ui-sentiment-warning-default: var(--sentiment-warning-dark-4); --color-ui-sentiment-warning-hover: var(--sentiment-warning-dark-5); --switch-dark-primary: var(--neutral-dark-1); --switch-dark-secondary: var(--neutral-dark-2); --switch-dark-tertiary: var(--neutral-dark-3); --switch-light-primary: var(--neutral-light-1); --switch-light-secondary: var(--neutral-light-2); --switch-light-tertiary: var(--neutral-light-3) } .colorScheme-light { --color-background-base-alfa-neutral-12: var(--neutral-light-alfa-tonal-2); --color-background-base-alfa-neutral-16: var(--neutral-light-alfa-tonal-3); --color-background-base-alfa-neutral-20: var(--neutral-light-alfa-tonal-4); --color-background-base-alfa-neutral-32: var(--neutral-light-alfa-tonal-6); --color-background-base-alfa-neutral-48: var(--neutral-light-alfa-tonal-8); --color-background-base-alfa-neutral-8: var(--neutral-light-alfa-tonal-1); --color-background-base-alfa-neutral-88: var(--neutral-light-alfa-tonal-13); --color-background-base-alfa-primary: var(--neutral-light-alfa-13); --color-background-base-alfa-scrim: var(--neutral-light-alfa-12); --color-background-base-alfa-secondary: var(--neutral-light-alfa-6); --color-background-base-alfa-static-black: var(--neutral-light-alfa-4); --color-background-base-alfa-static-black-20: var(--neutral-light-alfa-4); --color-background-base-alfa-static-black-40: var(--neutral-light-alfa-7); --color-background-base-alfa-static-black-60: var(--neutral-light-alfa-10); --color-background-base-alfa-static-black-88: var(--neutral-light-alfa-13); --color-background-base-alfa-static-white: var(--neutral-dark-alfa-4); --color-background-base-alfa-static-white-20: var(--neutral-dark-alfa-4); --color-background-base-alfa-static-white-24: var(--neutral-dark-alfa-5); --color-background-base-alfa-static-white-32: var(--neutral-dark-alfa-6); --color-background-base-alfa-static-white-48: var(--neutral-dark-alfa-8); --color-background-base-alfa-static-white-64: var(--neutral-dark-alfa-10); --color-background-base-alfa-static-white-8: var(--neutral-dark-alfa-1); --color-background-base-alfa-static-white-88: var(--neutral-dark-alfa-13); --color-background-base-alfa-static-white-96: var(--neutral-dark-alfa-14); --color-background-base-alfa-subtle: var(--neutral-light-alfa-4); --color-background-base-alfa-tertiary: var(--neutral-light-alfa-5); --color-background-base-alt-primary: var(--neutral-light-2); --color-background-base-alt-secondary: var(--neutral-light-1); --color-background-base-elevated: var(--neutral-clean-white); --color-background-base-inverted: var(--neutral-clean-black); --color-background-base-primary: var(--neutral-light-1); --color-background-base-secondary: var(--neutral-light-2); --color-background-base-static-black: var(--neutral-clean-black); --color-background-base-static-white: var(--neutral-clean-white); --color-background-base-tertiary: var(--neutral-light-3); --color-background-brand-accent-primary: var(--brand-accent-light-1); --color-background-brand-accent-secondary: var(--brand-accent-light-2); --color-background-brand-accent-tertiary: var(--brand-accent-light-3); --color-background-brand-primary: var(--brand-primary-light-1); --color-background-brand-secondary: var(--brand-primary-light-2); --color-background-brand-tertiary: var(--brand-primary-light-3); --color-background-sentiment-favorite-primary: var(--sentiment-favorite-light-1); --color-background-sentiment-favorite-secondary: var(--sentiment-favorite-light-2); --color-background-sentiment-favorite-tertiary: var(--sentiment-favorite-light-3); --color-background-sentiment-informative-primary: var(--sentiment-informative-light-1); --color-background-sentiment-informative-secondary: var(--sentiment-informative-light-2); --color-background-sentiment-informative-tertiary: var(--sentiment-informative-light-3); --color-background-sentiment-negative-primary: var(--sentiment-negative-light-1); --color-background-sentiment-negative-secondary: var(--sentiment-negative-light-2); --color-background-sentiment-negative-tertiary: var(--sentiment-negative-light-3); --color-background-sentiment-positive-primary: var(--sentiment-positive-light-1); --color-background-sentiment-positive-secondary: var(--sentiment-positive-light-2); --color-background-sentiment-positive-tertiary: var(--sentiment-positive-light-3); --color-background-sentiment-warning-primary: var(--sentiment-warning-light-1); --color-background-sentiment-warning-secondary: var(--sentiment-warning-light-2); --color-background-sentiment-warning-tertiary: var(--sentiment-warning-light-3); --color-border-base-alfa-container: var(--neutral-dark-alfa-tonal-3); --color-border-base-alfa-divider: var(--neutral-dark-alfa-tonal-3); --color-border-base-alfa-static-white-20: var(--neutral-dark-alfa-4); --color-border-base-alfa-static-white-64: var(--neutral-dark-alfa-10); --color-border-base-default: var(--neutral-light-8); --color-border-base-none: var(--neutral-clean-none); --color-border-base-on-bg-primary: var(--color-background-base-primary); --color-border-base-on-bg-secondary: var(--color-background-base-secondary); --color-border-base-on-bg-tertiary: var(--color-background-base-tertiary); --color-border-base-subtle: var(--neutral-light-7); --color-border-brand-accent-default: var(--brand-accent-light-8); --color-border-brand-accent-subtle: var(--brand-accent-light-7); --color-border-brand-primary-default: var(--brand-primary-light-8); --color-border-brand-primary-subtle: var(--brand-primary-light-7); --color-border-sentiment-favorite-default: var(--sentiment-favorite-light-8); --color-border-sentiment-favorite-subtle: var(--sentiment-favorite-light-7); --color-border-sentiment-informative-default: var(--sentiment-informative-light-8); --color-border-sentiment-informative-subtle: var(--sentiment-informative-light-7); --color-border-sentiment-negative-default: var(--sentiment-negative-light-8); --color-border-sentiment-negative-subtle: var(--sentiment-negative-light-7); --color-border-sentiment-positive-default: var(--sentiment-positive-light-8); --color-border-sentiment-positive-subtle: var(--sentiment-positive-light-7); --color-border-sentiment-warning-default: var(--sentiment-warning-light-8); --color-border-sentiment-warning-subtle: var(--sentiment-warning-light-7); --color-content-base-alfa-neutral-12: var(--neutral-dark-alfa-tonal-2); --color-content-base-alfa-neutral-16: var(--neutral-dark-alfa-tonal-3); --color-content-base-alfa-neutral-20: var(--neutral-dark-alfa-tonal-4); --color-content-base-alfa-neutral-8: var(--neutral-dark-alfa-tonal-1); --color-content-base-alfa-static-black-20: var(--neutral-light-alfa-4); --color-content-base-alfa-static-black-40: var(--neutral-light-alfa-7); --color-content-base-alfa-static-black-64: var(--neutral-light-alfa-10); --color-content-base-alfa-static-black-88: var(--neutral-light-alfa-13); --color-content-base-alfa-static-white-20: var(--neutral-dark-alfa-4); --color-content-base-alfa-static-white-24: var(--neutral-dark-alfa-5); --color-content-base-alfa-static-white-32: var(--neutral-dark-alfa-6); --color-content-base-alfa-static-white-48: var(--neutral-dark-alfa-7); --color-content-base-alfa-static-white-64: var(--neutral-dark-alfa-10); --color-content-base-alfa-static-white-72: var(--neutral-dark-alfa-11); --color-content-base-alfa-static-white-88: var(--neutral-dark-alfa-13); --color-content-base-alfa-static-white-96: var(--neutral-dark-alfa-14); --color-content-base-clean: var(--neutral-clean-white); --color-content-base-inverted: var(--neutral-clean-white); --color-content-base-none: var(--neutral-clean-none); --color-content-base-on-accent: var(--neutral-clean-white); --color-content-base-on-primary: var(--neutral-clean-white); --color-content-base-primary: var(--neutral-light-14); --color-content-base-secondary: var(--neutral-light-13); --color-content-base-static-black: var(--neutral-clean-black); --color-content-base-static-white: var(--neutral-clean-white); --color-content-base-tertiary: var(--neutral-light-12); --color-content-brand-accent-primary: var(--brand-accent-light-14); --color-content-brand-accent-secondary: var(--brand-accent-light-13); --color-content-brand-accent-tertiary: var(--brand-accent-light-12); --color-content-brand-primary: var(--brand-primary-light-14); --color-content-brand-secondary: var(--brand-primary-light-13); --color-content-brand-tertiary: var(--brand-primary-light-12); --color-content-sentiment-favorite-primary: var(--sentiment-favorite-light-14); --color-content-sentiment-favorite-secondary: var(--sentiment-favorite-light-13); --color-content-sentiment-favorite-tertiary: var(--sentiment-favorite-light-12); --color-content-sentiment-informative-primary: var(--sentiment-informative-light-14); --color-content-sentiment-informative-secondary: var(--sentiment-informative-light-13); --color-content-sentiment-informative-tertiary: var(--sentiment-informative-light-12); --color-content-sentiment-negative-primary: var(--sentiment-negative-light-14); --color-content-sentiment-negative-secondary: var(--sentiment-negative-light-13); --color-content-sentiment-negative-tertiary: var(--sentiment-negative-light-12); --color-content-sentiment-positive-primary: var(--sentiment-positive-light-14); --color-content-sentiment-positive-secondary: var(--sentiment-positive-light-13); --color-content-sentiment-positive-tertiary: var(--sentiment-positive-light-12); --color-content-sentiment-warning-primary: var(--sentiment-warning-light-14); --color-content-sentiment-warning-secondary: var(--sentiment-warning-light-13); --color-content-sentiment-warning-tertiary: var(--sentiment-warning-light-12); --color-promo-hex-primary-0: var(--nonsemantic-grad-primary-light-9); --color-promo-hex-primary-100: var(--nonsemantic-grad-primary-light-2); --color-promo-hex-primary-50: var(--nonsemantic-grad-primary-light-1); --color-promo-hex-quaternary-0: var(--nonsemantic-grad-quaternary-light-9); --color-promo-hex-quaternary-100: var(--nonsemantic-grad-quaternary-light-2); --color-promo-hex-quaternary-50: var(--nonsemantic-grad-quaternary-light-2); --color-promo-hex-quinary-0: var(--nonsemantic-grad-quinary-light-9); --color-promo-hex-quinary-100: var(--nonsemantic-grad-quinary-light-2); --color-promo-hex-quinary-50: var(--nonsemantic-grad-quinary-light-2); --color-promo-hex-secondary-0: var(--nonsemantic-grad-secondary-light-9); --color-promo-hex-secondary-100: var(--nonsemantic-grad-secondary-light-2); --color-promo-hex-secondary-50: var(--nonsemantic-grad-secondary-light-2); --color-promo-hex-senary-0: var(--nonsemantic-grad-senary-light-9); --color-promo-hex-senary-100: var(--nonsemantic-grad-senary-light-2); --color-promo-hex-senary-50: var(--nonsemantic-grad-senary-light-2); --color-promo-hex-septenary-0: var(--nonsemantic-grad-septenary-light-9); --color-promo-hex-septenary-100: var(--nonsemantic-grad-septenary-light-2); --color-promo-hex-septenary-50: var(--nonsemantic-grad-septenary-light-2); --color-promo-hex-tertiary-0: var(--nonsemantic-grad-tertiary-light-9); --color-promo-hex-tertiary-100: var(--nonsemantic-grad-tertiary-light-2); --color-promo-hex-tertiary-50: var(--nonsemantic-grad-tertiary-light-2); --color-solid-brand-accent-active: var(--brand-accent-light-11); --color-solid-brand-accent-default: var(--brand-accent-light-9); --color-solid-brand-accent-hover: var(--brand-accent-light-10); --color-solid-brand-primary-active: var(--brand-primary-light-11); --color-solid-brand-primary-alfa-12: var(--brand-primary-alfa-12); --color-solid-brand-primary-alfa-68: var(--brand-primary-alfa-68); --color-solid-brand-primary-default: var(--brand-primary-light-9); --color-solid-brand-primary-hover: var(--brand-primary-light-10); --color-solid-sentiment-favorite-active: var(--sentiment-favorite-light-11); --color-solid-sentiment-favorite-default: var(--sentiment-favorite-light-9); --color-solid-sentiment-favorite-hover: var(--sentiment-favorite-light-10); --color-solid-sentiment-informative-active: var(--sentiment-informative-light-11); --color-solid-sentiment-informative-alfa-12: var(--sentiment-informative-alfa-12); --color-solid-sentiment-informative-default: var(--sentiment-informative-light-9); --color-solid-sentiment-informative-hover: var(--sentiment-informative-light-10); --color-solid-sentiment-negative-active: var(--sentiment-negative-light-11); --color-solid-sentiment-negative-alfa-12: var(--sentiment-negative-alfa-12); --color-solid-sentiment-negative-alfa-16: var(--sentiment-negative-alfa-16); --color-solid-sentiment-negative-alfa-20: var(--sentiment-negative-alfa-20); --color-solid-sentiment-negative-default: var(--sentiment-negative-light-9); --color-solid-sentiment-negative-hover: var(--sentiment-negative-light-10); --color-solid-sentiment-place-first: var(--sentiment-first-light-9); --color-solid-sentiment-place-second: var(--sentiment-second-light-9); --color-solid-sentiment-place-third: var(--sentiment-third-light-9); --color-solid-sentiment-positive-active: var(--sentiment-positive-light-11); --color-solid-sentiment-positive-alfa-12: var(--sentiment-positive-alfa-12); --color-solid-sentiment-positive-alfa-20: var(--sentiment-positive-alfa-20); --color-solid-sentiment-positive-default: var(--sentiment-positive-light-9); --color-solid-sentiment-positive-hover: var(--sentiment-positive-light-10); --color-solid-sentiment-warning-active: var(--sentiment-warning-light-11); --color-solid-sentiment-warning-alfa-12: var(--sentiment-warning-alfa-12); --color-solid-sentiment-warning-default: var(--sentiment-warning-light-9); --color-solid-sentiment-warning-hover: var(--sentiment-warning-light-10); --color-ui-base-active: var(--neutral-light-6); --color-ui-base-default: var(--neutral-light-4); --color-ui-base-hover: var(--neutral-light-5); --color-ui-brand-accent-active: var(--brand-accent-light-6); --color-ui-brand-accent-default: var(--brand-accent-light-4); --color-ui-brand-accent-hover: var(--brand-accent-light-5); --color-ui-brand-primary-active: var(--brand-primary-light-6); --color-ui-brand-primary-default: var(--brand-primary-light-4); --color-ui-brand-primary-hover: var(--brand-primary-light-5); --color-ui-sentiment-informative-active: var(--sentiment-informative-light-6); --color-ui-sentiment-informative-default: var(--sentiment-informative-light-4); --color-ui-sentiment-informative-hover: var(--sentiment-informative-light-5); --color-ui-sentiment-negative-active: var(--sentiment-negative-light-6); --color-ui-sentiment-negative-default: var(--sentiment-negative-light-4); --color-ui-sentiment-negative-hover: var(--sentiment-negative-light-5); --color-ui-sentiment-positive-active: var(--sentiment-positive-light-6); --color-ui-sentiment-positive-default: var(--sentiment-positive-light-4); --color-ui-sentiment-positive-hover: var(--sentiment-positive-light-5); --color-ui-sentiment-warning-active: var(--sentiment-warning-light-6); --color-ui-sentiment-warning-default: var(--sentiment-warning-light-4); --color-ui-sentiment-warning-hover: var(--sentiment-warning-light-5); --switch-dark-primary: var(--neutral-dark-1); --switch-dark-secondary: var(--neutral-dark-2); --switch-dark-tertiary: var(--neutral-dark-3); --switch-light-primary: var(--neutral-light-2); --switch-light-secondary: var(--neutral-light-1); --switch-light-tertiary: var(--neutral-light-3) } :root { --rounding-0: 0px; --rounding-1: 1px; --rounding-10: 10px; --rounding-12: 12px; --rounding-16: 16px; --rounding-2: 2px; --rounding-20: 20px; --rounding-24: 24px; --rounding-32: 32px; --rounding-4: 4px; --rounding-6: 6px; --rounding-8: 8px; --rounding-max: 999px } :root { --spacing-0: 0px; --spacing-12: 12px; --spacing-16: 16px; --spacing-2: 2px; --spacing-20: 20px; --spacing-24: 24px; --spacing-32: 32px; --spacing-4: 4px; --spacing-40: 40px; --spacing-48: 48px; --spacing-6: 6px; --spacing-64: 64px; --spacing-8: 8px } :root { --size-container-width-max: 1640px; --size-control-l: 40px; --size-control-m: 36px; --size-control-s: 32px; --size-control-xl: 44px; --size-control-xs: 28px; --size-control-xxl: 48px; --size-control-xxs: 24px; --size-element-s: 20px; --size-footer-width-links-max: 140px; --size-game-height-max: 900px; --size-modal-desktop-height-max: 768px; --size-modal-desktop-width-m: 620px; --size-modal-desktop-width-s: 390px; --size-popover-desktop-width: 308px; --size-popover-list-height-max: 376px; --size-popover-mobile-width: 328px; --size-popover-notifications-height-min: 500px; --size-table-column-width-max: 220px; --size-table-column-width-min: 110px; --size-tooltip-width-max: 270px; --size-tooltip-width-min: 140px } :root { --font-body-font-family: "Inter",var(--reserved-fonts); --font-body-label-font-family: "Inter",var(--reserved-fonts); --font-body-label-font-size: 14px; --font-body-label-font-weight: 600; --font-body-label-letter-spacing: 0px; --font-body-label-line-height: 20px; --font-body-label-paragraph-indent: 0px; --font-body-label-paragraph-spacing: 8px; --font-body-label-text-case: none; --font-body-regular-font-size: 14px; --font-body-regular-font-weight: 400; --font-body-regular-letter-spacing: 0px; --font-body-regular-line-height: 20px; --font-body-regular-paragraph-indent: 0px; --font-body-regular-paragraph-spacing: 8px; --font-body-semibold-font-size: 14px; --font-body-semibold-font-weight: 600; --font-body-semibold-letter-spacing: 0px; --font-body-semibold-line-height: 20px; --font-body-semibold-paragraph-indent: 0px; --font-body-semibold-paragraph-spacing: 8px; --font-body-text-case: none; --font-caption-font-family: "Inter",var(--reserved-fonts); --font-caption-s-caps-font-size: 12px; --font-caption-s-caps-font-weight: 400; --font-caption-s-caps-letter-spacing: 0.01px; --font-caption-s-caps-line-height: 16px; --font-caption-s-caps-paragraph-indent: 0px; --font-caption-s-caps-paragraph-spacing: 0px; --font-caption-s-caps-text-case: uppercase; --font-caption-s-label-font-family: "Inter",var(--reserved-fonts); --font-caption-s-label-font-size: 12px; --font-caption-s-label-font-weight: 600; --font-caption-s-label-letter-spacing: 0.01px; --font-caption-s-label-line-height: 16px; --font-caption-s-label-paragraph-indent: 0px; --font-caption-s-label-paragraph-spacing: 0px; --font-caption-s-label-text-case: none; --font-caption-s-regular-font-size: 12px; --font-caption-s-regular-font-weight: 400; --font-caption-s-regular-letter-spacing: 0.01px; --font-caption-s-regular-line-height: 16px; --font-caption-s-regular-paragraph-indent: 0px; --font-caption-s-regular-paragraph-spacing: 0px; --font-caption-s-semibold-font-size: 12px; --font-caption-s-semibold-font-weight: 600; --font-caption-s-semibold-letter-spacing: 0.01px; --font-caption-s-semibold-line-height: 16px; --font-caption-s-semibold-paragraph-indent: 0px; --font-caption-s-semibold-paragraph-spacing: 0px; --font-caption-text-case: none; --font-caption-xs-caps-font-weight: 600; --font-caption-xs-font-size: 10px; --font-caption-xs-letter-spacing: 0.10px; --font-caption-xs-line-height: 14px; --font-caption-xs-paragraph-indent: 0px; --font-caption-xs-paragraph-spacing: 0px; --font-caption-xs-regular-font-weight: 400; --font-caption-xs-semibold-font-weight: 600; --font-decorative-body-font-size: 13px; --font-decorative-body-font-weight: 800; --font-decorative-body-letter-spacing: 0.52px; --font-decorative-body-line-height: 13px; --font-decorative-display-2xl-desktop-font-size: 70px; --font-decorative-display-2xl-desktop-font-weight: 800; --font-decorative-display-2xl-desktop-letter-spacing: -2.80px; --font-decorative-display-2xl-desktop-line-height: 70px; --font-decorative-display-2xl-mobile-font-size: 54px; --font-decorative-display-2xl-mobile-font-weight: 800; --font-decorative-display-2xl-mobile-letter-spacing: -2.80px; --font-decorative-display-2xl-mobile-line-height: 54px; --font-decorative-display-l-desktop-font-size: 34px; --font-decorative-display-l-desktop-font-weight: 800; --font-decorative-display-l-desktop-letter-spacing: -1.36px; --font-decorative-display-l-desktop-line-height: 38px; --font-decorative-display-l-mobile-font-size: 28px; --font-decorative-display-l-mobile-font-weight: 800; --font-decorative-display-l-mobile-letter-spacing: -0.56px; --font-decorative-display-l-mobile-line-height: 34px; --font-decorative-display-m-desktop-font-size: 28px; --font-decorative-display-m-desktop-font-weight: 800; --font-decorative-display-m-desktop-letter-spacing: -0.56px; --font-decorative-display-m-desktop-line-height: 32px; --font-decorative-display-m-mobile-font-size: 22px; --font-decorative-display-m-mobile-font-weight: 800; --font-decorative-display-m-mobile-letter-spacing: -0.44px; --font-decorative-display-m-mobile-line-height: 26px; --font-decorative-display-s-desktop-font-size: 22px; --font-decorative-display-s-desktop-font-weight: 800; --font-decorative-display-s-desktop-letter-spacing: -0.44px; --font-decorative-display-s-desktop-line-height: 26px; --font-decorative-display-s-mobile-font-size: 16px; --font-decorative-display-s-mobile-font-weight: 800; --font-decorative-display-s-mobile-letter-spacing: 0px; --font-decorative-display-s-mobile-line-height: 20px; --font-decorative-display-xl-desktop-font-size: 54px; --font-decorative-display-xl-desktop-font-weight: 800; --font-decorative-display-xl-desktop-letter-spacing: -2.16px; --font-decorative-display-xl-desktop-line-height: 60px; --font-decorative-display-xl-mobile-font-size: 34px; --font-decorative-display-xl-mobile-font-weight: 800; --font-decorative-display-xl-mobile-letter-spacing: -1.36px; --font-decorative-display-xl-mobile-line-height: 38px; --font-decorative-font-family: "Halvar Breit",var(--reserved-fonts); --font-decorative-text-case: uppercase; --font-display-body-font-family: "Inter",var(--reserved-fonts); --font-display-body-label-font-family: "Inter",var(--reserved-fonts); --font-display-body-label-font-size: 16px; --font-display-body-label-font-weight: 600; --font-display-body-label-letter-spacing: -0.12px; --font-display-body-label-line-height: 22px; --font-display-body-label-paragraph-indent: 0px; --font-display-body-label-paragraph-spacing: 0px; --font-display-body-label-text-case: none; --font-display-body-regular-font-size: 16px; --font-display-body-regular-font-weight: 400; --font-display-body-regular-letter-spacing: -0.12px; --font-display-body-regular-line-height: 22px; --font-display-body-regular-paragraph-indent: 0px; --font-display-body-regular-paragraph-spacing: 0px; --font-display-body-semibold-font-size: 16px; --font-display-body-semibold-font-weight: 600; --font-display-body-semibold-letter-spacing: -0.12px; --font-display-body-semibold-line-height: 22px; --font-display-body-semibold-paragraph-indent: 0px; --font-display-body-semibold-paragraph-spacing: 0px; --font-display-body-text-case: none; --font-display-font-family: "Inter",var(--reserved-fonts); --font-display-l-desktop-font-size: 56px; --font-display-l-desktop-font-weight: 600; --font-display-l-desktop-letter-spacing: -1.25px; --font-display-l-desktop-line-height: 62px; --font-display-l-desktop-paragraph-indent: 0px; --font-display-l-desktop-paragraph-spacing: 0px; --font-display-l-mobile-font-size: 32px; --font-display-l-mobile-font-weight: 600; --font-display-l-mobile-letter-spacing: -0.69px; --font-display-l-mobile-line-height: 36px; --font-display-l-mobile-paragraph-indent: 0px; --font-display-l-mobile-paragraph-spacing: 0px; --font-display-m-desktop-font-size: 44px; --font-display-m-desktop-font-weight: 600; --font-display-m-desktop-letter-spacing: -0.98px; --font-display-m-desktop-line-height: 50px; --font-display-m-desktop-paragraph-indent: 0px; --font-display-m-desktop-paragraph-spacing: 0px; --font-display-m-mobile-font-size: 28px; --font-display-m-mobile-font-weight: 600; --font-display-m-mobile-letter-spacing: -0.59px; --font-display-m-mobile-line-height: 32px; --font-display-m-mobile-paragraph-indent: 0px; --font-display-m-mobile-paragraph-spacing: 0px; --font-display-text-case: none; --font-headline-font-family: "Inter",var(--reserved-fonts); --font-headline-h1-desktop-font-size: 36px; --font-headline-h1-desktop-font-weight: 600; --font-headline-h1-desktop-letter-spacing: -0.79px; --font-headline-h1-desktop-line-height: 40px; --font-headline-h1-desktop-paragraph-indent: 0px; --font-headline-h1-desktop-paragraph-spacing: 0px; --font-headline-h1-mobile-font-size: 24px; --font-headline-h1-mobile-font-weight: 600; --font-headline-h1-mobile-letter-spacing: -0.47px; --font-headline-h1-mobile-line-height: 28px; --font-headline-h1-mobile-paragraph-indent: 0px; --font-headline-h1-mobile-paragraph-spacing: 0px; --font-headline-h2-desktop-font-size: 28px; --font-headline-h2-desktop-font-weight: 600; --font-headline-h2-desktop-letter-spacing: -0.59px; --font-headline-h2-desktop-line-height: 32px; --font-headline-h2-desktop-paragraph-indent: 0px; --font-headline-h2-desktop-paragraph-spacing: 0px; --font-headline-h2-mobile-font-size: 22px; --font-headline-h2-mobile-font-weight: 600; --font-headline-h2-mobile-letter-spacing: -0.40px; --font-headline-h2-mobile-line-height: 26px; --font-headline-h2-mobile-paragraph-indent: 0px; --font-headline-h2-mobile-paragraph-spacing: 0px; --font-headline-h3-desktop-font-size: 24px; --font-headline-h3-desktop-font-weight: 600; --font-headline-h3-desktop-letter-spacing: -0.47px; --font-headline-h3-desktop-line-height: 28px; --font-headline-h3-desktop-paragraph-indent: 0px; --font-headline-h3-desktop-paragraph-spacing: 0px; --font-headline-h3-mobile-font-size: 20px; --font-headline-h3-mobile-font-weight: 600; --font-headline-h3-mobile-letter-spacing: -0.33px; --font-headline-h3-mobile-line-height: 24px; --font-headline-h3-mobile-paragraph-indent: 0px; --font-headline-h3-mobile-paragraph-spacing: 0px; --font-headline-h4-desktop-font-size: 20px; --font-headline-h4-desktop-font-weight: 600; --font-headline-h4-desktop-letter-spacing: -0.33px; --font-headline-h4-desktop-line-height: 24px; --font-headline-h4-desktop-paragraph-indent: 0px; --font-headline-h4-desktop-paragraph-spacing: 0px; --font-headline-h4-mobile-font-size: 16px; --font-headline-h4-mobile-font-weight: 600; --font-headline-h4-mobile-letter-spacing: -0.12px; --font-headline-h4-mobile-line-height: 22px; --font-headline-h4-mobile-paragraph-indent: 0px; --font-headline-h4-mobile-paragraph-spacing: 0px; --font-headline-text-case: none; --font-native-title-large-bold-font-size: 36px } :root { --opacity-item-active: 0.86; --opacity-item-disabled: 0.50 } :root { --border-m: 2px; --border-none: 0px; --border-s: 1px } :root { --rounding-betting-desktop: var(--rounding-0); --rounding-betting-mobile: var(--rounding-0); --rounding-component-avatar: var(--rounding-max); --rounding-component-badge: var(--rounding-max); --rounding-component-checkbox: var(--rounding-6); --rounding-component-chipstab: var(--rounding-max); --rounding-component-notification: var(--rounding-max); --rounding-component-popover: var(--rounding-16); --rounding-component-radio: var(--rounding-max); --rounding-component-switch: var(--rounding-max); --rounding-component-tag: var(--rounding-6); --rounding-component-tooltip: var(--rounding-10); --rounding-container-l: var(--rounding-20); --rounding-container-m: var(--rounding-16); --rounding-container-s: var(--rounding-12); --rounding-container-xl: var(--rounding-24); --rounding-container-xs: var(--rounding-8); --rounding-container-xxl: var(--rounding-32); --rounding-container-xxs: var(--rounding-4); --rounding-control-l: var(--rounding-10); --rounding-control-m: var(--rounding-10); --rounding-control-s: var(--rounding-8); --rounding-control-xl: var(--rounding-12); --rounding-control-xxl: var(--rounding-12); --rounding-modal-m: var(--rounding-24) } :root { --container-padding-betting-desktop: var(--spacing-0); --container-padding-betting-gap-horizontal-desktop: var(--spacing-48); --container-padding-betting-gap-horizontal-mobile: var(--spacing-0); --container-padding-betting-gap-vertical-desktop: var(--spacing-24); --container-padding-betting-gap-vertical-mobile: var(--spacing-16); --container-padding-desktop: var(--spacing-48); --container-padding-mobile: var(--spacing-16); --container-page-content-padding-bottom-desktop: var(--spacing-32); --container-page-content-padding-bottom-mobile: var(--spacing-24); --container-page-content-padding-top-desktop: var(--spacing-24); --container-page-content-padding-top-mobile: var(--spacing-12); --modal-margin-desktop: var(--spacing-64); --modal-margin-mobile: var(--spacing-24); --modal-padding-modal-desktop: var(--spacing-20); --modal-padding-modal-gap-form: var(--rounding-16); --modal-padding-modal-gap-stack-form: var(--rounding-12); --modal-padding-modal-header-bottom-desktop: var(--spacing-16); --modal-padding-modal-header-bottom-mobile: var(--spacing-12); --modal-padding-modal-mobile: var(--spacing-16); --popover-padding: var(--spacing-16); --snackbar-padding-desktop: var(--spacing-16); --snackbar-padding-mobile: var(--spacing-8); --snackbar-padding-top-desktop: var(--spacing-64); --snackbar-padding-top-mobile: var(--spacing-32) } :root { --color-blue-100: #a5b6fe; --color-blue-200: #7f97fe; --color-blue-300: #5878fe; --color-blue-400: #3259fe; --color-blue-50: #cbd5fe; --color-blue-500: #0030fe; --color-blue-600: #0029d9; --color-blue-700: #0022b2; --color-blue-800: #001b8c; --color-blue-900: #001466; --color-blue-950: #000c40; --color-blue-cyan-100: #99c8ff; --color-blue-cyan-200: #73b3ff; --color-blue-cyan-300: #4d9fff; --color-blue-cyan-400: #268aff; --color-blue-cyan-450: #1381ff; --color-blue-cyan-50: #bfddff; --color-blue-cyan-500: #0075ff; --color-blue-cyan-550: #006eec; --color-blue-cyan-600: #0064d9; --color-blue-cyan-700: #0052b3; --color-blue-cyan-800: #00408c; --color-blue-cyan-900: #002f66; --color-blue-cyan-950: #001d40; --color-citron-100: #fffca6; --color-citron-200: #fffb80; --color-citron-300: #fffa59; --color-citron-400: #fff833; --color-citron-50: #fffdbf; --color-citron-500: #fff500; --color-citron-600: #d9d200; --color-citron-700: #b2ad00; --color-citron-800: #8c8800; --color-citron-900: #666300; --color-citron-950: #403e00; --color-citron-lime-100: #eaff99; --color-citron-lime-200: #e3ff73; --color-citron-lime-300: #dbff4d; --color-citron-lime-400: #d3ff26; --color-citron-lime-50: #f2ffbf; --color-citron-lime-500: #cbff00; --color-citron-lime-600: #add900; --color-citron-lime-700: #8eb200; --color-citron-lime-800: #708c00; --color-citron-lime-900: #526600; --color-citron-lime-950: #334000; --color-citron-yellow-100: #ffe799; --color-citron-yellow-200: #ffde73; --color-citron-yellow-300: #ffd54d; --color-citron-yellow-400: #ffcc26; --color-citron-yellow-50: #fff0bf; --color-citron-yellow-500: #ffc300; --color-citron-yellow-600: #d9a600; --color-citron-yellow-700: #b38800; --color-citron-yellow-800: #8c6b00; --color-citron-yellow-900: #664e00; --color-citron-yellow-950: #403100; --color-cyan-100: #99daff; --color-cyan-200: #73ccff; --color-cyan-300: #4dbeff; --color-cyan-400: #26b0ff; --color-cyan-50: #bfe8ff; --color-cyan-500: #00a1ff; --color-cyan-600: #0089d9; --color-cyan-700: #0071b2; --color-cyan-800: #00598c; --color-cyan-900: #004166; --color-cyan-950: #002840; --color-gray-100: #d7dbe2; --color-gray-150: #bcc2cf; --color-gray-200: #a3abbb; --color-gray-225: #9aa1b1; --color-gray-250: #9299a8; --color-gray-300: #818794; --color-gray-325: #797f8b; --color-gray-350: #6f7480; --color-gray-400: #53575f; --color-gray-450: #474b52; --color-gray-50: #f0f2f5; --color-gray-500: #3a3d43; --color-gray-600: #2e3035; --color-gray-700: #242528; --color-gray-800: #1d1e20; --color-gray-900: #141415; --color-green-lime-100: #d7ff99; --color-green-lime-200: #c7ff73; --color-green-lime-300: #b8ff4d; --color-green-lime-400: #a9ff26; --color-green-lime-50: #e6ffbf; --color-green-lime-500: #9aff00; --color-green-lime-600: #83d900; --color-green-lime-700: #6cb200; --color-green-lime-800: #558c00; --color-green-lime-900: #3e6600; --color-green-lime-950: #274000; --color-lime-100: #c0ff99; --color-lime-200: #a9ff73; --color-lime-300: #91ff4d; --color-lime-400: #79ff26; --color-lime-50: #d8ffbf; --color-lime-500: #62ff00; --color-lime-600: #53d900; --color-lime-700: #44b200; --color-lime-800: #368c00; --color-lime-900: #276600; --color-lime-950: #1d4d00; --color-mint-100: #99ffc4; --color-mint-200: #73ffae; --color-mint-300: #4dff97; --color-mint-400: #26ff81; --color-mint-50: #bfffda; --color-mint-500: #00ff6b; --color-mint-600: #00d95b; --color-mint-650: #00c654; --color-mint-700: #00b24b; --color-mint-750: #009f42; --color-mint-775: #00963e; --color-mint-800: #008c3b; --color-mint-825: #008337; --color-mint-875: #007330; --color-mint-900: #00662b; --color-mint-950: #00401b; --color-orange-100: #ffb399; --color-orange-200: #ff9673; --color-orange-300: #ff7a4d; --color-orange-400: #ff5d26; --color-orange-50: #ffcfbf; --color-orange-500: #ff4000; --color-orange-525: #f63d00; --color-orange-600: #d93600; --color-orange-700: #b22d00; --color-orange-800: #8c2300; --color-orange-900: #661900; --color-orange-950: #401000; --color-orange-amber-100: #ffc399; --color-orange-amber-200: #ffad73; --color-orange-amber-300: #ff974d; --color-orange-amber-400: #ff8126; --color-orange-amber-50: #ffdabf; --color-orange-amber-500: #ff6b01; --color-orange-amber-600: #d95a00; --color-orange-amber-700: #b24a00; --color-orange-amber-800: #8c3a00; --color-orange-amber-900: #662a00; --color-orange-amber-950: #401b00; --color-pink-100: #ff99ef; --color-pink-200: #ff73e8; --color-pink-300: #ff4de2; --color-pink-400: #ff26dc; --color-pink-50: #ffbff5; --color-pink-500: #ff00d6; --color-pink-600: #d900b6; --color-pink-700: #b20096; --color-pink-800: #8c0076; --color-pink-900: #660056; --color-pink-950: #400036; --color-pink-purple-100: #dd99ff; --color-pink-purple-200: #d073ff; --color-pink-purple-300: #c34dff; --color-pink-purple-400: #b726ff; --color-pink-purple-50: #eabfff; --color-pink-purple-500: #aa00ff; --color-pink-purple-600: #9000d9; --color-pink-purple-700: #7700b2; --color-pink-purple-800: #5e008c; --color-pink-purple-900: #440066; --color-pink-purple-950: #2a0040; --color-purple-100: #c699ff; --color-purple-200: #b173ff; --color-purple-300: #9c4dff; --color-purple-400: #8626ff; --color-purple-50: #dbbfff; --color-purple-500: #7100ff; --color-purple-600: #6000d9; --color-purple-700: #4f00b3; --color-purple-800: #3e008c; --color-purple-900: #2d0066; --color-purple-950: #1c0040; --color-purple-blue-100: #c1a5fe; --color-purple-blue-200: #a77ffe; --color-purple-blue-300: #8f58fe; --color-purple-blue-400: #6e26fe; --color-purple-blue-50: #dbcbfe; --color-purple-blue-500: #4c00fe; --color-purple-blue-600: #4500d9; --color-purple-blue-700: #3900b2; --color-purple-blue-800: #2f008c; --color-purple-blue-900: #250066; --color-purple-blue-950: #1a004d; --color-red-100: #ff9999; --color-red-200: #ff7373; --color-red-300: #ff4d4d; --color-red-400: #ff2626; --color-red-50: #ffbfbf; --color-red-500: #ff0101; --color-red-600: #d90101; --color-red-700: #b30101; --color-red-800: #8c0101; --color-red-900: #660101; --color-red-950: #400101; --color-rose-100: #ff99c3; --color-rose-200: #ff73ad; --color-rose-300: #ff4d97; --color-rose-400: #ff2681; --color-rose-50: #ffbfda; --color-rose-500: #ff006a; --color-rose-600: #d9005a; --color-rose-700: #b2004a; --color-rose-800: #8c003a; --color-rose-900: #66002a; --color-rose-950: #40001b; --color-sunset-100: #ffa599; --color-sunset-200: #ff8373; --color-sunset-300: #ff614d; --color-sunset-400: #ff4026; --color-sunset-50: #ffc7bf; --color-sunset-500: #ff1f01; --color-sunset-600: #d91a01; --color-sunset-700: #b31501; --color-sunset-800: #8c1101; --color-sunset-900: #660c01; --color-sunset-950: #400801; --color-teal-100: #99f9ff; --color-teal-200: #73f6ff; --color-teal-300: #4df4ff; --color-teal-400: #26f1ff; --color-teal-50: #bffbff; --color-teal-500: #00efff; --color-teal-600: #00cbd9; --color-teal-700: #00a7b2; --color-teal-800: #00838c; --color-teal-900: #005f66; --color-teal-950: #003c40; --color-yellow-amber-100: #ffd599; --color-yellow-amber-200: #ffc573; --color-yellow-amber-300: #ffb54d; --color-yellow-amber-400: #ffa526; --color-yellow-amber-50: #ffe4bf; --color-yellow-amber-500: #ff9500; --color-yellow-amber-600: #d97e00; --color-yellow-amber-700: #b26800; --color-yellow-amber-800: #8c5200; --color-yellow-amber-900: #663b00; --color-yellow-amber-950: #402500 } .colorScheme-dark { --accordion-color-bg: var(--color-background-base-secondary); --accordion-color-icon: var(--color-content-base-secondary); --accordion-color-title: var(--color-content-base-primary); --accordion-gap-header: var(--spacing-12); --accordion-padding-horizontal: var(--spacing-16); --accordion-padding-vertical: var(--spacing-16); --accordion-rounding-rounding: var(--rounding-16); --all-games-button-rounding: var(--rounding-max); --app-install-step-color-dot: var(--color-background-base-secondary); --badge-default-color-bg: var(--color-background-base-secondary); --badge-freebet-color-bg: var(--color-orange-525); --badge-game-card-color-bg-cold: var(--color-blue-cyan-450); --badge-game-card-color-bg-hot: var(--color-orange-525); --badge-leaderboard-color-bg-active: var(--color-background-base-alfa-static-white-20); --badge-leaderboard-color-bg-default: var(--color-background-base-alfa-neutral-12); --badge-leaderboard-color-icon-fg: var(--color-orange-400); --badge-notification-color-bg: var(--color-orange-400); --badge-region-bg: var(--color-background-base-alfa-neutral-12); --banner-app-installation-color-bg-grad: none; --banner-bonus500-1-color-bg-grad: radial-gradient(110.73% 108.48%at 37.99% -41.13%,var(--color-purple-200) 0.65%,var(--color-purple-500) 100%); --banner-bonus500-1-color-bg-grad-1440: radial-gradient(126.18% 271.14%at 52.54% -91.41%,var(--color-purple-200) 0%,var(--color-purple-500) 100%); --banner-bonus500-2-color-bg-grad: radial-gradient(110.73% 108.48%at 37.99% -41.13%,var(--color-blue-cyan-100) 0.65%,var(--color-blue-cyan-500) 100%); --banner-bonus500-2-color-bg-grad-1440: radial-gradient(126.18% 271.14%at 52.54% -91.41%,var(--color-blue-cyan-100) 0%,var(--color-blue-cyan-500) 100%); --banner-bonus500-3-color-bg-grad: radial-gradient(110.73% 108.48%at 37.99% -41.13%,var(--color-pink-purple-200) 0.65%,var(--color-pink-purple-500) 100%); --banner-bonus500-3-color-bg-grad-1440: radial-gradient(126.18% 271.14%at 52.54% -91.41%,var(--color-pink-purple-200) 0%,var(--color-pink-purple-500) 100%); --banner-bonus500-4-color-bg-grad: radial-gradient(110.73% 108.48%at 37.99% -41.13%,var(--color-yellow-amber-100) 0.65%,var(--color-orange-525) 100%); --banner-bonus500-4-color-bg-grad-1440: radial-gradient(126.18% 271.14%at 52.54% -91.41%,var(--color-yellow-amber-100) 0%,var(--color-orange-525) 100%); --banner-bonuses-color-bg: var(--color-purple-500); --banner-bonuses-color-bg-grad: unset; --banner-bonuses-color-border: var(--neutral-clean-none); --banner-freemoney-color-bg: var(--neutral-clean-none); --banner-freemoney-color-bg-grad: linear-gradient(141deg,var(--color-pink-purple-200,#EF64FF) 0.72%,var(--color-blue-400,#005CFF) 100%); --banner-freemoney-color-border: var(--neutral-clean-none); --banner-freespins-color-bg: var(--color-purple-500); --banner-freespins-color-bg-grad: unset; --banner-game-of-the-week-color-bg: var(--color-blue-400); --banner-game-of-the-week-color-bg-grad: unset; --banner-game-of-the-week-font-desktop-font-size: 28px; --banner-game-of-the-week-font-desktop-font-weight: 600; --banner-game-of-the-week-font-desktop-letter-spacing: -0.59px; --banner-game-of-the-week-font-desktop-line-height: 32px; --banner-game-of-the-week-font-desktop-text-case: none; --banner-game-of-the-week-font-font-family: "Inter",var(--reserved-fonts); --banner-game-of-the-week-font-mobile-font-size: 22px; --banner-game-of-the-week-font-mobile-font-weight: 600; --banner-game-of-the-week-font-mobile-letter-spacing: -0.4px; --banner-game-of-the-week-font-mobile-line-height: 26px; --banner-game-of-the-week-font-mobile-text-case: none; --banner-game-of-the-week-game-card-rounding-360: 10px; --banner-game-of-the-week-game-card-rounding-768: 16px; --banner-game-of-the-week-game-card-rounding-desktop: 20px; --banner-game-of-the-week-rounding-desktop: var(--rounding-24); --banner-game-of-the-week-rounding-mobile: var(--rounding-20); --banner-game-of-the-week-rounding-tablet: var(--rounding-20); --banner-main-border: var(--color-border-base-alfa-container); --banner-main-font-desktop-font-size: 33px; --banner-main-font-desktop-font-weight: 800; --banner-main-font-desktop-letter-spacing: 0.33px; --banner-main-font-desktop-line-height: 38px; --banner-main-font-desktop-paragraph-spacing: 0px; --banner-main-font-font-family: "Inter",var(--reserved-fonts); --banner-main-font-mobile-font-size: 16px; --banner-main-font-mobile-font-weight: 800; --banner-main-font-mobile-letter-spacing: 0.33px; --banner-main-font-mobile-line-height: 20px; --banner-main-font-mobile-paragraph-spacing: 0px; --banner-main-font-tablet-font-size: 33px; --banner-main-font-tablet-font-weight: 800; --banner-main-font-tablet-letter-spacing: 0.33px; --banner-main-font-tablet-line-height: 38px; --banner-main-font-tablet-paragraph-spacing: 0px; --banner-main-font-text-case: none; --banner-main-padding-desktop-bottom: 35px; --banner-main-padding-desktop-left: 35px; --banner-main-padding-desktop-right: 35px; --banner-main-padding-desktop-top: 35px; --banner-main-padding-mobile-bottom: 20px; --banner-main-padding-mobile-left: 20px; --banner-main-padding-mobile-right: 20px; --banner-main-padding-mobile-top: 20px; --banner-main-padding-tablet-bottom: 20px; --banner-main-padding-tablet-left: 20px; --banner-main-padding-tablet-right: 20px; --banner-main-padding-tablet-top: 20px; --banner-main-rounding-desktop-left-bottom: 24px; --banner-main-rounding-desktop-left-top: 24px; --banner-main-rounding-desktop-right-bottom: 24px; --banner-main-rounding-desktop-right-top: 24px; --banner-main-rounding-mobile-left-bottom: 20px; --banner-main-rounding-mobile-left-top: 20px; --banner-main-rounding-mobile-right-bottom: 20px; --banner-main-rounding-mobile-right-top: 20px; --banner-main-rounding-tablet-left-bottom: 20px; --banner-main-rounding-tablet-left-top: 20px; --banner-main-rounding-tablet-right-bottom: 20px; --banner-main-rounding-tablet-right-top: 20px; --banner-main-size-mobile-default-max-height: 210px; --banner-main-size-mobile-default-max-width: 316px; --banner-main-size-mobile-default-min-height: 210px; --banner-main-size-mobile-default-min-width: 316px; --banner-main-variant2-content-desktop-max-width: 312px; --banner-main-variant2-content-desktop-min-width: 200px; --banner-main-variant2-content-mobile-max-width: 268px; --banner-main-variant2-content-mobile-min-width: 140px; --banner-pwa-color-bg: var(--color-background-base-tertiary); --banner-pwa-color-bg-grad: unset; --banner-registration-color-bg-grad: linear-gradient(180deg,#953EC9 0%,#C571CA 119.81%); --banner-registration-padding-bottom: 40px; --banner-registration-padding-left: 20px; --banner-registration-padding-right: 20px; --banner-registration-padding-top: 20px; --banner-sidebar-freemoney-color-bg: var(--neutral-clean-none); --banner-sidebar-freemoney-color-bg-grad: radial-gradient(181.61% 181.61%at 122.05% -3.73%,#006167 0%,#003D41 51.3%,#102425 100%); --banner-sidebar-freemoney-color-border: var(--color-border-base-alfa-container); --banner-support-footer-color-bg: var(--color-background-base-secondary); --betting-color-bg: var(--color-background-base-primary); --betting-color-border-desktop: var(--neutral-clean-none); --blog-article-color-bg: radial-gradient(ellipse 113.29% 240.64%at 100.00% 100.00%,#4BA0CC 0%,#2B607C 33%,#225068 67%,#061D29 100%); --blog-font-font-family: "Inter",var(--reserved-fonts); --blog-font-font-size: 18px; --blog-font-font-weight: 400; --blog-font-letter-spacing: -0.12px; --blog-font-line-height: 28px; --blog-font-primary: var(--neutral-dark-1); --blog-font-text-case: none; --bonus-account-list-item-padding-vertical: var(--spacing-12); --bonus-active-color-bg-grad-1: radial-gradient(100% 100%at 50% 0%,var(--color-purple-200) 11.48%,var(--color-purple-500) 100%); --bonus-active-color-bg-grad-2: radial-gradient(100% 100%at 50% 0%,var(--color-blue-cyan-100) 11.48%,var(--color-blue-cyan-500) 100%); --bonus-active-color-bg-grad-3: radial-gradient(100% 100%at 50% 0%,var(--color-pink-purple-200) 11.48%,var(--color-pink-purple-500) 100%); --bonus-active-color-bg-grad-4: radial-gradient(100% 100%at 50% 0%,var(--color-yellow-amber-100) 11.48%,var(--color-orange-525) 100%); --bonus-active-color-bg-grad-freebet: radial-gradient(100% 100%at 50% 0%,#FF7A4D 11.48%,#FF4000 100%); --bonus-active-color-bg-grad-freespins: radial-gradient(100% 100%at 50% 0%,#00CBD9 11.48%,#0089D9 100%); --bonus-active-color-bg-grad-nondep: radial-gradient(100% 100%at 50% 0%,#FF2681 11.48%,#8C003A 100%); --bonus-active-color-bg-grad-nondep-sport: radial-gradient(100% 100%at 50% 0%,#0075FF 11.48%,#0089D9 100%); --bonus-active-color-bg-grad-sport: radial-gradient(100% 100%at 50% 0%,#00B259 11.48%,#00963E 100%); --bonus-active-color-bg-grad-voucher: linear-gradient(180deg,#5773A7 0%,#000F2A 100%); --bonus-available-color-bg-grad-1: radial-gradient(100% 100%at 50% 0%,var(--color-purple-200) 11.48%,var(--color-purple-500) 100%); --bonus-available-color-bg-grad-2: radial-gradient(100% 100%at 50% 0%,var(--color-blue-cyan-100) 11.48%,var(--color-blue-cyan-500) 100%); --bonus-available-color-bg-grad-3: radial-gradient(100% 100%at 50% 0%,var(--color-pink-purple-200) 11.48%,var(--color-pink-purple-500) 100%); --bonus-available-color-bg-grad-4: radial-gradient(100% 100%at 50% 0%,var(--color-yellow-amber-100) 11.48%,var(--color-orange-525) 100%); --bonus-available-color-bg-grad-cashback: radial-gradient(100% 100%at 50% 0%,#81CE0B 11.48%,#44B200 100%); --bonus-available-color-bg-grad-freebet: radial-gradient(100% 100%at 50% 0%,#FF7A4D 11.48%,#FF4000 100%); --bonus-available-color-bg-grad-freespins: radial-gradient(100% 100%at 50% 0%,#00CBD9 11.48%,#0089D9 100%); --bonus-available-color-bg-grad-nondep: radial-gradient(100% 100%at 50% 0%,#FF2681 11.48%,#8C003A 100%); --bonus-available-color-bg-grad-nondep-sport: radial-gradient(100% 100%at 50% 0%,#0075FF 11.48%,#0089D9 100%); --bonus-available-color-bg-grad-sport: radial-gradient(100% 100%at 50% 0%,#00B259 11.48%,#00963E 100%); --bonus-available-color-bg-grad-voucher: linear-gradient(180deg,#5773A7 0%,#000F2A 100%); --bonus-chainable-color-bg-grad-1: radial-gradient(100% 100%at 50% 0%,var(--color-purple-200) 11.48%,var(--color-purple-500) 100%); --bonus-chainable-color-bg-grad-2: radial-gradient(100% 100%at 50% 0%,var(--color-blue-cyan-100) 11.48%,var(--color-blue-cyan-500) 100%); --bonus-chainable-color-bg-grad-3: radial-gradient(100% 100%at 50% 0%,var(--color-pink-purple-200) 11.48%,var(--color-pink-purple-500) 100%); --bonus-chainable-color-bg-grad-4: radial-gradient(100% 100%at 50% 0%,var(--color-yellow-amber-100) 11.48%,var(--color-orange-525) 100%); --bonus-chainable-color-bg-grad-freespins: radial-gradient(100% 100%at 50% 0%,#00CBD9 11.48%,#0089D9 100%); --button-color-accent-bg-default: var(--color-solid-brand-accent-default); --button-color-accent-bg-default-grad: unset; --button-color-accent-bg-hover: var(--color-solid-brand-accent-hover); --button-color-accent-bg-hover-grad: unset; --button-color-accent-border-default: var(--color-border-base-none); --button-color-accent-fg-default: var(--color-content-base-on-accent); --button-color-primary-bg-default: var(--color-solid-brand-primary-default); --button-color-primary-bg-default-grad: unset; --button-color-primary-bg-hover: var(--color-solid-brand-primary-hover); --button-color-primary-bg-hover-grad: unset; --button-color-primary-fg-default: var(--color-content-base-on-primary); --casino-search-bar-color-bg-sticky: var(--color-background-base-primary); --casino-search-bar-layout-gap: 8px; --casino-search-bar-layout-paddings-bottom: 24px; --casino-search-bar-layout-paddings-left: 16px; --casino-search-bar-layout-paddings-right: 16px; --casino-search-bar-layout-paddings-top: 24px; --casino-search-bar-layout-rounding-bottom-left: 0px; --casino-search-bar-layout-rounding-bottom-right: 0px; --casino-search-bar-layout-rounding-top-left: 0px; --casino-search-bar-layout-rounding-top-right: 0px; --cdp-popover-colored-color-bg: var(--color-rose-400); --checkbox-color-checked-bg-default: var(--color-solid-brand-primary-default); --checkbox-color-checked-bg-hover: var(--color-solid-brand-primary-hover); --checkbox-color-checked-fg: #ffffff; --chips-tab-rounding-default: var(--rounding-component-chipstab); --coins-exchange-fields-gap: var(--spacing-8); --content-button-accent-color-fg-default: var(--color-solid-brand-primary-default); --content-button-accent-color-fg-hover: var(--color-solid-brand-primary-hover); --countdown-color-cdn-bg: #5a5a5a; --countdown-color-promo-bg: var(--color-background-base-alfa-neutral-20); --countdown-color-sidebar-bg: #5a5a5a; --dots-pagination-layout-container-gap: var(--spacing-4); --dots-pagination-layout-container-padding: var(--spacing-4); --dots-pagination-layout-container-radius: var(--rounding-8); --dots-pagination-layout-dot-radius: var(--rounding-max); --event-card-color-bg: var(--color-background-base-secondary); --event-card-color-divider: var(--color-background-base-primary); --event-card-color-header-bg: var(--color-background-base-tertiary); --event-card-color-hot-bg: #f63d00; --event-card-color-hot-fg: #ffffff; --event-card-color-live: #ff006a; --event-card-color-red-card-bg: #ff0101; --event-card-size: 328px; --event-coef-section-rounding: 10px; --floating-widget-bonus-color-bg-default: var(--color-purple-500); --floating-widget-streamer-color-bg-default-grad: radial-gradient(72.92% 70.05%at 91.45% 2.5%,#8A969E 0%,#5C6973 33.31%,#263240 100%); --floating-widget-streamer-color-bg-hover-grad: radial-gradient(72.92% 70.05%at 91.45% 2.5%,#8A969E 0%,#5C6973 33.31%,#394B60 100%); --footer-app-banner-color-bg: var(--color-blue-400); --footer-app-banner-color-bg-grad-1: unset; --footer-app-banner-color-bg-grad-2: unset; --footer-app-banner-mobile-color-bg: var(--color-purple-400); --footer-app-banner-mobile-color-bg-grad: unset; --footer-color-bg: var(--color-background-base-primary); --footer-layout-copyright-max-width: 682px; --fortune-wheel-segment-color-bg-dark-1: var(--color-purple-800); --fortune-wheel-segment-color-bg-dark-2: var(--color-purple-300); --fortune-wheel-segment-color-bg-dark-3: var(--color-purple-800); --fortune-wheel-segment-color-bg-light-1: var(--color-purple-300); --fortune-wheel-segment-color-bg-light-2: var(--color-purple-100); --fortune-wheel-segment-color-bg-light-3: var(--color-purple-300); --fortune-wheel-segment-color-stroke: var(--color-citron-yellow-600); --freemoney-app-color-bg: var(--color-purple-400); --freemoney-app-color-bg-grad: unset; --freemoney-brand-coins-color-bg: var(--color-purple-blue-500); --freemoney-brand-coins-color-bg-grad: unset; --freemoney-brand-token-color-bg: var(--color-blue-700); --freemoney-cashback-color-bg: var(--color-lime-700); --freemoney-cashback-color-bg-grad: unset; --freemoney-contacts-color-bg: var(--neutral-clean-none); --freemoney-contacts-color-bg-grad: radial-gradient(230.32% 160.41%at 113.34% 104.26%,#AED5F1 0%,#317FC6 10.67%,#003777 50.22%,#03050D 100%); --freemoney-fortune-wheel-color-desktop-bg: var(--neutral-clean-none); --freemoney-fortune-wheel-color-desktop-bg-grad: radial-gradient(1246.25% 164.96%at 66.09% -53.23%,#383D46 0%,#25282E 100%); --freemoney-fortune-wheel-color-mobile-bg: var(--neutral-clean-none); --freemoney-fortune-wheel-color-mobile-bg-grad: radial-gradient(318.8% 100.03%at 50% 0%,#383D46 0%,#25282E 100%); --freemoney-loyalty-card-color-bg: var(--neutral-clean-none); --freemoney-loyalty-card-color-bg-grad: radial-gradient(ellipse 177.78% 193.74%at 100.00% 74.55%,#8E7CC7 0%,#6A41A3 41%,#311D52 73%,#1D092F 100%); --freemoney-promo-repost-typography-desktop-font-size: 36px; --freemoney-promo-repost-typography-desktop-font-weight: 700; --freemoney-promo-repost-typography-desktop-letter-spacing: 0.36px; --freemoney-promo-repost-typography-desktop-line-height: 40px; --freemoney-promo-repost-typography-font-family: "SF Pro Display",var(--reserved-fonts); --freemoney-promo-repost-typography-mobile-font-size: 25px; --freemoney-promo-repost-typography-mobile-font-weight: 700; --freemoney-promo-repost-typography-mobile-letter-spacing: 0.36px; --freemoney-promo-repost-typography-mobile-line-height: 30px; --freemoney-promo-typography-desktop-font-size: 28px; --freemoney-promo-typography-desktop-font-weight: 600; --freemoney-promo-typography-desktop-letter-spacing: -0.59px; --freemoney-promo-typography-desktop-line-height: 32px; --freemoney-promo-typography-font-family: "Inter",var(--reserved-fonts); --freemoney-promo-typography-mobile-font-size: 22px; --freemoney-promo-typography-mobile-font-weight: 600; --freemoney-promo-typography-mobile-letter-spacing: -0.4px; --freemoney-promo-typography-mobile-line-height: 26px; --freemoney-push-color-bg: var(--color-rose-400); --freemoney-push-color-bg-grad: unset; --freemoney-referral-program-color-bg-grad: linear-gradient(289deg,#A76DFF 18.27%,#640AEC 83.75%); --freemoney-sport-color-bg: var(--color-blue-cyan-500); --freemoney-telegram-color-bg: var(--color-cyan-500); --freemoney-telegram-color-bg-grad: unset; --freemoney-vk-color-bg: var(--color-blue-cyan-500); --freemoney-vouchers-color-bg: var(--color-purple-blue-700); --freemoney-vouchers-color-bg-grad: unset; --freespins-collapsed-layout-border: var(--border-none); --freespins-collapsed-layout-container-gap: var(--spacing-4); --freespins-collapsed-layout-container-padding: var(--spacing-6); --freespins-collapsed-layout-container-rounding-bl: var(--rounding-container-s); --freespins-collapsed-layout-container-rounding-br: var(--rounding-container-s); --freespins-collapsed-layout-container-rounding-tl: var(--rounding-container-s); --freespins-collapsed-layout-container-rounding-tr: var(--rounding-container-s); --freespins-collapsed-layout-dot-border: var(--border-m); --freespins-collapsed-layout-dot-height: var(--size-element-s); --freespins-collapsed-layout-dot-rounding: var(--rounding-12); --freespins-collapsed-layout-dot-width: var(--size-element-s); --freespins-collapsed-layout-image-rounding-bl: var(--rounding-container-xs); --freespins-collapsed-layout-image-rounding-br: var(--rounding-container-xs); --freespins-collapsed-layout-image-rounding-tl: var(--rounding-container-xs); --freespins-collapsed-layout-image-rounding-tr: var(--rounding-container-xs); --freespins-collapsed-style-bg: var(--color-background-base-alfa-neutral-12); --freespins-collapsed-style-border: var(--color-border-base-none); --freespins-collapsed-style-dot-bg: var(--color-solid-brand-primary-default); --freespins-collapsed-style-dot-border: var(--color-border-base-on-bg-secondary); --freespins-collapsed-style-dot-icon: var(--color-content-base-on-primary); --freespins-collapsed-style-title: var(--color-content-base-primary); --freespins-full-var3-style-bg: var(--color-background-base-alfa-neutral-12); --game-card-color-border: var(--color-border-base-alfa-container); --game-card-color-icon: var(--color-solid-sentiment-positive-default); --game-card-rounding-desktop: 16px; --game-card-rounding-mobile: 12px; --games-section-heading-color-icon-category: var(--neutral-dark-13); --header-balance-color-bg: var(--color-background-base-alfa-neutral-12); --header-balance-color-border: var(--neutral-clean-none); --header-layout-height-desktop: 68px; --header-layout-height-mobile: 60px; --input-color-bg-default: var(--color-background-base-alfa-neutral-12); --input-color-bg-hover: var(--color-background-base-alfa-neutral-16); --input-color-caret: var(--color-solid-brand-primary-default); --layout-color-bg-desktop: var(--color-background-base-primary); --layout-color-bg-mobile: var(--color-background-base-primary); --list-color-always-stack-bg: var(--color-background-base-secondary); --list-item-color-bg-default: rgba(0,0,0,0); --list-item-color-bg-hover: var(--color-background-base-alfa-neutral-8); --list-item-color-divider: var(--color-border-base-alfa-divider); --list-item-padding-horizontal: 8px; --list-item-rounding: 12px; --list-items-gap: 0px; --list-rounding: 0px; --menu-tab-badge-color-bg: #ff006a; --menu-tab-badge-color-fg: var(--color-content-base-static-white); --menu-tab-color-bg-stroke: var(--color-border-base-none); --menu-tab-color-fg-hover: var(--color-solid-brand-primary-hover); --menu-tab-color-fg-hover-grad: unset; --menu-tab-color-fg-selected: var(--color-solid-brand-primary-active); --menu-tab-color-fg-selected-grad: unset; --modal-app-promo-color-bg: var(--neutral-clean-none); --modal-app-promo-color-bg-grad: radial-gradient(133.13% 133.54%at 69.86% 75.34%,#AA9ED0 0%,#9279C3 24.87%,#52249C 53.22%,#321250 100%); --modal-color-bg: var(--color-background-base-elevated); --modal-footer-2fa-bg: var(--color-background-base-secondary); --modal-list-inner-padding: 8px; --modal-list-padding-horizontal-desktop: 12px; --modal-list-padding-horizontal-mobile: 8px; --modal-profile-balance-bg: var(--color-background-base-secondary); --modal-vip-vip-color-bg: var(--color-background-base-secondary); --modal-vip-vip-color-border: var(--color-content-base-alfa-static-white-48); --modal-vip-vip-color-divider: var(--color-border-base-alfa-static-white-20); --modal-vip-vip-color-fg-primary: var(--color-content-base-static-white); --modal-vip-vip-color-fg-secondary: var(--color-content-base-alfa-static-white-64); --modal-vip-vip-color-icon-bg: var(--color-background-base-alfa-static-white); --modal-vip-vip-color-list-border: var(--color-border-base-alfa-static-white-20); --notification-card-color-bg: var(--color-background-base-secondary); --notification-card-color-border-bottom: rgba(255,255,255,0); --notification-card-rounding: 16px; --notification-card-rounding-image: 0px; --notification-card-spacing-margin-bottom: 16px; --notification-card-spacing-margin-horizontal: 16px; --notification-card-spacing-system-badge-margin: 12px; --notification-card-spacing-system-margin-top: 16px; --notification-center-color-bg: var(--color-background-base-elevated); --popover-cdp-color-bg: var(--color-background-base-elevated); --prize-card-color-bg-default: var(--color-background-base-secondary); --prize-card-color-bg-superprize: var(--color-orange-amber-500); --prize-card-color-bg-superprize-grad: unset; --prize-card-rounding-default: 12px; --prize-card-rounding-superprize: 12px; --profile-cell-color-bg-default: rgba(0,0,0,0); --profile-cell-color-bg-hover: rgba(0,0,0,0); --profile-cell-color-full-avatar-bg-hover: var(--color-background-base-alfa-neutral-16); --profile-cell-color-vip-border: rgba(0,0,0,0); --profile-cell-padding: 0px; --profile-cell-rounding: 0px; --profile-cell-size-outline-avatar-focus: 2px; --profile-cell-size-outline-focus: 0px; --profile-vip-section-casual-color-bg: var(--color-background-base-secondary); --profile-vip-section-vip-color-bg: #000000; --profile-vip-section-vip-color-bg-grad: unset; --profile-vip-section-vip-color-bg-icon: var(--color-background-base-alfa-static-white); --profile-vip-section-vip-color-fg-primary: var(--color-content-base-static-white); --profile-vip-section-vip-color-fg-secondary: var(--color-content-base-alfa-static-white-64); --promo-card-color-bg: var(--color-background-base-secondary); --promo-card-gap: 0px; --promo-card-image-rounding: 0px; --promo-card-padding: 16px; --promo-card-rounding: 24px; --promotions-landing-head-color-bonus500-bg: var(--neutral-clean-none); --promotions-landing-head-color-bonus500-bg-grad: radial-gradient(126.18% 271.14%at 52.54% -91.41%,#B173FF 0%,#7100FF 100%); --promotions-landing-head-color-cashback30-bg: var(--color-lime-700); --promotions-landing-head-color-cashback30-bg-grad: unset; --promotions-landing-head-color-express-bg: var(--color-blue-cyan-500); --promotions-landing-head-color-express-bg-grad: unset; --provider-label-color-bg: rgba(0,0,0,0); --provider-label-color-fg: rgba(0,0,0,0); --provider-label-rounding-top: 0px; --providers-button-color-default: var(--color-solid-brand-primary-default); --providers-button-color-fg: var(--color-content-base-on-accent); --providers-button-color-hover: var(--color-solid-brand-primary-hover); --qab-color-bg-default: var(--color-background-base-alfa-neutral-12); --qab-color-bg-hover: var(--color-background-base-alfa-neutral-16); --qab-color-bg-selected: var(--color-solid-brand-primary-default); --qab-color-bg-selected-grad: unset; --qab-color-fg-selected: var(--color-content-base-on-primary); --qab-color-fg-selected-grad: unset; --qab-color-icon-default: var(--color-content-base-secondary); --qab-color-icon-selected: var(--color-content-base-on-primary); --qab-color-stroke-selected: var(--color-border-base-none); --qab-color-stroke-selected-grad: unset; --radio-button-color-checked-bg-default: var(--color-solid-brand-primary-default); --radio-button-color-checked-bg-hover: var(--color-solid-brand-primary-hover); --radio-button-color-checked-fg: #ffffff; --random-game-color-bg: var(--color-purple-blue-500); --random-game-color-bg-grad: unset; --random-game-color-card-bg-skeleton: var(--color-purple-blue-700); --random-game-font-desktop-font-size: 28px; --random-game-font-desktop-font-weight: 600; --random-game-font-desktop-letter-spacing: -0.59px; --random-game-font-desktop-line-height: 32px; --random-game-font-desktop-paragraph-indent: 0px; --random-game-font-desktop-paragraph-spacing: 0px; --random-game-font-font-family: "Inter",var(--reserved-fonts); --random-game-font-mobile-font-size: 22px; --random-game-font-mobile-font-weight: 600; --random-game-font-mobile-letter-spacing: -0.4px; --random-game-font-mobile-line-height: 26px; --random-game-font-mobile-paragraph-indent: 0px; --random-game-font-mobile-paragraph-spacing: 0px; --random-game-font-text-case: none; --random-game-rounding-desktop: 24px; --random-game-rounding-mobile: 20px; --random-game-rounding-tablet: 20px; --rating-star-color-empty: var(--color-gray-500); --rating-star-color-filled: var(--color-content-base-tertiary); --reddot-radius: var(--rounding-max); --referral-program-link-card-color-bg-grad: radial-gradient(ellipse 100.00% 61.17%at 50.00% -0.00%,#2F2C3C 0%,#1D1E21 100%); --referral-program-steps-card-color-bg-grad: radial-gradient(ellipse 141.42% 168.23%at 0.00% 0.00%,#0F1F2F 0%,#6699CC 86%); --scrollbar-color-bg-default: var(--color-background-base-alfa-neutral-12); --scrollbar-color-bg-hover: var(--color-background-base-alfa-neutral-20); --segment-control-bg: var(--color-content-base-alfa-neutral-12); --segment-control-control-bg: var(--color-background-base-alfa-neutral-12); --segment-control-tab-bg-hover: var(--color-background-base-alfa-neutral-8); --segment-control-tab-bg-selected: var(--color-background-base-alfa-neutral-16); --segment-control-tab-hover: var(--color-content-base-alfa-neutral-8); --segment-control-tab-selected-accent-bg: var(--color-solid-brand-primary-default); --segment-control-tab-selected-accent-bg-grad: unset; --segment-control-tab-selected-accent-fg: var(--color-content-base-primary); --segment-control-tab-selected-accent-icon: var(--color-content-base-static-white); --segment-control-tab-selected-accent-stroke: var(--neutral-clean-none); --segment-control-tab-selected-accent-stroke-grad: unset; --segment-control-tab-selected-accent-text: var(--color-content-base-static-white); --segment-control-tab-selected-neutral-bg: var(--color-content-base-alfa-neutral-16); --segment-control-tab-selected-neutral-fg: var(--color-content-base-primary); --sidebar-color-bg: var(--color-background-base-secondary); --sidebar-color-border: var(--color-border-base-none); --sidebar-rounding-compact: 0px; --sidebar-rounding-full: 0px; --skeleton-content: linear-gradient(90deg,var(--color-background-base-alfa-neutral-8) 8%,var(--color-background-base-alfa-neutral-12) 16%,var(--color-background-base-alfa-neutral-8) 32%); --snackbar-color-positive-bg: var(--color-background-base-elevated); --switch-color-bg-default: var(--color-solid-brand-accent-default); --switch-color-bg-hover: var(--color-solid-brand-accent-hover); --switch-color-dot: var(--color-content-base-on-accent); --tab-qab-vertical-rounding: 16px; --tabbar-item-color-selected: var(--color-solid-brand-primary-default); --tabbar-item-effect-shadow: unset; --tabbar-layout-height: 60px; --tabbar-layout-padding-bottom: 0px; --tabbar-layout-radius: var(--rounding-16); --table-pots-color-bg: rgba(29,30,32,0.55); --top-app-badge-color-bg: var(--neutral-clean-none); --top-app-badge-color-bg-grad: linear-gradient(90deg,#7100FF 50%,#B173FF 100%); --total-jackpot-color-bg: var(--color-pink-800); --total-jackpot-color-bg-grad: unset; --total-jackpot-font-desktop-font-size: 32px; --total-jackpot-font-desktop-font-weight: 800; --total-jackpot-font-desktop-letter-spacing: 0.52px; --total-jackpot-font-desktop-line-height: 36px; --total-jackpot-font-font-family: "Inter",var(--reserved-fonts); --total-jackpot-font-mobile-font-size: 32px; --total-jackpot-font-mobile-font-weight: 800; --total-jackpot-font-mobile-letter-spacing: 0.52px; --total-jackpot-font-mobile-line-height: 36px; --total-jackpot-font-number-font-family: "Inter",var(--reserved-fonts); --total-jackpot-font-number-font-size: 36px; --total-jackpot-font-number-font-weight: 800; --total-jackpot-font-number-letter-spacing: -1.2px; --total-jackpot-font-number-line-height: 38px; --total-jackpot-font-number-text-case: none; --total-jackpot-font-text-case: none; --total-jackpot-rounding-desktop: 24px; --total-jackpot-rounding-mobile: 20px; --total-jackpot-rounding-tablet: 20px; --tournament-card-font-font-family: "Coolvetica",var(--reserved-fonts); --tournament-card-font-font-size: 72px; --tournament-card-font-font-weight: 900; --tournament-card-font-letter-spacing: 0px; --tournament-card-font-line-height: 52px; --tournament-card-padding: 12px; --tournament-card-rounding: 16px; --transaction-notification-color-bg: var(--color-background-base-secondary); --vip-badge-color-bg: #ffffff; --vip-badge-color-fg: #1d1e20; --vipland-banner-bg: var(--color-gray-50); --vipland-banner-text: var(--color-gray-800); --vipland-club-bg: var(--color-cyan-900); --vipland-concierge-bg: var(--color-gray-50); --vipland-concierge-card-bg: var(--color-background-base-static-white); --vipland-concierge-card-text: var(--color-gray-800); --vipland-concierge-text: var(--color-gray-800); --vipland-gift-card-1-bg: var(--color-rose-900); --vipland-gift-card-2-bg: var(--color-pink-purple-800); --vipland-gift-card-3-bg: var(--color-teal-900); --vipland-gift-card-4-bg: var(--color-cyan-900); --vipland-gift-card-5-bg: var(--color-orange-700); --vipland-gift-card-6-bg: var(--color-blue-cyan-900); --vipland-manager-bg: var(--color-blue-cyan-800); --vipland-manager-reddot: var(--color-mint-500); --vipland-pros-card-1-bg: var(--color-teal-900); --vipland-pros-card-2-bg: var(--color-pink-purple-800); --vipland-pros-card-3-bg: var(--color-blue-cyan-700); --vipland-transfer-completed: var(--color-teal-900); --vipland-transfer-default: var(--color-rose-900); --widget-font-desktop-font-size: 28px; --widget-font-desktop-font-weight: 600; --widget-font-desktop-letter-spacing: -0.59px; --widget-font-desktop-line-height: 32px; --widget-font-font-family: "Inter",var(--reserved-fonts); --widget-font-mobile-font-size: 22px; --widget-font-mobile-font-weight: 600; --widget-font-mobile-letter-spacing: -0.4px; --widget-font-mobile-line-height: 26px; --widget-font-text-case: none; --widget-wheel-color-bg-grad: radial-gradient(ellipse 70.05% 72.92%at 91.45% 2.50%,#8A969E 0%,#5C6973 33%,#263240 100%) } .colorScheme-light { --accordion-color-bg: var(--color-background-base-secondary); --accordion-color-icon: var(--color-content-base-secondary); --accordion-color-title: var(--color-content-base-primary); --accordion-gap-header: var(--spacing-12); --accordion-padding-horizontal: var(--spacing-16); --accordion-padding-vertical: var(--spacing-16); --accordion-rounding-rounding: var(--rounding-16); --all-games-button-rounding: var(--rounding-max); --app-install-step-color-dot: var(--color-background-base-secondary); --badge-default-color-bg: var(--color-background-base-secondary); --badge-freebet-color-bg: var(--color-orange-525); --badge-game-card-color-bg-cold: var(--color-blue-cyan-450); --badge-game-card-color-bg-hot: var(--color-orange-525); --badge-leaderboard-color-bg-active: #ffffff; --badge-leaderboard-color-bg-default: #ffffff; --badge-leaderboard-color-icon-fg: var(--color-orange-400); --badge-notification-color-bg: var(--color-orange-400); --badge-region-bg: var(--color-background-base-alfa-neutral-12); --banner-app-installation-color-bg-grad: none; --banner-bonus500-1-color-bg-grad: radial-gradient(110.73% 108.48%at 37.99% -41.13%,var(--color-purple-200) 0.65%,var(--color-purple-500) 100%); --banner-bonus500-1-color-bg-grad-1440: radial-gradient(126.18% 271.14%at 52.54% -91.41%,var(--color-purple-200) 0%,var(--color-purple-500) 100%); --banner-bonus500-2-color-bg-grad: radial-gradient(110.73% 108.48%at 37.99% -41.13%,var(--color-blue-cyan-100) 0.65%,var(--color-blue-cyan-500) 100%); --banner-bonus500-2-color-bg-grad-1440: radial-gradient(126.18% 271.14%at 52.54% -91.41%,var(--color-blue-cyan-100) 0%,var(--color-blue-cyan-500) 100%); --banner-bonus500-3-color-bg-grad: radial-gradient(110.73% 108.48%at 37.99% -41.13%,var(--color-pink-purple-200) 0.65%,var(--color-pink-purple-500) 100%); --banner-bonus500-3-color-bg-grad-1440: radial-gradient(126.18% 271.14%at 52.54% -91.41%,var(--color-pink-purple-200) 0%,var(--color-pink-purple-500) 100%); --banner-bonus500-4-color-bg-grad: radial-gradient(110.73% 108.48%at 37.99% -41.13%,var(--color-yellow-amber-100) 0.65%,var(--color-orange-525) 100%); --banner-bonus500-4-color-bg-grad-1440: radial-gradient(126.18% 271.14%at 52.54% -91.41%,var(--color-yellow-amber-100) 0%,var(--color-orange-525) 100%); --banner-bonuses-color-bg: var(--color-purple-500); --banner-bonuses-color-bg-grad: unset; --banner-bonuses-color-border: var(--neutral-clean-none); --banner-freemoney-color-bg: var(--neutral-clean-none); --banner-freemoney-color-bg-grad: linear-gradient(141deg,var(--color-pink-purple-200,#EF64FF) 0.72%,var(--color-blue-400,#005CFF) 100%); --banner-freemoney-color-border: var(--neutral-clean-none); --banner-freespins-color-bg: var(--color-purple-500); --banner-freespins-color-bg-grad: unset; --banner-game-of-the-week-color-bg: var(--color-blue-400); --banner-game-of-the-week-color-bg-grad: unset; --banner-game-of-the-week-font-desktop-font-size: 28px; --banner-game-of-the-week-font-desktop-font-weight: 600; --banner-game-of-the-week-font-desktop-letter-spacing: -0.59px; --banner-game-of-the-week-font-desktop-line-height: 32px; --banner-game-of-the-week-font-desktop-text-case: none; --banner-game-of-the-week-font-font-family: "Inter",var(--reserved-fonts); --banner-game-of-the-week-font-mobile-font-size: 22px; --banner-game-of-the-week-font-mobile-font-weight: 600; --banner-game-of-the-week-font-mobile-letter-spacing: -0.4px; --banner-game-of-the-week-font-mobile-line-height: 26px; --banner-game-of-the-week-font-mobile-text-case: none; --banner-game-of-the-week-game-card-rounding-360: 10px; --banner-game-of-the-week-game-card-rounding-768: 16px; --banner-game-of-the-week-game-card-rounding-desktop: 20px; --banner-game-of-the-week-rounding-desktop: var(--rounding-24); --banner-game-of-the-week-rounding-mobile: var(--rounding-20); --banner-game-of-the-week-rounding-tablet: var(--rounding-20); --banner-main-border: var(--color-border-base-alfa-container); --banner-main-font-desktop-font-size: 33px; --banner-main-font-desktop-font-weight: 800; --banner-main-font-desktop-letter-spacing: 0.33px; --banner-main-font-desktop-line-height: 38px; --banner-main-font-desktop-paragraph-spacing: 0px; --banner-main-font-font-family: "Inter",var(--reserved-fonts); --banner-main-font-mobile-font-size: 16px; --banner-main-font-mobile-font-weight: 800; --banner-main-font-mobile-letter-spacing: 0.33px; --banner-main-font-mobile-line-height: 20px; --banner-main-font-mobile-paragraph-spacing: 0px; --banner-main-font-tablet-font-size: 33px; --banner-main-font-tablet-font-weight: 800; --banner-main-font-tablet-letter-spacing: 0.33px; --banner-main-font-tablet-line-height: 38px; --banner-main-font-tablet-paragraph-spacing: 0px; --banner-main-font-text-case: none; --banner-main-padding-desktop-bottom: 35px; --banner-main-padding-desktop-left: 35px; --banner-main-padding-desktop-right: 35px; --banner-main-padding-desktop-top: 35px; --banner-main-padding-mobile-bottom: 20px; --banner-main-padding-mobile-left: 20px; --banner-main-padding-mobile-right: 20px; --banner-main-padding-mobile-top: 20px; --banner-main-padding-tablet-bottom: 20px; --banner-main-padding-tablet-left: 20px; --banner-main-padding-tablet-right: 20px; --banner-main-padding-tablet-top: 20px; --banner-main-rounding-desktop-left-bottom: 24px; --banner-main-rounding-desktop-left-top: 24px; --banner-main-rounding-desktop-right-bottom: 24px; --banner-main-rounding-desktop-right-top: 24px; --banner-main-rounding-mobile-left-bottom: 20px; --banner-main-rounding-mobile-left-top: 20px; --banner-main-rounding-mobile-right-bottom: 20px; --banner-main-rounding-mobile-right-top: 20px; --banner-main-rounding-tablet-left-bottom: 20px; --banner-main-rounding-tablet-left-top: 20px; --banner-main-rounding-tablet-right-bottom: 20px; --banner-main-rounding-tablet-right-top: 20px; --banner-main-size-mobile-default-max-height: 210px; --banner-main-size-mobile-default-max-width: 316px; --banner-main-size-mobile-default-min-height: 210px; --banner-main-size-mobile-default-min-width: 316px; --banner-main-variant2-content-desktop-max-width: 312px; --banner-main-variant2-content-desktop-min-width: 200px; --banner-main-variant2-content-mobile-max-width: 268px; --banner-main-variant2-content-mobile-min-width: 140px; --banner-pwa-color-bg: var(--color-background-base-tertiary); --banner-pwa-color-bg-grad: unset; --banner-registration-color-bg-grad: linear-gradient(180deg,#953EC9 0%,#C571CA 119.81%); --banner-registration-padding-bottom: 40px; --banner-registration-padding-left: 20px; --banner-registration-padding-right: 20px; --banner-registration-padding-top: 20px; --banner-sidebar-freemoney-color-bg: var(--neutral-clean-none); --banner-sidebar-freemoney-color-bg-grad: radial-gradient(181.61% 181.61%at 122.05% -3.73%,#006167 0%,#003D41 51.3%,#102425 100%); --banner-sidebar-freemoney-color-border: var(--color-border-base-none); --banner-support-footer-color-bg: var(--color-background-base-secondary); --betting-color-bg: var(--color-background-base-secondary); --betting-color-border-desktop: var(--neutral-clean-none); --blog-article-color-bg: radial-gradient(ellipse 113.29% 240.64%at 100.00% 100.00%,#4BA0CC 0%,#2B607C 33%,#225068 67%,#061D29 100%); --blog-font-font-family: "Inter",var(--reserved-fonts); --blog-font-font-size: 18px; --blog-font-font-weight: 400; --blog-font-letter-spacing: -0.12px; --blog-font-line-height: 28px; --blog-font-primary: var(--neutral-light-1); --blog-font-text-case: none; --bonus-account-list-item-padding-vertical: var(--spacing-12); --bonus-active-color-bg-grad-1: radial-gradient(100% 100%at 50% 0%,var(--color-purple-200) 11.48%,var(--color-purple-500) 100%); --bonus-active-color-bg-grad-2: radial-gradient(100% 100%at 50% 0%,var(--color-blue-cyan-100) 11.48%,var(--color-blue-cyan-500) 100%); --bonus-active-color-bg-grad-3: radial-gradient(100% 100%at 50% 0%,var(--color-pink-purple-200) 11.48%,var(--color-pink-purple-500) 100%); --bonus-active-color-bg-grad-4: radial-gradient(100% 100%at 50% 0%,var(--color-yellow-amber-100) 11.48%,var(--color-orange-525) 100%); --bonus-active-color-bg-grad-freebet: radial-gradient(100% 100%at 50% 0%,#FF7A4D 11.48%,#FF4000 100%); --bonus-active-color-bg-grad-freespins: radial-gradient(100% 100%at 50% 0%,#00CBD9 11.48%,#0089D9 100%); --bonus-active-color-bg-grad-nondep: radial-gradient(100% 100%at 50% 0%,#FF2681 11.48%,#8C003A 100%); --bonus-active-color-bg-grad-nondep-sport: radial-gradient(100% 100%at 50% 0%,#0075FF 11.48%,#0089D9 100%); --bonus-active-color-bg-grad-sport: radial-gradient(100% 100%at 50% 0%,#00B259 11.48%,#00963E 100%); --bonus-active-color-bg-grad-voucher: linear-gradient(180deg,#5773A7 0%,#000F2A 100%); --bonus-available-color-bg-grad-1: radial-gradient(100% 100%at 50% 0%,var(--color-purple-200) 11.48%,var(--color-purple-500) 100%); --bonus-available-color-bg-grad-2: radial-gradient(100% 100%at 50% 0%,var(--color-blue-cyan-100) 11.48%,var(--color-blue-cyan-500) 100%); --bonus-available-color-bg-grad-3: radial-gradient(100% 100%at 50% 0%,var(--color-pink-purple-200) 11.48%,var(--color-pink-purple-500) 100%); --bonus-available-color-bg-grad-4: radial-gradient(100% 100%at 50% 0%,var(--color-yellow-amber-100) 11.48%,var(--color-orange-525) 100%); --bonus-available-color-bg-grad-cashback: radial-gradient(100% 100%at 50% 0%,#81CE0B 11.48%,#44B200 100%); --bonus-available-color-bg-grad-freebet: radial-gradient(100% 100%at 50% 0%,#FF7A4D 11.48%,#FF4000 100%); --bonus-available-color-bg-grad-freespins: radial-gradient(100% 100%at 50% 0%,#00CBD9 11.48%,#0089D9 100%); --bonus-available-color-bg-grad-nondep: radial-gradient(100% 100%at 50% 0%,#FF2681 11.48%,#8C003A 100%); --bonus-available-color-bg-grad-nondep-sport: radial-gradient(100% 100%at 50% 0%,#0075FF 11.48%,#0089D9 100%); --bonus-available-color-bg-grad-sport: radial-gradient(100% 100%at 50% 0%,#00B259 11.48%,#00963E 100%); --bonus-available-color-bg-grad-voucher: linear-gradient(180deg,#5773A7 0%,#000F2A 100%); --bonus-chainable-color-bg-grad-1: radial-gradient(100% 100%at 50% 0%,var(--color-purple-200) 11.48%,var(--color-purple-500) 100%); --bonus-chainable-color-bg-grad-2: radial-gradient(100% 100%at 50% 0%,var(--color-blue-cyan-100) 11.48%,var(--color-blue-cyan-500) 100%); --bonus-chainable-color-bg-grad-3: radial-gradient(100% 100%at 50% 0%,var(--color-pink-purple-200) 11.48%,var(--color-pink-purple-500) 100%); --bonus-chainable-color-bg-grad-4: radial-gradient(100% 100%at 50% 0%,var(--color-yellow-amber-100) 11.48%,var(--color-orange-525) 100%); --bonus-chainable-color-bg-grad-freespins: radial-gradient(100% 100%at 50% 0%,#00CBD9 11.48%,#0089D9 100%); --button-color-accent-bg-default: var(--color-solid-brand-accent-default); --button-color-accent-bg-default-grad: unset; --button-color-accent-bg-hover: var(--color-solid-brand-accent-hover); --button-color-accent-bg-hover-grad: unset; --button-color-accent-border-default: var(--color-border-base-none); --button-color-accent-fg-default: var(--color-content-base-on-accent); --button-color-primary-bg-default: var(--color-solid-brand-primary-default); --button-color-primary-bg-default-grad: unset; --button-color-primary-bg-hover: var(--color-solid-brand-primary-hover); --button-color-primary-bg-hover-grad: unset; --button-color-primary-fg-default: var(--color-content-base-on-primary); --casino-search-bar-color-bg-sticky: var(--color-background-base-primary); --casino-search-bar-layout-gap: 8px; --casino-search-bar-layout-paddings-bottom: 24px; --casino-search-bar-layout-paddings-left: 16px; --casino-search-bar-layout-paddings-right: 16px; --casino-search-bar-layout-paddings-top: 24px; --casino-search-bar-layout-rounding-bottom-left: 0px; --casino-search-bar-layout-rounding-bottom-right: 0px; --casino-search-bar-layout-rounding-top-left: 0px; --casino-search-bar-layout-rounding-top-right: 0px; --cdp-popover-colored-color-bg: var(--color-rose-400); --checkbox-color-checked-bg-default: var(--color-solid-brand-primary-default); --checkbox-color-checked-bg-hover: var(--color-solid-brand-primary-hover); --checkbox-color-checked-fg: #ffffff; --chips-tab-rounding-default: var(--rounding-component-chipstab); --coins-exchange-fields-gap: var(--spacing-8); --content-button-accent-color-fg-default: var(--color-solid-brand-primary-default); --content-button-accent-color-fg-hover: var(--color-solid-brand-primary-hover); --countdown-color-cdn-bg: #5a5a5a; --countdown-color-promo-bg: var(--color-background-base-alfa-neutral-20); --countdown-color-sidebar-bg: #5a5a5a; --dots-pagination-layout-container-gap: var(--spacing-4); --dots-pagination-layout-container-padding: var(--spacing-4); --dots-pagination-layout-container-radius: var(--rounding-8); --dots-pagination-layout-dot-radius: var(--rounding-max); --event-card-color-bg: var(--color-background-base-primary); --event-card-color-divider: var(--color-background-base-secondary); --event-card-color-header-bg: var(--color-background-base-primary); --event-card-color-hot-bg: #ff4000; --event-card-color-hot-fg: #ffffff; --event-card-color-live: #ff006a; --event-card-color-red-card-bg: #d90101; --event-card-size: 328px; --event-coef-section-rounding: 10px; --floating-widget-bonus-color-bg-default: var(--color-purple-500); --floating-widget-streamer-color-bg-default-grad: radial-gradient(72.92% 70.05%at 91.45% 2.5%,#8A969E 0%,#5C6973 33.31%,#263240 100%); --floating-widget-streamer-color-bg-hover-grad: radial-gradient(72.92% 70.05%at 91.45% 2.5%,#8A969E 0%,#5C6973 33.31%,#394B60 100%); --footer-app-banner-color-bg: var(--color-blue-400); --footer-app-banner-color-bg-grad-1: unset; --footer-app-banner-color-bg-grad-2: unset; --footer-app-banner-mobile-color-bg: var(--color-purple-400); --footer-app-banner-mobile-color-bg-grad: unset; --footer-color-bg: var(--color-background-base-primary); --footer-layout-copyright-max-width: 682px; --fortune-wheel-segment-color-bg-dark-1: var(--color-purple-800); --fortune-wheel-segment-color-bg-dark-2: var(--color-purple-300); --fortune-wheel-segment-color-bg-dark-3: var(--color-purple-800); --fortune-wheel-segment-color-bg-light-1: var(--color-purple-300); --fortune-wheel-segment-color-bg-light-2: var(--color-purple-100); --fortune-wheel-segment-color-bg-light-3: var(--color-purple-300); --fortune-wheel-segment-color-stroke: var(--color-citron-yellow-600); --freemoney-app-color-bg: var(--color-purple-400); --freemoney-app-color-bg-grad: unset; --freemoney-brand-coins-color-bg: var(--color-purple-blue-500); --freemoney-brand-coins-color-bg-grad: unset; --freemoney-brand-token-color-bg: var(--color-blue-700); --freemoney-cashback-color-bg: var(--color-lime-700); --freemoney-cashback-color-bg-grad: unset; --freemoney-contacts-color-bg: var(--neutral-clean-none); --freemoney-contacts-color-bg-grad: radial-gradient(230.32% 160.41%at 113.34% 104.26%,#AED5F1 0%,#317FC6 10.67%,#003777 50.22%,#03050D 100%); --freemoney-fortune-wheel-color-desktop-bg: var(--neutral-clean-none); --freemoney-fortune-wheel-color-desktop-bg-grad: radial-gradient(1246.25% 164.96%at 66.09% -53.23%,#383D46 0%,#25282E 100%); --freemoney-fortune-wheel-color-mobile-bg: var(--neutral-clean-none); --freemoney-fortune-wheel-color-mobile-bg-grad: radial-gradient(318.8% 100.03%at 50% 0%,#383D46 0%,#25282E 100%); --freemoney-loyalty-card-color-bg: var(--neutral-clean-none); --freemoney-loyalty-card-color-bg-grad: radial-gradient(ellipse 177.78% 193.74%at 100.00% 74.55%,#8E7CC7 0%,#6A41A3 41%,#311D52 73%,#1D092F 100%); --freemoney-promo-repost-typography-desktop-font-size: 36px; --freemoney-promo-repost-typography-desktop-font-weight: 700; --freemoney-promo-repost-typography-desktop-letter-spacing: 0.36px; --freemoney-promo-repost-typography-desktop-line-height: 40px; --freemoney-promo-repost-typography-font-family: "SF Pro Display",var(--reserved-fonts); --freemoney-promo-repost-typography-mobile-font-size: 25px; --freemoney-promo-repost-typography-mobile-font-weight: 700; --freemoney-promo-repost-typography-mobile-letter-spacing: 0.36px; --freemoney-promo-repost-typography-mobile-line-height: 30px; --freemoney-promo-typography-desktop-font-size: 28px; --freemoney-promo-typography-desktop-font-weight: 600; --freemoney-promo-typography-desktop-letter-spacing: -0.59px; --freemoney-promo-typography-desktop-line-height: 32px; --freemoney-promo-typography-font-family: "Inter",var(--reserved-fonts); --freemoney-promo-typography-mobile-font-size: 22px; --freemoney-promo-typography-mobile-font-weight: 600; --freemoney-promo-typography-mobile-letter-spacing: -0.4px; --freemoney-promo-typography-mobile-line-height: 26px; --freemoney-push-color-bg: var(--color-rose-400); --freemoney-push-color-bg-grad: unset; --freemoney-referral-program-color-bg-grad: linear-gradient(289deg,#A76DFF 18.27%,#640AEC 83.75%); --freemoney-sport-color-bg: var(--color-blue-cyan-500); --freemoney-telegram-color-bg: var(--color-cyan-500); --freemoney-telegram-color-bg-grad: unset; --freemoney-vk-color-bg: var(--color-blue-cyan-500); --freemoney-vouchers-color-bg: var(--color-purple-blue-700); --freemoney-vouchers-color-bg-grad: unset; --freespins-collapsed-layout-border: var(--border-none); --freespins-collapsed-layout-container-gap: var(--spacing-4); --freespins-collapsed-layout-container-padding: var(--spacing-6); --freespins-collapsed-layout-container-rounding-bl: var(--rounding-container-s); --freespins-collapsed-layout-container-rounding-br: var(--rounding-container-s); --freespins-collapsed-layout-container-rounding-tl: var(--rounding-container-s); --freespins-collapsed-layout-container-rounding-tr: var(--rounding-container-s); --freespins-collapsed-layout-dot-border: var(--border-m); --freespins-collapsed-layout-dot-height: var(--size-element-s); --freespins-collapsed-layout-dot-rounding: var(--rounding-12); --freespins-collapsed-layout-dot-width: var(--size-element-s); --freespins-collapsed-layout-image-rounding-bl: var(--rounding-container-xs); --freespins-collapsed-layout-image-rounding-br: var(--rounding-container-xs); --freespins-collapsed-layout-image-rounding-tl: var(--rounding-container-xs); --freespins-collapsed-layout-image-rounding-tr: var(--rounding-container-xs); --freespins-collapsed-style-bg: var(--color-background-base-alfa-neutral-12); --freespins-collapsed-style-border: var(--color-border-base-none); --freespins-collapsed-style-dot-bg: var(--color-solid-brand-primary-default); --freespins-collapsed-style-dot-border: var(--color-border-base-on-bg-secondary); --freespins-collapsed-style-dot-icon: var(--color-content-base-on-primary); --freespins-collapsed-style-title: var(--color-content-base-primary); --freespins-full-var3-style-bg: var(--color-background-base-alfa-neutral-12); --game-card-color-border: var(--color-border-base-alfa-container); --game-card-color-icon: var(--color-solid-sentiment-positive-default); --game-card-rounding-desktop: 16px; --game-card-rounding-mobile: 12px; --games-section-heading-color-icon-category: var(--neutral-light-9); --header-balance-color-bg: var(--color-background-base-alfa-neutral-12); --header-balance-color-border: var(--neutral-clean-none); --header-layout-height-desktop: 68px; --header-layout-height-mobile: 60px; --input-color-bg-default: var(--color-background-base-alfa-neutral-12); --input-color-bg-hover: var(--color-background-base-alfa-neutral-16); --input-color-caret: var(--color-solid-brand-primary-default); --layout-color-bg-desktop: var(--color-background-base-primary); --layout-color-bg-mobile: var(--color-background-base-primary); --list-color-always-stack-bg: var(--color-background-base-secondary); --list-item-color-bg-default: rgba(0,0,0,0); --list-item-color-bg-hover: var(--color-background-base-alfa-neutral-12); --list-item-color-divider: var(--color-border-base-alfa-divider); --list-item-padding-horizontal: 8px; --list-item-rounding: 12px; --list-items-gap: 0px; --list-rounding: 0px; --menu-tab-badge-color-bg: #ff006a; --menu-tab-badge-color-fg: var(--color-content-base-static-white); --menu-tab-color-bg-stroke: var(--color-border-base-none); --menu-tab-color-fg-hover: var(--color-solid-brand-primary-hover); --menu-tab-color-fg-hover-grad: unset; --menu-tab-color-fg-selected: var(--color-solid-brand-primary-active); --menu-tab-color-fg-selected-grad: unset; --modal-app-promo-color-bg: var(--neutral-clean-none); --modal-app-promo-color-bg-grad: radial-gradient(133.13% 133.54%at 69.86% 75.34%,#AA9ED0 0%,#9279C3 24.87%,#52249C 53.22%,#321250 100%); --modal-color-bg: var(--color-background-base-elevated); --modal-footer-2fa-bg: var(--color-background-base-secondary); --modal-list-inner-padding: 8px; --modal-list-padding-horizontal-desktop: 12px; --modal-list-padding-horizontal-mobile: 8px; --modal-profile-balance-bg: var(--color-background-base-secondary); --modal-vip-vip-color-bg: var(--color-background-base-secondary); --modal-vip-vip-color-border: var(--color-content-base-alfa-static-white-48); --modal-vip-vip-color-divider: var(--color-border-base-alfa-static-white-20); --modal-vip-vip-color-fg-primary: var(--color-content-base-static-white); --modal-vip-vip-color-fg-secondary: var(--color-content-base-alfa-static-white-64); --modal-vip-vip-color-icon-bg: var(--color-background-base-alfa-static-white); --modal-vip-vip-color-list-border: var(--color-border-base-alfa-static-white-20); --notification-card-color-bg: var(--color-background-base-secondary); --notification-card-color-border-bottom: rgba(255,255,255,0); --notification-card-rounding: 16px; --notification-card-rounding-image: 0px; --notification-card-spacing-margin-bottom: 16px; --notification-card-spacing-margin-horizontal: 16px; --notification-card-spacing-system-badge-margin: 12px; --notification-card-spacing-system-margin-top: 16px; --notification-center-color-bg: var(--color-background-base-elevated); --popover-cdp-color-bg: var(--color-background-base-elevated); --prize-card-color-bg-default: var(--color-background-base-secondary); --prize-card-color-bg-superprize: var(--color-orange-amber-500); --prize-card-color-bg-superprize-grad: unset; --prize-card-rounding-default: 12px; --prize-card-rounding-superprize: 12px; --profile-cell-color-bg-default: rgba(0,0,0,0); --profile-cell-color-bg-hover: rgba(0,0,0,0); --profile-cell-color-full-avatar-bg-hover: var(--color-background-base-alfa-neutral-16); --profile-cell-color-vip-border: rgba(0,0,0,0); --profile-cell-padding: 0px; --profile-cell-rounding: 0px; --profile-cell-size-outline-avatar-focus: 2px; --profile-cell-size-outline-focus: 0px; --profile-vip-section-casual-color-bg: var(--color-background-base-secondary); --profile-vip-section-vip-color-bg: #000000; --profile-vip-section-vip-color-bg-grad: unset; --profile-vip-section-vip-color-bg-icon: var(--color-background-base-alfa-static-white); --profile-vip-section-vip-color-fg-primary: var(--color-content-base-static-white); --profile-vip-section-vip-color-fg-secondary: var(--color-content-base-alfa-static-white-64); --promo-card-color-bg: var(--color-background-base-secondary); --promo-card-gap: 0px; --promo-card-image-rounding: 0px; --promo-card-padding: 16px; --promo-card-rounding: 24px; --promotions-landing-head-color-bonus500-bg: var(--neutral-clean-none); --promotions-landing-head-color-bonus500-bg-grad: radial-gradient(126.18% 271.14%at 52.54% -91.41%,#B173FF 0%,#7100FF 100%); --promotions-landing-head-color-cashback30-bg: var(--color-lime-700); --promotions-landing-head-color-cashback30-bg-grad: unset; --promotions-landing-head-color-express-bg: var(--color-blue-cyan-500); --promotions-landing-head-color-express-bg-grad: unset; --provider-label-color-bg: rgba(0,0,0,0); --provider-label-color-fg: rgba(0,0,0,0); --provider-label-rounding-top: 0px; --providers-button-color-default: var(--color-solid-brand-primary-default); --providers-button-color-fg: var(--color-content-base-on-accent); --providers-button-color-hover: var(--color-solid-brand-primary-hover); --qab-color-bg-default: var(--color-background-base-alfa-neutral-12); --qab-color-bg-hover: var(--color-background-base-alfa-neutral-16); --qab-color-bg-selected: var(--color-solid-brand-primary-default); --qab-color-bg-selected-grad: unset; --qab-color-fg-selected: var(--color-content-base-on-primary); --qab-color-fg-selected-grad: unset; --qab-color-icon-default: var(--color-content-base-secondary); --qab-color-icon-selected: var(--color-content-base-on-primary); --qab-color-stroke-selected: var(--color-border-base-none); --qab-color-stroke-selected-grad: unset; --radio-button-color-checked-bg-default: var(--color-solid-brand-primary-default); --radio-button-color-checked-bg-hover: var(--color-solid-brand-primary-hover); --radio-button-color-checked-fg: #ffffff; --random-game-color-bg: var(--color-purple-blue-500); --random-game-color-bg-grad: unset; --random-game-color-card-bg-skeleton: var(--color-purple-blue-700); --random-game-font-desktop-font-size: 28px; --random-game-font-desktop-font-weight: 600; --random-game-font-desktop-letter-spacing: -0.59px; --random-game-font-desktop-line-height: 32px; --random-game-font-desktop-paragraph-indent: 0px; --random-game-font-desktop-paragraph-spacing: 0px; --random-game-font-font-family: "Inter",var(--reserved-fonts); --random-game-font-mobile-font-size: 22px; --random-game-font-mobile-font-weight: 600; --random-game-font-mobile-letter-spacing: -0.4px; --random-game-font-mobile-line-height: 26px; --random-game-font-mobile-paragraph-indent: 0px; --random-game-font-mobile-paragraph-spacing: 0px; --random-game-font-text-case: none; --random-game-rounding-desktop: 24px; --random-game-rounding-mobile: 20px; --random-game-rounding-tablet: 20px; --rating-star-color-empty: var(--neutral-clean-none); --rating-star-color-filled: var(--neutral-clean-none); --reddot-radius: var(--rounding-max); --referral-program-link-card-color-bg-grad: radial-gradient(ellipse 100.00% 61.17%at 50.00% -0.00%,#2F2C3C 0%,#1D1E21 100%); --referral-program-steps-card-color-bg-grad: radial-gradient(ellipse 141.42% 168.23%at 0.00% 0.00%,#0F1F2F 0%,#6699CC 86%); --scrollbar-color-bg-default: var(--color-background-base-alfa-neutral-32); --scrollbar-color-bg-hover: var(--color-background-base-alfa-neutral-48); --segment-control-bg: var(--color-content-base-alfa-neutral-12); --segment-control-control-bg: var(--color-background-base-alfa-neutral-12); --segment-control-tab-bg-hover: var(--color-background-base-alfa-neutral-8); --segment-control-tab-bg-selected: var(--color-background-base-alfa-neutral-16); --segment-control-tab-hover: var(--color-content-base-alfa-neutral-8); --segment-control-tab-selected-accent-bg: var(--color-solid-brand-primary-default); --segment-control-tab-selected-accent-bg-grad: unset; --segment-control-tab-selected-accent-fg: var(--color-content-base-primary); --segment-control-tab-selected-accent-icon: var(--color-content-base-primary); --segment-control-tab-selected-accent-stroke: var(--neutral-clean-none); --segment-control-tab-selected-accent-stroke-grad: unset; --segment-control-tab-selected-accent-text: var(--color-content-base-primary); --segment-control-tab-selected-neutral-bg: var(--color-content-base-alfa-neutral-16); --segment-control-tab-selected-neutral-fg: var(--color-content-base-primary); --sidebar-color-bg: var(--color-background-base-secondary); --sidebar-color-border: var(--color-border-base-none); --sidebar-rounding-compact: 0px; --sidebar-rounding-full: 0px; --skeleton-content: linear-gradient(90deg,var(--color-background-base-alfa-neutral-8) 8%,var(--color-background-base-alfa-neutral-12) 16%,var(--color-background-base-alfa-neutral-8) 32%); --snackbar-color-positive-bg: var(--color-background-base-elevated); --switch-color-bg-default: var(--color-solid-brand-accent-default); --switch-color-bg-hover: var(--color-solid-brand-accent-hover); --switch-color-dot: var(--color-content-base-on-accent); --tab-qab-vertical-rounding: 16px; --tabbar-item-color-selected: var(--color-solid-brand-primary-default); --tabbar-item-effect-shadow: unset; --tabbar-layout-height: 60px; --tabbar-layout-padding-bottom: 0px; --tabbar-layout-radius: var(--rounding-16); --table-pots-color-bg: rgba(29,30,32,0.55); --top-app-badge-color-bg: var(--neutral-clean-none); --top-app-badge-color-bg-grad: linear-gradient(90deg,#7100FF 50%,#B173FF 100%); --total-jackpot-color-bg: var(--color-pink-800); --total-jackpot-color-bg-grad: unset; --total-jackpot-font-desktop-font-size: 32px; --total-jackpot-font-desktop-font-weight: 800; --total-jackpot-font-desktop-letter-spacing: 0.52px; --total-jackpot-font-desktop-line-height: 36px; --total-jackpot-font-font-family: "Inter",var(--reserved-fonts); --total-jackpot-font-mobile-font-size: 32px; --total-jackpot-font-mobile-font-weight: 800; --total-jackpot-font-mobile-letter-spacing: 0.52px; --total-jackpot-font-mobile-line-height: 36px; --total-jackpot-font-number-font-family: "Inter",var(--reserved-fonts); --total-jackpot-font-number-font-size: 36px; --total-jackpot-font-number-font-weight: 800; --total-jackpot-font-number-letter-spacing: -1.2px; --total-jackpot-font-number-line-height: 38px; --total-jackpot-font-number-text-case: none; --total-jackpot-font-text-case: none; --total-jackpot-rounding-desktop: 24px; --total-jackpot-rounding-mobile: 20px; --total-jackpot-rounding-tablet: 20px; --tournament-card-font-font-family: "Coolvetica",var(--reserved-fonts); --tournament-card-font-font-size: 72px; --tournament-card-font-font-weight: 900; --tournament-card-font-letter-spacing: 0px; --tournament-card-font-line-height: 52px; --tournament-card-padding: 12px; --tournament-card-rounding: 16px; --transaction-notification-color-bg: var(--color-background-base-secondary); --vip-badge-color-bg: #1d1e20; --vip-badge-color-fg: #ffffff; --vipland-banner-bg: var(--color-gray-50); --vipland-banner-text: var(--color-gray-800); --vipland-club-bg: var(--color-cyan-900); --vipland-concierge-bg: var(--color-gray-50); --vipland-concierge-card-bg: var(--color-background-base-static-white); --vipland-concierge-card-text: var(--color-gray-800); --vipland-concierge-text: var(--color-gray-800); --vipland-gift-card-1-bg: var(--color-rose-900); --vipland-gift-card-2-bg: var(--color-pink-purple-800); --vipland-gift-card-3-bg: var(--color-teal-900); --vipland-gift-card-4-bg: var(--color-cyan-900); --vipland-gift-card-5-bg: var(--color-orange-700); --vipland-gift-card-6-bg: var(--color-blue-cyan-900); --vipland-manager-bg: var(--color-blue-cyan-800); --vipland-manager-reddot: var(--color-mint-500); --vipland-pros-card-1-bg: var(--color-teal-900); --vipland-pros-card-2-bg: var(--color-pink-purple-800); --vipland-pros-card-3-bg: var(--color-blue-cyan-700); --vipland-transfer-completed: var(--color-teal-900); --vipland-transfer-default: var(--color-rose-900); --widget-font-desktop-font-size: 28px; --widget-font-desktop-font-weight: 600; --widget-font-desktop-letter-spacing: -0.59px; --widget-font-desktop-line-height: 32px; --widget-font-font-family: "Inter",var(--reserved-fonts); --widget-font-mobile-font-size: 22px; --widget-font-mobile-font-weight: 600; --widget-font-mobile-letter-spacing: -0.4px; --widget-font-mobile-line-height: 26px; --widget-font-text-case: none; --widget-wheel-color-bg-grad: radial-gradient(ellipse 70.05% 72.92%at 91.45% 2.50%,#8A969E 0%,#5C6973 33%,#263240 100%) } :root { --box-shadow-l: 0px 4px 8px 0px rgba(0,0,0,0.12),0px 0px 20px 0px rgba(0,0,0,0.24); --box-shadow-m: 0px 1px 1px 0px rgba(0,0,0,0.06),0px 1px 2px 0px rgba(0,0,0,0.10); --box-shadow-none: none; --box-shadow-s: 0px 1px 1px 0px rgba(0,0,0,0.06),0px 1px 2px 0px rgba(0,0,0,0.10); --box-shadow-xl: 0px 4px 8px 0px rgba(0,0,0,0.24),0px 0px 20px 0px rgba(0,0,0,0.50); --box-shadow-xs: 0px 1px 1px 0px rgba(0,0,0,0.05) } .colorScheme-dark { --box-shadow-button-top: var(--box-shadow-xl); --box-shadow-fab: var(--box-shadow-xl); --box-shadow-popover: var(--box-shadow-none); --box-shadow-segment-tab: var(--box-shadow-none); --box-shadow-table: var(--box-shadow-xl); --box-shadow-tooltip: var(--box-shadow-none); --box-shadow-widget: var(--box-shadow-xl) } .colorScheme-light { --box-shadow-button-top: var(--box-shadow-m); --box-shadow-fab: var(--box-shadow-m); --box-shadow-popover: var(--box-shadow-m); --box-shadow-segment-tab: var(--box-shadow-xs); --box-shadow-table: var(--box-shadow-l); --box-shadow-tooltip: var(--box-shadow-m); --box-shadow-widget: var(--box-shadow-m) }