<!DOCTYPE html><html lang="en" class="dark" data-branch="master" data-build-no="260506225401" data-build-id="#634" data-build-date="2026-05-06T23:33:00+0300" data-critters-container><head>
		<script>window.prerenderReady = false;</script>
		<meta charset="utf-8">
		<title>NGSbahis</title>
		<base href="/">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="theme-color" content="#FFBF0E">
		<link rel="shortcut icon" type="image/x-icon" href="assets/trader/favicon.ico">
		<style title="theme"></style>
	<style>@import url(/_external/fonts.googleapis.com/css2_a527bb9469);
*, ::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 / 0.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:  ;
}/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

/*
Remove the default font size and weight for headings.
*/

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

/*
Add the correct font weight in Edge and Safari.
*/

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

/*
Add the correct font size in all browsers.
*/

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

/*
Use the modern Firefox focus style for all focusable elements.
*/

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

/*
Add the correct display in Chrome and Safari.
*/

/*
Removes the default spacing and border for appropriate elements.
*/

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

/*
Prevent resizing textareas horizontally by default.
*/

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

/*
Set the default cursor for buttons.
*/

/*
Make sure disabled buttons don't get the pointer cursor.
*/

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

:root {
  --primary: 42 75.2% 58.8%;
  --primary-foreground: 0 0% 0%;
  --primary-50: 42 75.2% 95%;
  --primary-100: 42 75.2% 90%;
  --primary-200: 42 75.2% 80%;
  --primary-300: 42 75.2% 70%;
  --primary-400: 42 75.2% 60%;
  --primary-500: 42 75.2% 50%;
  --primary-600: 42 75.2% 40%;
  --primary-700: 42 75.2% 30%;
  --primary-800: 42 75.2% 20%;
  --primary-900: 42 75.2% 10%;
  --primary-950: 42 75.2% 5%;
  --secondary: 42 75.2% 58.8%;
  --secondary-foreground: 0 0% 0%;
  --secondary-50: 42 75.2% 95%;
  --secondary-100: 42 75.2% 90%;
  --secondary-200: 42 75.2% 80%;
  --secondary-300: 42 75.2% 70%;
  --secondary-400: 42 75.2% 60%;
  --secondary-500: 42 75.2% 50%;
  --secondary-600: 42 75.2% 40%;
  --secondary-700: 42 75.2% 30%;
  --secondary-800: 42 75.2% 20%;
  --secondary-900: 42 75.2% 10%;
  --secondary-950: 42 75.2% 5%;
  --tertiary: 240 27.3% 97.8%;
  --tertiary-foreground: 42 75.2% 58.8%;
  --tertiary-50: 240 27.3% 95%;
  --tertiary-100: 240 27.3% 90%;
  --tertiary-200: 240 27.3% 80%;
  --tertiary-300: 240 27.3% 70%;
  --tertiary-400: 240 27.3% 60%;
  --tertiary-500: 240 27.3% 50%;
  --tertiary-600: 240 27.3% 40%;
  --tertiary-700: 240 27.3% 30%;
  --tertiary-800: 240 27.3% 20%;
  --tertiary-900: 240 27.3% 10%;
  --tertiary-950: 240 27.3% 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%;
}

.dark {
  --primary: 42 75.2% 58.8%;
  --primary-foreground: 0 0% 0%;
  --primary-50: 42 75.2% 5%;
  --primary-100: 42 75.2% 10%;
  --primary-200: 42 75.2% 20%;
  --primary-300: 42 75.2% 30%;
  --primary-400: 42 75.2% 40%;
  --primary-500: 42 75.2% 50%;
  --primary-600: 42 75.2% 60%;
  --primary-700: 42 75.2% 70%;
  --primary-800: 42 75.2% 80%;
  --primary-900: 42 75.2% 90%;
  --primary-950: 42 75.2% 95%;
  --secondary: 42 75.2% 58.8%;
  --secondary-foreground: 0 0% 0%;
  --secondary-50: 42 75.2% 5%;
  --secondary-100: 42 75.2% 10%;
  --secondary-200: 42 75.2% 20%;
  --secondary-300: 42 75.2% 30%;
  --secondary-400: 42 75.2% 40%;
  --secondary-500: 42 75.2% 50%;
  --secondary-600: 42 75.2% 60%;
  --secondary-700: 42 75.2% 70%;
  --secondary-800: 42 75.2% 80%;
  --secondary-900: 42 75.2% 90%;
  --secondary-950: 42 75.2% 95%;
  --tertiary: 0 0% 9.8%;
  --tertiary-foreground: 42 75.2% 58.8%;
  --tertiary-50: 0 0% 5%;
  --tertiary-100: 0 0% 10%;
  --tertiary-200: 0 0% 20%;
  --tertiary-300: 0 0% 30%;
  --tertiary-400: 0 0% 40%;
  --tertiary-500: 0 0% 50%;
  --tertiary-600: 0 0% 60%;
  --tertiary-700: 0 0% 70%;
  --tertiary-800: 0 0% 80%;
  --tertiary-900: 0 0% 90%;
  --tertiary-950: 0 0% 95%;
  --reverse: 0 0% 100%;
  --reverse-foreground: 0 0% 0%;
  --reverse-50: 0 0% 5%;
  --reverse-100: 0 0% 10%;
  --reverse-200: 0 0% 20%;
  --reverse-300: 0 0% 30%;
  --reverse-400: 0 0% 40%;
  --reverse-500: 0 0% 50%;
  --reverse-600: 0 0% 60%;
  --reverse-700: 0 0% 70%;
  --reverse-800: 0 0% 80%;
  --reverse-900: 0 0% 90%;
  --reverse-950: 0 0% 95%;
}
html.dark body .preloader .logo .img {
  width: 7.5rem;
}
@media (min-width: 1024px) {

  html.dark body .preloader .logo .img {
    width: 9rem;
  }
}
:root{--iti-border-gray:#ccc;--iti-text-gray:#999;--iti-hover-color:rgba(0, 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('/tr/game/live-casino/play/flags.3afdda2f9c396184.webp');--iti-path-flags-2x:url('/tr/game/live-casino/play/flags%402x.5fbe9fc17474f509.webp');--iti-path-globe-1x:url('/tr/game/live-casino/play/globe.98e105ca81b63f37.webp');--iti-path-globe-2x:url('/tr/game/live-casino/play/globe%402x.974df6f829af5e5b.webp');--iti-flag-sprite-width:5762px;--iti-flag-sprite-height:15px;--iti-mobile-popup-margin:30px}@layer primeng{}

/* Change autocomplete styles in WebKit */

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;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1));
}
body *::-webkit-scrollbar-track{
  border-radius: 0.5rem;
  background-color: hsl(var(--tertiary-100) / 0.5);
}
body *:is(.dark *)::-webkit-scrollbar-track{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1));
}
.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: loaderSlide 2s infinite;
  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: translateX(-44px);
  }
  35%, 45% {
    transform: translateX(-88px);
  }
  60%, 70% {
    transform: translateX(-132px);
  }
  85%, 95% {
    transform: translateX(0);
  }
}

:is(.dark *)::selection{
  background-color: rgb(255 255 255 / 0.1);
}

/* Betradar Widget Shared Styles - Used by: betradar-match-tracker, bet-builder, bet-builder-modal */
/*
	Using formula solid
	$primary: #FF0000;
	$home: #00003c;
	$away: #FF9000;
	$cl: #000000;
	$base: #FFFFFF;
	*/
:root {
  /* Core theme colors: change only these 5 to re-theme */
  --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));
  /* Primary derived shades and tints - with fallbacks for older browsers */
  --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));
  /* Modern browser support for color-mix */
  /* Home derived shades - with fallbacks */
  --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%, 0.2));
  /* Away derived shades - with fallbacks */
  --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%, 0.2));
  /* Modern browser support for home/away color-mix */
  /* Common border/overlay mixes */
  --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);
  /* Neutral scale derived from cl/base (approximate matches of existing hexes) */
  --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);
  /* Semantic colors - auto-adapt to project theme */
  --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%));
  /* Alpha variants with fallbacks */
  --betradar-info-alpha-10: hsla(217, 91%, 60%, 0.1);
  --betradar-warning-alpha-10: hsla(38, 95%, 50%, 0.1);
  --betradar-error-alpha-10: hsla(0, 84%, 60%, 0.1);
  --betradar-success-alpha-10: hsla(145, 69%, 45%, 0.1);
  /* Modern browser alpha support */
  /* Additional alpha variants with fallbacks */
  --betradar-on-base-alpha-16: hsla(0, 0%, 100%, 0.16);
  --betradar-on-cl-alpha-40: hsla(0, 0%, 0%, 0.4);
  --betradar-on-cl-alpha-82: hsla(0, 0%, 0%, 0.82);
  /* Modern browser alpha support */
  /* Sport-specific colors (theme-aware) */
  --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);
  /* NFL colors */
  --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);
  /* MLB colors */
  --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);
  /* Soccer relegation/promotion - gradient from warning to error */
  --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%));
}
@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);
    --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);
    --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);
    --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 {
  --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));
}

/* Custom scrollbar styling */
</style><link rel="stylesheet" href="styles.1e063b2597bc02f3.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.1e063b2597bc02f3.css"></noscript></head>

	<body>
		<app-root>
			<div id="preloader" class="preloader">
				<div class="logo">
					<img src="cdn/ngsbahis/upload_files/logo.png" onerror="this.src='assets/trader/images/logo.png'" class="img light-logo">
					<img src="cdn/ngsbahis/upload_files/logo-black.png" onerror="this.src='assets/trader/images/logo-black.png'" class="img dark-logo">
				</div>
				<div class="preloader-slider">
					<ul class="slider-content">
						<li class="slider-item">
							<img src="assets/svg/color/fly.svg" class="slider-img">
						</li>
						<li class="slider-item">
							<img src="assets/svg/color/tile.svg" class="slider-img">
						</li>
						<li class="slider-item">
							<img src="assets/svg/color/spade.svg" class="slider-img">
						</li>
						<li class="slider-item">
							<img src="assets/svg/color/heart.svg" class="slider-img">
						</li>
					</ul>
				</div>
			</div>
		</app-root>
	

<script src="polyfills.55bacd4101a2f89d.js" type="module"></script><script src="scripts.6ad5ef003124eeed.js" defer></script><script src="main.9b260bf631d6c09a.js" type="module"></script></body></html>