/** Autogenerated file! Do not edit directly */
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  src: local("Outfit Regular"), local("outfit_regular-webfont"), url("./outfit-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 600;
  src: local("Outfit SemiBold"), local("outfit_semibold-webfont"), url("./outfit-semibold.woff2") format("woff2");
}
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 700;
  src: local("Outfit Bold"), local("outfit_bold-webfont"), url("./outfit-bold.woff2") format("woff2");
}
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 800;
  src: local("Outfit ExtraBold"), local("outfit_extrabold-webfont"), url("./outfit-extrabold.woff2") format("woff2");
}
@layer obg-sb.theme {
  :root, :host, .light, :host(.light) {
    --genos-color-brand-primary: #FC4E2B;
    --genos-color-brand-secondary: #FC4E2B;
    --genos-color-neutral-1: #EBEFF9;
    --genos-color-neutral-2: #DBE1F2;
    --genos-color-neutral-3: #C7CFE8;
    --genos-color-neutral-4: #AFB9DC;
    --genos-color-neutral-5: #95A0CC;
    --genos-color-neutral-6: #5D69A5;
    --genos-color-product-bet-builder: #4752D0;
    --genos-color-product-cashout: #EF752A;
    --genos-color-product-boost: #EF752A;
    --genos-color-product-accas: #4752D0;
    --genos-color-product-current-score: #EF752A;
    --genos-color-product-event-countdown: #EF752A;
    --genos-color-product-event-info: #EF752A;
    --genos-color-product-event-status: #4752D0;
    --genos-color-product-odds-up: #11D251;
    --genos-color-product-odds-down: #D22E11;
    --genos-color-cta-primary: #FC4E2B;
    --genos-color-cta-secondary: #FC4E2B;
    --genos-color-feedback-success: #11D251;
    --genos-color-feedback-info: #34119C;
    --genos-color-feedback-error: #D22E11;
    --genos-color-feedback-warning: #EF752A;
    --genos-color-trend-positive: #11D251;
    --genos-color-trend-negative: #D22E11;
    --genos-color-trend-neutral: #434E8F;
    --genos-text-color-full: #00030A;
    --genos-text-color-hi: rgba(0, 3, 10, 0.8705882353);
    --genos-text-color-md: rgba(0, 3, 10, 0.6);
    --genos-text-color-lo: rgba(0, 3, 10, 0.4509803922);
    --genos-text-color-md-on-primary: rgba(247, 249, 253, 0.6);
    --genos-text-color-full-on-primary: #F7F9FD;
    --genos-text-color-on-secondary: #F7F9FD;
    --genos-text-color-on-trend: #F7F9FD;
    --genos-text-color-on-product: #F7F9FD;
    --genos-text-color-on-state: #F7F9FD;
    --genos-text-color-on-feedback: #F7F9FD;
    --genos-text-color-md-on-overlay: rgba(247, 249, 253, 0.6);
    --genos-text-color-full-on-overlay: #F7F9FD;
    --genos-ui-state-hover: rgba(255, 255, 255, 0.2);
    --genos-ui-state-focus: rgba(252, 78, 43, 0.6);
    --genos-ui-state-active: rgba(0, 3, 10, 0.2);
    --genos-ui-state-disabled: 0.5;
    --genos-state-open: #192063;
    --genos-state-won: #11D251;
    --genos-state-lost: #D22E11;
    --genos-state-void: #434E8F;
    --genos-state-single: #434E8F;
    --genos-state-combi: #434E8F;
    --genos-state-loading: linear-gradient(90deg, rgba(67, 78, 143, 0) 10%, rgba(67, 78, 143, 0.7490196078) 50%, rgba(67, 78, 143, 0) 90%);
    --genos-overlay-color: rgba(0, 3, 10, 0.6);
    --genos-overlay-brand-primary: rgba(252, 78, 43, 0.4);
    --genos-overlay-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.1019607843) 0%, #000000 100%);
    --genos-overlay-icon-color: #95A0CC;
    --genos-overlay-dots-color-active: #EBEFF9;
    --genos-backdrop-color: rgba(0, 3, 10, 0.8);
    --genos-placeholder-color: linear-gradient(90deg, rgba(0, 3, 10, 0.0823529412) 30%, rgba(0, 3, 10, 0.062745098) 50%, rgba(0, 3, 10, 0.0823529412) 60%);
    --genos-shadow-s: 0px 1px 2px 0px rgba(0, 3, 10, 0.2), 0px 2px 4px 0px rgba(0, 3, 10, 0.1019607843);
    --genos-shadow-m: 0px 1px 2px 0px rgba(0, 3, 10, 0.2), 0px 2px 4px 0px rgba(0, 3, 10, 0.1019607843), 0px 4px 8px 0px rgba(0, 3, 10, 0.1019607843);
    --genos-shadow-l: 0px 2px 4px 0px rgba(0, 3, 10, 0.2), 0px 4px 8px 0px rgba(0, 3, 10, 0.1019607843), 0px 8px 16px 0px rgba(0, 3, 10, 0.1019607843);
    --genos-glow-up: 0px -1px 2px 0px rgba(252, 78, 43, 0.2), 0px -2px 4px 0px rgba(252, 78, 43, 0.1019607843), 0px -4px 8px 0px rgba(252, 78, 43, 0.1019607843);
    --genos-glow-down: 0px 1px 2px 0px rgba(252, 78, 43, 0.2), 0px 2px 4px 0px rgba(252, 78, 43, 0.1019607843), 0px 4px 8px 0px rgba(252, 78, 43, 0.1019607843);
    --genos-gradient-color: linear-gradient(135deg, #C7CFE8 0%, #EBEFF9 100%);
    --genos-gradient-neutral-1: linear-gradient(90deg, rgba(247, 249, 253, 0.1019607843) 0%, rgba(235, 239, 249, 0.8) 80%);
    --genos-gradient-primary: linear-gradient(180deg, #fc4e2b 40%, rgba(10, 16, 79, 0.9019607843) 98%);
    --genos-gradient-decoration: radial-gradient(circle at 50% -75%, #fc4e2b 1%, rgba(235, 239, 249, 0.9019607843) 98%);
    --genos-base-font-size: 10px;
    --genos-font-family-main: Outfit, system-ui, sans-serif;
    --genos-font-family-alt: Outfit, system-ui, sans-serif;
    --genos-spacing-xs: 1px;
    --genos-spacing-s: 2px;
    --genos-spacing-m: 4px;
    --genos-spacing-l: 8px;
    --genos-spacing-xl: 12px;
    --genos-spacing-2xl: 16px;
    --genos-spacing-3xl: 24px;
    --genos-border-s: 1px;
    --genos-border-m: 2px;
    --genos-border-l: 4px;
    --genos-border-radius-s: 2px;
    --genos-border-radius-m: 4px;
    --genos-border-radius-l: 8px;
    --genos-border-radius-xl: 16px;
    --genos-border-radius-full: 3996px;
    --genos-button-border-radius-s: 2px;
    --genos-button-border-radius-m: 4px;
    --genos-button-border-radius-l: 8px;
    --genos-dimension-5xs: 2px;
    --genos-dimension-4xs: 4px;
    --genos-dimension-3xs: 8px;
    --genos-dimension-2xs: 16px;
    --genos-dimension-xs: 20px;
    --genos-dimension-s: 24px;
    --genos-dimension-m: 28px;
    --genos-dimension-l: 36px;
    --genos-dimension-xl: 48px;
    --genos-dimension-2xl: 60px;
    --genos-dimension-3xl: 80px;
    --genos-dimension-4xl: 120px;
    --genos-icon-3xs: 4px;
    --genos-icon-2xs: 8px;
    --genos-icon-xs: 12px;
    --genos-icon-s: 16px;
    --genos-icon-m: 20px;
    --genos-icon-l: 24px;
    --genos-icon-xl: 32px;
    --genos-font-size-heading-1: 56px;
    --genos-font-size-heading-2: 40px;
    --genos-font-size-heading-3: 36px;
    --genos-font-size-heading-4: 24px;
    --genos-font-size-heading-5: 20px;
    --genos-font-size-heading-6: 16px;
    --genos-font-size-body-1: 14px;
    --genos-font-size-body-2: 12px;
    --genos-font-size-caption: 10px;
    --genos-font-size-subscript: 8px;
    --genos-easing-set-standard-decelerate: 300ms ease-in-out;
    --genos-easing-set-medium-decelerate: 400ms ease-in-out;
    --genos-easing-set-long-decelerate: 500ms ease-in-out;
    --genos-easing-set-extra-long-decelerate: 1000ms ease-in-out;
    --genos-easing-set-ultra-long-decelerate: 2000ms ease-in-out;
    --genos-easing-set-short-accelerate: 200ms ease-out;
    --genos-easing-set-standard-accelerate: 300ms ease-out;
    --genos-easing-set-medium-accelerate: 400ms ease-out;
    --genos-easing-set-extra-long-accelerate: 1000ms ease-out;
    --genos-easing-set-extra-short-fade: 100ms linear;
    --genos-easing-set-short-fade: 200ms linear;
    --genos-easing-set-medium-fade: 400ms linear;
    --genos-easing-set-ultra-long-fade: 2000ms linear;
  }
  :root .genos-typography-heading-h1, :host .genos-typography-heading-h1, .light .genos-typography-heading-h1, :host(.light) .genos-typography-heading-h1 {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 56px;
    letter-spacing: 0.04em;
  }
  :root .genos-typography-heading-h2, :host .genos-typography-heading-h2, .light .genos-typography-heading-h2, :host(.light) .genos-typography-heading-h2 {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 40px;
    letter-spacing: 0.04em;
  }
  :root .genos-typography-heading-h3, :host .genos-typography-heading-h3, .light .genos-typography-heading-h3, :host(.light) .genos-typography-heading-h3 {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 36px;
    letter-spacing: 0.04em;
  }
  :root .genos-typography-heading-h4, :host .genos-typography-heading-h4, .light .genos-typography-heading-h4, :host(.light) .genos-typography-heading-h4 {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 24px;
    letter-spacing: 0.04em;
  }
  :root .genos-typography-heading-h5, :host .genos-typography-heading-h5, .light .genos-typography-heading-h5, :host(.light) .genos-typography-heading-h5 {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 20px;
    letter-spacing: 0.04em;
  }
  :root .genos-typography-heading-h6, :host .genos-typography-heading-h6, .light .genos-typography-heading-h6, :host(.light) .genos-typography-heading-h6 {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 16px;
    letter-spacing: 0.04em;
  }
  :root .genos-typography-subtitle-lead, :host .genos-typography-subtitle-lead, .light .genos-typography-subtitle-lead, :host(.light) .genos-typography-subtitle-lead {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 600;
    line-height: 120%;
    font-size: 16px;
    letter-spacing: 0.04em;
  }
  :root .genos-typography-subtitle-regular, :host .genos-typography-subtitle-regular, .light .genos-typography-subtitle-regular, :host(.light) .genos-typography-subtitle-regular {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 600;
    line-height: 120%;
    font-size: 14px;
    letter-spacing: 0.04em;
  }
  :root .genos-typography-subtitle-small, :host .genos-typography-subtitle-small, .light .genos-typography-subtitle-small, :host(.light) .genos-typography-subtitle-small {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 600;
    line-height: 120%;
    font-size: 12px;
    letter-spacing: 0.04em;
  }
  :root .genos-typography-subtitle-tiny, :host .genos-typography-subtitle-tiny, .light .genos-typography-subtitle-tiny, :host(.light) .genos-typography-subtitle-tiny {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 600;
    line-height: 120%;
    font-size: 10px;
    letter-spacing: 0.04em;
  }
  :root .genos-typography-body-lead, :host .genos-typography-body-lead, .light .genos-typography-body-lead, :host(.light) .genos-typography-body-lead {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 16px;
    letter-spacing: 0.04em;
  }
  :root .genos-typography-body-regular, :host .genos-typography-body-regular, .light .genos-typography-body-regular, :host(.light) .genos-typography-body-regular {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 14px;
    letter-spacing: 0.04em;
  }
  :root .genos-typography-body-small, :host .genos-typography-body-small, .light .genos-typography-body-small, :host(.light) .genos-typography-body-small {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 12px;
    letter-spacing: 0.04em;
  }
  :root .genos-typography-body-tiny, :host .genos-typography-body-tiny, .light .genos-typography-body-tiny, :host(.light) .genos-typography-body-tiny {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 10px;
    letter-spacing: 0.04em;
  }
  :root .genos-typo-extra-tiny-hyperlink, :host .genos-typo-extra-tiny-hyperlink, .light .genos-typo-extra-tiny-hyperlink, :host(.light) .genos-typo-extra-tiny-hyperlink {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 10px;
    letter-spacing: 0.04em;
    text-decoration: underline;
  }
  :root .genos-typo-extra-caption, :host .genos-typo-extra-caption, .light .genos-typo-extra-caption, :host(.light) .genos-typo-extra-caption {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 600;
    line-height: 120%;
    font-size: 10px;
    letter-spacing: 0.04em;
    text-transform: Uppercase;
  }
  :root .genos-typo-extra-overline, :host .genos-typo-extra-overline, .light .genos-typo-extra-overline, :host(.light) .genos-typo-extra-overline {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 600;
    line-height: 120%;
    font-size: 8px;
    letter-spacing: 0.14em;
    text-transform: Uppercase;
  }
  :root .genos-typo-extra-body-lead-uppercase, :host .genos-typo-extra-body-lead-uppercase, .light .genos-typo-extra-body-lead-uppercase, :host(.light) .genos-typo-extra-body-lead-uppercase {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: Uppercase;
  }
  :root .genos-typo-extra-h5-alt, :host .genos-typo-extra-h5-alt, .light .genos-typo-extra-h5-alt, :host(.light) .genos-typo-extra-h5-alt {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 600;
    line-height: 120%;
    font-size: 20px;
    letter-spacing: 0.04em;
    text-transform: Uppercase;
  }
  :root .genos-typo-extra-h5-uppercase, :host .genos-typo-extra-h5-uppercase, .light .genos-typo-extra-h5-uppercase, :host(.light) .genos-typo-extra-h5-uppercase {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 20px;
    letter-spacing: 0.04em;
    text-transform: Uppercase;
  }
  :root .genos-typo-extra-h5-decoration, :host .genos-typo-extra-h5-decoration, .light .genos-typo-extra-h5-decoration, :host(.light) .genos-typo-extra-h5-decoration {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 900;
    line-height: 120%;
    font-size: 20px;
    letter-spacing: 0.04em;
    text-transform: Uppercase;
  }
  :root .genos-typography-extra-subtitle-regular-extra-bold, :host .genos-typography-extra-subtitle-regular-extra-bold, .light .genos-typography-extra-subtitle-regular-extra-bold, :host(.light) .genos-typography-extra-subtitle-regular-extra-bold {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 800;
    line-height: 120%;
    font-size: 14px;
  }
  :root .genos-typography-extra-body-lead-extra-bold, :host .genos-typography-extra-body-lead-extra-bold, .light .genos-typography-extra-body-lead-extra-bold, :host(.light) .genos-typography-extra-body-lead-extra-bold {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 800;
    line-height: 120%;
    font-size: 16px;
  }
  :root .genos-typography-extra-heading-h6-bold, :host .genos-typography-extra-heading-h6-bold, .light .genos-typography-extra-heading-h6-bold, :host(.light) .genos-typography-extra-heading-h6-bold {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 700;
    line-height: 120%;
    font-size: 16px;
  }
  :root .genos-typography-extra-heading-h4-bold, :host .genos-typography-extra-heading-h4-bold, .light .genos-typography-extra-heading-h4-bold, :host(.light) .genos-typography-extra-heading-h4-bold {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 900;
    line-height: 120%;
    font-size: 24px;
  }
  :root .genos-typo-extra-tiny-decoration, :host .genos-typo-extra-tiny-decoration, .light .genos-typo-extra-tiny-decoration, :host(.light) .genos-typo-extra-tiny-decoration {
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 900;
    line-height: 120%;
    font-size: 10px;
    letter-spacing: 0.04em;
  }
  :root .genos-typo-decoration-subtitle-regular, :host .genos-typo-decoration-subtitle-regular, .light .genos-typo-decoration-subtitle-regular, :host(.light) .genos-typo-decoration-subtitle-regular {
    font-family: Poppins, system-ui, sans-serif;
    font-weight: SemiBold Italic;
    line-height: 120%;
    font-size: 14px;
  }
  :root .genos-typo-decoration-subtitle-tiny, :host .genos-typo-decoration-subtitle-tiny, .light .genos-typo-decoration-subtitle-tiny, :host(.light) .genos-typo-decoration-subtitle-tiny {
    font-family: Poppins, system-ui, sans-serif;
    font-weight: SemiBold Italic;
    line-height: 120%;
    font-size: 10px;
  }
  :root .genos-typo-decoration-subtitle-small, :host .genos-typo-decoration-subtitle-small, .light .genos-typo-decoration-subtitle-small, :host(.light) .genos-typo-decoration-subtitle-small {
    font-family: Poppins, system-ui, sans-serif;
    font-weight: SemiBold;
    line-height: 120%;
    font-size: 12px;
  }
  :root .genos-typo-decoration-tiny, :host .genos-typo-decoration-tiny, .light .genos-typo-decoration-tiny, :host(.light) .genos-typo-decoration-tiny {
    font-family: Poppins, system-ui, sans-serif;
    font-weight: Black Italic;
    line-height: 120%;
    font-size: 10px;
    letter-spacing: 0.04em;
  }
  :root .genos-typo-decoration-h5, :host .genos-typo-decoration-h5, .light .genos-typo-decoration-h5, :host(.light) .genos-typo-decoration-h5 {
    font-family: Poppins, system-ui, sans-serif;
    font-weight: Black Italic;
    line-height: 120%;
    font-size: 20px;
    letter-spacing: 0.04em;
  }
  .dark, :host(.dark) {
    --genos-color-neutral-1: #00052C;
    --genos-color-neutral-2: #00043D;
    --genos-color-neutral-3: #0A104F;
    --genos-color-neutral-4: #192063;
    --genos-color-neutral-5: #2C3579;
    --genos-color-neutral-6: #5D69A5;
    --genos-text-color-full: #F7F9FD;
    --genos-text-color-hi: rgba(247, 249, 253, 0.8705882353);
    --genos-text-color-md: rgba(247, 249, 253, 0.6);
    --genos-text-color-lo: rgba(247, 249, 253, 0.4509803922);
    --genos-ui-state-hover: rgba(255, 255, 255, 0.2);
    --genos-backdrop-color: rgba(0, 3, 10, 0.8509803922);
    --genos-placeholder-color: linear-gradient(90deg, rgba(247, 249, 253, 0.0823529412) 30%, rgba(247, 249, 253, 0.062745098) 50%, rgba(247, 249, 253, 0.0823529412) 60%);
    --genos-gradient-color: linear-gradient(135deg, #0A104F 0%, #00052C 100%);
    --genos-gradient-neutral-1: linear-gradient(90deg, rgba(0, 5, 44, 0.1019607843) 0%, rgba(0, 5, 44, 0.8) 80%);
    --genos-gradient-primary: linear-gradient(180deg, #fc4e2b 40%, rgba(10, 16, 79, 0.9019607843) 98%);
    --genos-gradient-decoration: radial-gradient(circle at 50% -75%, #fc4e2b 1%, rgba(10, 16, 79, 0) 98%);
  }
}