html body .preloader .logo .img { width: 10rem; }
*, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
*, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); }
::before, ::after { --tw-content: ""; }
html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
body { margin: 0px; line-height: inherit; }
ul { list-style: none; margin: 0px; padding: 0px; }
img { display: block; vertical-align: middle; }
img { max-width: 100%; height: auto; }
:root { --primary: 46 89.3% 52.5%; --primary-foreground: 0 0% 0%; --primary-50: 46 89.3% 95%; --primary-100: 46 89.3% 90%; --primary-200: 46 89.3% 80%; --primary-300: 46 89.3% 70%; --primary-400: 46 89.3% 60%; --primary-500: 46 89.3% 50%; --primary-600: 46 89.3% 40%; --primary-700: 46 89.3% 30%; --primary-800: 46 89.3% 20%; --primary-900: 46 89.3% 10%; --primary-950: 46 89.3% 5%; --secondary: 12 7.5% 13.1%; --secondary-foreground: 0 0% 100%; --secondary-50: 12 7.5% 95%; --secondary-100: 12 7.5% 90%; --secondary-200: 12 7.5% 80%; --secondary-300: 12 7.5% 70%; --secondary-400: 12 7.5% 60%; --secondary-500: 12 7.5% 50%; --secondary-600: 12 7.5% 40%; --secondary-700: 12 7.5% 30%; --secondary-800: 12 7.5% 20%; --secondary-900: 12 7.5% 10%; --secondary-950: 12 7.5% 5%; --tertiary: 0 0% 97.3%; --tertiary-foreground: 0 0% 0%; --tertiary-50: 0 0% 95%; --tertiary-100: 0 0% 90%; --tertiary-200: 0 0% 80%; --tertiary-300: 0 0% 70%; --tertiary-400: 0 0% 60%; --tertiary-500: 0 0% 50%; --tertiary-600: 0 0% 40%; --tertiary-700: 0 0% 30%; --tertiary-800: 0 0% 20%; --tertiary-900: 0 0% 10%; --tertiary-950: 0 0% 5%; --reverse: 0 0% 0%; --reverse-foreground: 0 0% 100%; --reverse-50: 0 0% 95%; --reverse-100: 0 0% 90%; --reverse-200: 0 0% 80%; --reverse-300: 0 0% 70%; --reverse-400: 0 0% 60%; --reverse-500: 0 0% 50%; --reverse-600: 0 0% 40%; --reverse-700: 0 0% 30%; --reverse-800: 0 0% 20%; --reverse-900: 0 0% 10%; --reverse-950: 0 0% 5%; }
:root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; }
:root { --iti-border-gray: #ccc; --iti-text-gray: #999; --iti-hover-color: rgba(0, 0, 0, .05); --iti-border-color: var(--iti-border-gray); --iti-dialcode-color: var(--iti-text-gray); --iti-dropdown-bg: white; --iti-spacer-horizontal: 8px; --iti-flag-height: 15px; --iti-flag-width: 20px; --iti-border-width: 1px; --iti-arrow-height: 4px; --iti-arrow-width: 6px; --iti-triangle-border: calc(var(--iti-arrow-width) / 2); --iti-arrow-padding: 6px; --iti-arrow-color: #555; --iti-input-padding: 6px; --iti-right-hand-selected-country-padding: calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width)); --iti-selected-country-arrow-padding: calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding)); --iti-path-flags-1x: url("/assets/5079104df44ee3c0.webp"); --iti-path-flags-2x: url("/assets/ba9c61ef23e07140.webp"); --iti-path-globe-1x: url("/assets/5657f28966203af9.webp"); --iti-path-globe-2x: url("/assets/1a5a8c05306d47a0.webp"); --iti-flag-sprite-width: 5762px; --iti-flag-sprite-height: 15px; --iti-mobile-popup-margin: 30px; }
html { font-size: 16px; }
body { font-family: Urbanist, sans-serif; }
body ::-webkit-scrollbar { height: 0.188rem; width: 0.188rem; }
@media (min-width: 1024px) {
  body ::-webkit-scrollbar { height: 0.25rem; width: 0.25rem; }
}
body ::-webkit-scrollbar-thumb { border-radius: 0.5rem; background-color: hsl(var(--tertiary-200) / .7); }
body :is(.dark *)::-webkit-scrollbar-thumb { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-300) / var(--tw-bg-opacity, 1)); }
body ::-webkit-scrollbar-track { border-radius: 0.5rem; background-color: hsl(var(--tertiary-100) / .7); }
body :is(.dark *)::-webkit-scrollbar-track { background-color: hsl(var(--tertiary-200) / .7); }
.preloader { display: flex; height: 100vh; width: 100%; flex-direction: column; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); }
.preloader .logo { margin-bottom: 3.125rem; }
.preloader .logo .img { width: 110px; }
.preloader .logo .img.dark-logo { display: block; }
.preloader .logo .img.dark-logo:is(.dark *) { display: none; }
.preloader .logo .img.light-logo { display: none; }
.preloader .logo .img.light-logo:is(.dark *) { display: block; }
.preloader .preloader-slider { height: 2.75rem; width: 2.75rem; overflow-x: hidden; border-radius: 9999px; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); }
.preloader .preloader-slider .slider-content { display: flex; height: 100%; animation: 2s ease 0s infinite normal none running loaderSlide; align-items: center; }
.preloader .preloader-slider .slider-content .slider-item { display: flex; height: 100%; min-width: 100%; align-items: center; justify-content: center; }
.preloader .preloader-slider .slider-content .slider-item .slider-img { height: 1.25rem; width: 1.25rem; }
@keyframes loaderSlide { 
  10%, 20% { transform: translate(-44px); }
  35%, 45% { transform: translate(-88px); }
  60%, 70% { transform: translate(-132px); }
  85%, 95% { transform: translate(0px); }
}
:root { --betradar-primary: hsl(var(--primary)); --betradar-home: hsl(var(--secondary)); --betradar-away: hsl(var(--primary)); --betradar-cl: hsl(var(--tertiary-950)); --betradar-base: hsl(var(--tertiary-50)); --betradar-primary-dark-1: hsl(var(--primary-600)); --betradar-primary-dark-2: hsl(var(--primary-700)); --betradar-primary-light-1: hsl(var(--primary-400)); --betradar-primary-light-2: hsl(var(--primary-300)); --betradar-primary-light-3: hsl(var(--primary-200)); --betradar-primary-tint-1: hsl(var(--primary-100)); --betradar-primary-tint-2: hsl(var(--primary-50)); --betradar-primary-tint-3: hsl(var(--primary-100)); --betradar-primary-tint-4: hsl(var(--primary-50)); --betradar-primary-alpha-12: hsl(var(--primary-500)); --betradar-primary-alpha-30: hsl(var(--primary-500)); }
@supports (background: color-mix(in srgb,red 50%,blue)) {
  :root { --betradar-primary-dark-1: color-mix(in srgb, var(--betradar-primary) 70%, var(--betradar-cl) 30%); --betradar-primary-dark-2: color-mix(in srgb, var(--betradar-primary) 58%, var(--betradar-cl) 42%); --betradar-primary-light-1: color-mix(in srgb, var(--betradar-primary) 90%, var(--betradar-base) 10%); --betradar-primary-light-2: color-mix(in srgb, var(--betradar-primary) 80%, var(--betradar-base) 20%); --betradar-primary-light-3: color-mix(in srgb, var(--betradar-primary) 60%, var(--betradar-base) 40%); --betradar-primary-tint-1: color-mix(in srgb, var(--betradar-primary) 30%, var(--betradar-base) 70%); --betradar-primary-tint-2: color-mix(in srgb, var(--betradar-primary) 12%, var(--betradar-base) 88%); --betradar-primary-tint-3: color-mix(in srgb, var(--betradar-primary) 17%, var(--betradar-base) 83%); --betradar-primary-tint-4: color-mix(in srgb, var(--betradar-primary) 5%, var(--betradar-base) 95%); --betradar-primary-alpha-12: color-mix(in srgb, var(--betradar-primary) 12%, transparent); --betradar-primary-alpha-30: color-mix(in srgb, var(--betradar-primary) 30%, transparent); }
}
:root { --betradar-home-light-1: var(--secondary-400, var(--secondary)); --betradar-home-dark-1: var(--secondary-600, var(--secondary)); --betradar-home-dark-2: var(--secondary-700, var(--secondary)); --betradar-home-alpha-20: var(--secondary-500, hsla(0, 0%, 0%, .2)); --betradar-away-light-1: var(--primary-400, var(--primary)); --betradar-away-dark-1: var(--primary-600, var(--primary)); --betradar-away-dark-2: var(--primary-700, var(--primary)); --betradar-away-alpha-20: var(--primary-500, hsla(0, 0%, 0%, .2)); }
@supports (background: color-mix(in srgb,red 50%,blue)) {
  :root { --betradar-home-light-1: color-mix(in srgb, var(--betradar-home) 55%, var(--betradar-base) 45%); --betradar-home-dark-1: color-mix(in srgb, var(--betradar-home) 65%, var(--betradar-cl) 35%); --betradar-home-dark-2: color-mix(in srgb, var(--betradar-home) 45%, var(--betradar-cl) 55%); --betradar-home-alpha-20: color-mix(in srgb, var(--betradar-home) 20%, transparent); --betradar-away-light-1: color-mix(in srgb, var(--betradar-away) 75%, var(--betradar-base) 25%); --betradar-away-dark-1: color-mix(in srgb, var(--betradar-away) 60%, var(--betradar-cl) 40%); --betradar-away-dark-2: color-mix(in srgb, var(--betradar-away) 45%, var(--betradar-cl) 55%); --betradar-away-alpha-20: color-mix(in srgb, var(--betradar-away) 20%, transparent); }
}
:root { --betradar-on-base-border-16: color-mix(in srgb, var(--betradar-base) 16%, transparent); --betradar-on-cl-border-12: color-mix(in srgb, var(--betradar-cl) 12%, transparent); --betradar-on-cl-border-30: color-mix(in srgb, var(--betradar-cl) 30%, transparent); --betradar-on-cl-border-40: color-mix(in srgb, var(--betradar-cl) 40%, transparent); --betradar-neutral-1: color-mix(in srgb, var(--betradar-cl) 13%, var(--betradar-base) 87%); --betradar-neutral-2: color-mix(in srgb, var(--betradar-cl) 90%, var(--betradar-base) 10%); --betradar-neutral-3: color-mix(in srgb, var(--betradar-cl) 12%, transparent); --betradar-neutral-4: color-mix(in srgb, var(--betradar-cl) 35%, var(--betradar-base) 65%); --betradar-neutral-5: color-mix(in srgb, var(--betradar-cl) 75%, var(--betradar-base) 25%); --betradar-neutral-6: color-mix(in srgb, var(--betradar-cl) 24%, var(--betradar-base) 76%); --betradar-neutral-9: color-mix(in srgb, var(--betradar-cl) 6%, var(--betradar-base) 94%); --betradar-neutral-10: color-mix(in srgb, var(--betradar-cl) 12%, var(--betradar-base) 88%); --betradar-neutral-11: color-mix(in srgb, var(--betradar-cl) 40%, var(--betradar-base) 60%); --betradar-neutral-12: color-mix(in srgb, var(--betradar-cl) 70%, var(--betradar-base) 30%); --betradar-neutral-13: color-mix(in srgb, var(--betradar-cl) 10%, var(--betradar-base) 90%); --betradar-neutral-14: var(--betradar-base); --betradar-info: var(--info-500, hsl(217, 91%, 60%)); --betradar-warning: var(--warning-500, hsl(38, 95%, 50%)); --betradar-error: var(--error-500, hsl(0, 84%, 60%)); --betradar-success: var(--success-500, hsl(145, 69%, 45%)); --betradar-info-alpha-10: hsla(217, 91%, 60%, .1); --betradar-warning-alpha-10: hsla(38, 95%, 50%, .1); --betradar-error-alpha-10: hsla(0, 84%, 60%, .1); --betradar-success-alpha-10: hsla(145, 69%, 45%, .1); }
@supports (background: color-mix(in srgb,red 50%,blue)) {
  :root { --betradar-info-alpha-10: color-mix(in srgb, var(--betradar-info) 10%, transparent); --betradar-warning-alpha-10: color-mix(in srgb, var(--betradar-warning) 10%, transparent); --betradar-error-alpha-10: color-mix(in srgb, var(--betradar-error) 10%, transparent); --betradar-success-alpha-10: color-mix(in srgb, var(--betradar-success) 10%, transparent); }
}
:root { --betradar-on-base-alpha-16: hsla(0, 0%, 100%, .16); --betradar-on-cl-alpha-40: hsla(0, 0%, 0%, .4); --betradar-on-cl-alpha-82: hsla(0, 0%, 0%, .82); }
@supports (background: color-mix(in srgb,red 50%,blue)) {
  :root { --betradar-on-base-alpha-16: color-mix(in srgb, var(--betradar-base) 16%, transparent); --betradar-on-cl-alpha-40: color-mix(in srgb, var(--betradar-cl) 40%, transparent); --betradar-on-cl-alpha-82: color-mix(in srgb, var(--betradar-cl) 82%, transparent); }
}
:root { --betradar-sport-yellow-card: var(--betradar-warning); --betradar-sport-red-card: var(--betradar-error); --betradar-sport-blue-card: var(--betradar-info); --betradar-sport-green-card: var(--betradar-success); --betradar-sport-substitution-in: var(--betradar-success); --betradar-sport-substitution-out: var(--betradar-error); --betradar-sport-own-goal: var(--betradar-error); --betradar-nfl-timeout: var(--betradar-warning); --betradar-nfl-penalty: var(--betradar-warning); --betradar-nfl-negative-yards: var(--betradar-error); --betradar-nfl-first-line: var(--betradar-info); --betradar-nfl-ten-line: var(--betradar-warning); --betradar-mlb-run: var(--betradar-success); --betradar-mlb-hit-primary: var(--betradar-warning); --betradar-mlb-hit-secondary: var(--betradar-info); --betradar-mlb-error: var(--betradar-error); --betradar-mlb-neutral: var(--betradar-cl); --betradar-mlb-base: var(--betradar-info); --betradar-soccer-relegation-1: var(--warning-300, hsl(49, 98%, 65%)); --betradar-soccer-relegation-2: var(--warning-400, hsl(45, 97%, 56%)); --betradar-soccer-relegation-3: var(--amber-500, hsl(38, 95%, 50%)); --betradar-soccer-relegation-4: var(--error-500, hsl(0, 84%, 60%)); --betradar-soccer-relegation-5: var(--error-700, hsl(0, 74%, 42%)); --betradar-soccer-promotion-1: var(--success-500, hsl(145, 69%, 45%)); --betradar-soccer-promotion-2: var(--success-700, hsl(145, 70%, 29%)); --betradar-soccer-promotion-3: var(--info-500, hsl(217, 91%, 60%)); --betradar-soccer-promotion-4: var(--info-700, hsl(221, 76%, 48%)); --betradar-soccer-promotion-5: var(--info-300, hsl(217, 96%, 78%)); }
:root { --body-bg: hsl(var(--tertiary-50) / 1); }
body { background-color: var(--body-bg); --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); }