/* EveryMatrix Design System - Marketing — generated from tokens.json */
:root, [data-theme="light"] {
  --affiliate-50: rgb(255,246,230);
  --affiliate-100: rgb(253,226,176);
  --affiliate-200: rgb(253,212,138);
  --affiliate-300: rgb(252,193,84);
  --affiliate-400: rgb(251,181,51);
  --affiliate-500: rgb(250,162,0);
  --affiliate-600: rgb(228,147,0);
  --affiliate-700: rgb(178,115,0);
  --affiliate-800: rgb(138,89,0);
  --affiliate-900: rgb(105,68,0);
  --base-black: rgb(17,26,20);
  --base-white: rgb(255,255,255);
  --brand-50: rgb(233,247,237);
  --brand-100: rgb(187,231,200);
  --brand-200: rgb(154,219,174);
  --brand-300: rgb(108,202,136);
  --brand-400: rgb(79,192,113);
  --brand-500: rgb(35,176,78);
  --brand-600: rgb(32,160,71);
  --brand-700: rgb(25,125,55);
  --brand-800: rgb(19,97,43);
  --brand-900: rgb(15,74,33);
  --casino-50: rgb(234,250,251);
  --casino-100: rgb(190,239,241);
  --casino-200: rgb(158,232,234);
  --casino-300: rgb(114,221,225);
  --casino-400: rgb(87,214,219);
  --casino-500: rgb(45,204,210);
  --casino-600: rgb(41,186,191);
  --casino-700: rgb(32,145,149);
  --casino-800: rgb(25,112,116);
  --casino-900: rgb(19,86,88);
  --error-50: rgb(254,243,242);
  --error-100: rgb(254,228,226);
  --error-200: rgb(254,205,202);
  --error-300: rgb(253,162,155);
  --error-400: rgb(249,112,102);
  --error-500: rgb(240,68,56);
  --error-600: rgb(217,45,32);
  --error-700: rgb(180,35,24);
  --error-800: rgb(145,32,24);
  --error-900: rgb(122,39,26);
  --gray-25: rgb(249,250,249);
  --gray-50: rgb(245,246,245);
  --gray-100: rgb(237,238,238);
  --gray-200: rgb(224,226,224);
  --gray-300: rgb(201,204,202);
  --gray-400: rgb(174,179,175);
  --gray-500: rgb(140,146,142);
  --gray-600: rgb(107,113,109);
  --gray-700: rgb(75,81,77);
  --gray-800: rgb(44,49,46);
  --gray-900: rgb(17,26,20);
  --live-casino-50: rgb(253,233,241);
  --live-casino-100: rgb(248,187,212);
  --live-casino-200: rgb(244,154,192);
  --live-casino-300: rgb(240,108,163);
  --live-casino-400: rgb(237,79,145);
  --live-casino-500: rgb(232,35,117);
  --live-casino-600: rgb(211,32,106);
  --live-casino-700: rgb(165,25,83);
  --live-casino-800: rgb(128,19,64);
  --live-casino-900: rgb(97,15,49);
  --platform-50: rgb(234,242,252);
  --platform-100: rgb(191,215,246);
  --platform-200: rgb(160,196,242);
  --platform-300: rgb(116,169,236);
  --platform-400: rgb(89,153,232);
  --platform-500: rgb(48,127,226);
  --platform-600: rgb(44,116,206);
  --platform-700: rgb(34,90,160);
  --platform-800: rgb(26,70,124);
  --platform-900: rgb(20,53,95);
  --sports-50: rgb(252,230,234);
  --sports-100: rgb(247,176,189);
  --sports-200: rgb(243,138,157);
  --sports-300: rgb(237,84,113);
  --sports-400: rgb(233,51,85);
  --sports-500: rgb(228,0,43);
  --sports-600: rgb(207,0,39);
  --sports-700: rgb(162,0,31);
  --sports-800: rgb(125,0,24);
  --sports-900: rgb(96,0,18);
  --success-50: rgb(236,253,243);
  --success-100: rgb(220,250,230);
  --success-200: rgb(169,239,197);
  --success-300: rgb(117,224,167);
  --success-400: rgb(71,205,137);
  --success-500: rgb(23,178,106);
  --success-600: rgb(7,148,85);
  --success-700: rgb(6,118,71);
  --success-800: rgb(8,93,58);
  --success-900: rgb(7,77,49);
  --warning-50: rgb(255,250,235);
  --warning-100: rgb(254,240,199);
  --warning-200: rgb(254,223,137);
  --warning-300: rgb(254,200,75);
  --warning-400: rgb(253,176,34);
  --warning-500: rgb(247,144,9);
  --warning-600: rgb(220,104,3);
  --warning-700: rgb(181,71,8);
  --warning-800: rgb(147,55,13);
  --warning-900: rgb(122,46,14);
  --text-primary: var(--gray-900);
  --text-secondary: var(--gray-600);
  --text-disabled: var(--gray-400);
  --text-brand: var(--brand-500);
  --text-on-brand: var(--base-white);
  --text-on-brand-quiet: var(--brand-100);
  --text-error: var(--error-500);
  --text-success: var(--success-500);
  --surface-page: var(--base-white);
  --surface-card: var(--base-white);
  --surface-muted: var(--gray-50);
  --surface-subtle: var(--gray-25);
  --surface-brand: var(--brand-500);
  --surface-brand-quiet: var(--brand-50);
  --surface-inverse: var(--gray-900);
  --surface-success-quiet: var(--success-50);
  --surface-error-quiet: var(--error-50);
  --surface-warning-quiet: var(--warning-50);
  --surface-selected: var(--gray-100);
  --surface-control: var(--gray-300);
  --surface-control-hover: var(--gray-400);
  --surface-scrim: rgba(0,0,0,0.4);
  --border-default: var(--gray-200);
  --border-brand: var(--brand-500);
  --border-error: var(--error-500);
  --border-success: var(--success-500);
  --hover-surface: var(--surface-muted);
  --focus-border: var(--gray-700);
  --disabled-surface: var(--gray-200);
  --disabled-ink: var(--gray-400);
  --surface-brand-hover: var(--brand-400);
  --surface-brand-strong: var(--brand-600);
  --shadow-xs: 0px 0.680px 0.680px 0px rgba(0,0,0,0.04),0px 2.050px 3px 0px rgba(0,0,0,0.03),0px 2.730px 6px 0px rgba(0,0,0,0.04);
  --shadow-sm: 0px 0.680px 0.680px 0px rgba(0,0,0,0.03),0px 2.050px 4px 0px rgba(0,0,0,0.04),0px 2.730px 8px 0px rgba(0,0,0,0.06);
  --shadow-md: 0px 0.682px 0.682px 0px rgba(0,0,0,0.06),0px 2.045px 4.091px 0px rgba(0,0,0,0.04),0px 2.727px 12.273px 0px rgba(0,0,0,0.11);
  --shadow-lg: 0px 0.682px 0.682px 0px rgba(0,0,0,0.06),0px 2.045px 4.091px 0px rgba(0,0,0,0.06),0px 2.727px 18px 0px rgba(0,0,0,0.13);
  --shadow-xl: 0px 0.682px 0.682px 0px rgba(0,0,0,0.06),0px 2.045px 4.091px 0px rgba(0,0,0,0.08),0px 2.727px 25px 0px rgba(0,0,0,0.15);
  --shadow-control-checked: 0px 0.556px 0.556px 0px rgba(0,0,0,0.06),0px 1.667px 3.333px 0px rgba(0,0,0,0.04),0px 2.222px 10px 0px rgba(0,0,0,0.11),inset 0px 0.556px 0.556px 0px rgb(255,255,255),inset 0px -0.556px 0.556px 0px rgba(0,0,0,0.12),inset 0px 8.333px 11.667px 0px rgba(255,255,255,0.18);
  --focus-ring: 0 0 0 4px rgba(0,0,0,0.1);
}
:root {
  --space-none: 0px;
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 6px;
  --space-md: 8px;
  --space-lg: 12px;
  --space-xl: 16px;
  --space-2xl: 20px;
  --space-3xl: 24px;
  --space-4xl: 32px;
  --space-5xl: 40px;
  --space-6xl: 48px;
  --space-7xl: 64px;
  --space-8xl: 80px;
  --space-9xl: 96px;
  --space-10xl: 128px;
  --space-11xl: 160px;
  --radius-none: 0px;
  --radius-xxs: 2px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 20px;
  --radius-4xl: 24px;
  --radius-full: 9999px;
  --width-xxs: 320px;
  --width-xs: 384px;
  --width-sm: 480px;
  --width-md: 560px;
  --width-lg: 640px;
  --width-xl: 768px;
  --width-2xl: 1024px;
  --width-3xl: 1280px;
  --width-4xl: 1440px;
  --tracking-caps: 0.5px;
  --disabled-opacity: 0.4;
  --font-display: "Metric", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-body: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.em-display { font-family: var(--font-display); font-size: 80px; line-height: 90%; font-weight: 600; letter-spacing: 0; margin: 0; }
.em-h1 { font-family: var(--font-display); font-size: 64px; line-height: 90%; font-weight: 600; letter-spacing: 0; margin: 0; }
.em-h2 { font-family: var(--font-display); font-size: 56px; line-height: 100%; font-weight: 600; letter-spacing: 0; margin: 0; }
.em-h3 { font-family: var(--font-display); font-size: 48px; line-height: 110%; font-weight: 600; letter-spacing: 0; margin: 0; }
.em-h4 { font-family: var(--font-display); font-size: 40px; line-height: 110%; font-weight: 600; letter-spacing: 0; margin: 0; }
.em-h5 { font-family: var(--font-display); font-size: 32px; line-height: 110%; font-weight: 600; letter-spacing: 0; margin: 0; }
.em-sub-lg { font-family: var(--font-body); font-size: 24px; line-height: 120%; font-weight: 600; letter-spacing: 0; margin: 0; }
.em-sub-sm { font-family: var(--font-body); font-size: 20px; line-height: 120%; font-weight: 600; letter-spacing: 0; margin: 0; }
.em-body { font-family: var(--font-body); font-size: 18px; line-height: 140%; font-weight: 400; letter-spacing: 0; margin: 0; }
.em-body-bold { font-family: var(--font-body); font-size: 18px; line-height: 140%; font-weight: 600; letter-spacing: 0; margin: 0; }
.em-small { font-family: var(--font-body); font-size: 16px; line-height: 140%; font-weight: 400; letter-spacing: 0; margin: 0; }
.em-small-bold { font-family: var(--font-body); font-size: 16px; line-height: 140%; font-weight: 600; letter-spacing: 0; margin: 0; }
.em-meta { font-family: var(--font-body); font-size: 14px; line-height: 140%; font-weight: 400; letter-spacing: 0; margin: 0; }
.em-meta-bold { font-family: var(--font-body); font-size: 14px; line-height: 140%; font-weight: 600; letter-spacing: 0; margin: 0; }
.em-xs { font-family: var(--font-body); font-size: 12px; line-height: 140%; font-weight: 400; letter-spacing: 0; margin: 0; }
.em-xs-bold { font-family: var(--font-body); font-size: 12px; line-height: 140%; font-weight: 600; letter-spacing: 0; margin: 0; }
@font-face { font-family: "Metric"; src: url("/ds/fonts/metric-light-e1949027cc8e47e8db798fbc39e68a86.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Metric"; src: url("/ds/fonts/metric-regular-062093180bca73e1b2c2d1b1b9a51b3f.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Metric"; src: url("/ds/fonts/metric-regular-italic-0cc539510f7fa12bb5420130a3c1fd84.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Metric"; src: url("/ds/fonts/metric-medium-b43d824be5df3aee676e4453ec329cf9.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Metric"; src: url("/ds/fonts/metric-semibold-c7a17e5820918ea572ce794387c6b112.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Metric"; src: url("/ds/fonts/metric-semibold-italic-62eb7f0f5a18c35d6bdc22d4425fa09e.woff2") format("woff2"); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: "Metric"; src: url("/ds/fonts/metric-bold-7566a4c92fce3d1a8610a821ed50d4d8.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Metric"; src: url("/ds/fonts/metric-black-006834cb4b5650ec1d3e8fc20ed34df4.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist"; src: url("/ds/fonts/geist-variable-9007165b25fb8b7c8b7278fc3867ff76.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist"; src: url("/ds/fonts/geist-variable-italic-793f24328d8f1319354e63b7cfce4466.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }