:root {
  --red: #c8102e;
  --blue-steel: #4396b3;
  --black: #212121;
  --black-base: #000;
  --black-rgb: 33, 33, 33;
  --dark: #1c1c1c;
  --darker: #151515;
  --grey: #828282;
  --orange: #e77312;
  --charcoal: #252a31;
  --casino-charcoal-dark: Infinity;
  --mysino-charcoal: #151515;
  --mysino-charcoal-light: #202020;
  --grey-shadow: #3a3a3a;
  --grey-charcoal: #454545;
  --grey-dark: #4e4e4e;
  --grey-ash: #9d9d9d;
  --grey-asphalt: #999;
  --grey-titanium: #b0b0b0;
  --grey-steel: #b3b3b3;
  --grey-ish: #bdbdbd;
  --grey-silver: #cacaca;
  --grey-pale: #dedede;
  --grey-iron: #e6e7e8;
  --grey-iron-2: #e6e9eb;
  --grey-smoke: #ebebeb;
  --grey-faded: #d8d8d8;
  --quick-silver: #979797;
  --grey-cloud: #f0f0f0;
  --grey-cloud-h: 0;
  --grey-cloud-s: 0%;
  --grey-cloud-l: 94%;
  --grey-snow: #f7f7f7;
  --grey-light: #717171;
  --grey-not-so-light: #f2f2f2;
  --grey-hawkes: #dedfe1;
  --grey-mine-shaft: #252525;
  --grey-night: #292929;
  --grey-darker: #909090;
  --white: #fff;
  --white-rgb: 255, 255, 255;
  --white-pale: #fbfbfb;
  --blue-dark: #39697a;
  --blue: #4d90a7;
  --blue-rgb: 57, 105, 122;
  --blue-light: #a5d2e1;
  --yellow-dark: #e2b504;
  --blue-very-light: #d0e5ec;
  --yellow: #eeca3d;
  --yellow-light: #fdf9e8;
  --red-dark: #920c22;
  --red-brick: #c23b21;
  --green-dark: #1e7b43;
  --green-light: #4ea635;
  --green: #28a95b;
  --gamboge: #e29d36;
  --white-semi-transparent: #ffffff80;
  --alto: #dfdfdf;
  --athens-gray: #fbfbfc;
  --black-box-shadow: #000;
  --black-box-shadow-rgb: 0, 0, 0;
  --black-haze: #f4f6f6;
  --black-squeeze: #f2f8fb;
  --black-night: #333;
  --casal: #2b5868;
  --cod-gray: #131313;
  --dove-gray: #616161;
  --downy: #78bed6;
  --firefly: #0d1b28;
  --firefly2: #0c1b28;
  --killarney: #406d3f;
  --la-palma: #2b9617;
  --mine-shaft: #222;
  --mystic: #e6ecee;
  --neptune: #6ca5b8;
  --pigeon-post: #adccd7;
  --porcelain: #e7eaec;
  --river-bed: #434f5e;
  --shark: #272b31;
  --tiara: #c9d1d4;
  --yellow2: #ff0;
  --sap-green: #3b9918;
  --forest: #196e0c;
  --ocean: #007d91;
  --prussian-blue: #004968;
  --yellow-sun: #fcc63d;
  --new-orange: #f26e14;
  --new-orange-rgb: 242, 110, 20;
  --leaf: #6fa930;
  --tree-green: #417918;
  --bluish: #2792a0;
  --dusk-blue: #1c6273;
  --soft-black: #282828;
  --lipstick: #db2327;
  --medium-green: #299948;
  --dark-sea-green: #147a44;
  --new-dusk-blue: #24668f;
  --light-navy: #174879;
  --white-smoke: #f6f6f6;
  --red-oxide: #591d27;
  --alice-blue: #eceeef;
  --dark-slate-grey: #214a58;
  --jelly-bean-blue: #457788;
  --whisper: #ededed;
  --orange-jelly: #e2b504;
  --blue-green: #eafaf1;
  --faux-white: #fbfefe;
  --body-background: var(--grey-iron);
  --common-button-accent: var(--green);
  --header-bg: var(--bks-primary-color);
  --header-border-bottom-bg: transparent;
  --login-button-bg: var(--red-dark);
  --login-button-fg: var(--white);
  --register-button-bg: var(--white);
  --register-button-fg: var(--red-dark);
  --deposit-button-bg: var(--red-dark);
  --deposit-button-fg: var(--white);
  --deposit-button-text-fg: var(--white);
  --toolbar-fg: var(--white);
  --mybets-lost-desktop-fg: var(--bks-primary-color);
  --mybets-lost-mobile-fg: var(--red-brick);
  --live-time-fg: var(--bks-primary-color);
  --settings-button-background: var(--blue-steel);
  --settings-button-confirm-color: var(--white);
  --settings-button-cancel-color: var(--blue-steel);
  --settings-button-border-color: var(--blue-steel);
  --settings-button-font-weight: 500;
  --layout-width: 804px;
  --banner-container-width: 360px;
  --container-background: var(--white);
  --container-header-background: var(--grey-snow);
  --container-border: 1px solid var(--grey-iron);
  --layout-wrapper-border: none;
  --payment-provider-border: 0px solid transparent;
  --container-border-radius: 4px;
  --container-border-radius-disabled: 0px;
  --container-box-shadow: 0 0 2px 0 #00000024, 0 1px 3px 0 #00000024;
  --button-border-radius: 4px;
  --button-amount-border-radius: 4px;
  --button-amount-border: 4px;
  --cashier-amount-button-background: var(--grey-snow);
  --input-group-margin-margin-top: 16px;
  --payment-provider-items-padding: 4px;
  --payment-provider-items-box-shadow: 0 0 2px 0 #00000024, 0 1px 3px 0 #00000024;
  --checkbox-checked-bg: var(--green);
  --cashier-router-padding: 48px;
  --cashier-step1-padding: 0px;
  --cashier-router-padding-vertical: 48px;
  --cashier-text-align: center;
  --cashier-title-margin: 8px;
  --common-button-primary-disabled-color: var(--grey-silver);
  --common-button-primary-confirmation-color: var(--green);
  --common-button-primary-confirmation-active-color: var(--green-dark);
  --common-button-primary-general-color: var(--blue);
  --common-button-primary-general-active-color: var(--blue-dark);
  --common-button-secondary-confirmation-color: var(--green);
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  line-height: 1.15;
}

body {
  margin: 0;
}

.Page-styles-page {
  position: relative;
}

[class*="legatura-1-1"] {
  border-bottom: 2px solid #3cb8ff !important;
}

[class*="legatura-2-"] {
  border-bottom: 2px solid #f7c743 !important;
}

[class*="legatura-3-"] {
  border-bottom: 2px solid #a60134 !important;
}

[class*="legatura-4-"] {
  border-bottom: 2px solid #a36400 !important;
}

[class*="legatura-5-"] {
  border-bottom: 2px solid #63cc00 !important;
}

article, aside, footer, header, nav, section {
  display: block;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

figcaption, figure, main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  -webkit-text-decoration-skip: objects;
  background-color: #0000;
}

abbr[title] {
  text-decoration: underline;
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: inherit;
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: var(--yellow2);
  color: var(--black-box-shadow);
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

audio, video {
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type="reset"], [type="submit"], button, html [type="button"] {
  -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  max-width: 100%;
  white-space: normal;
  padding: 0;
  display: table;
}

progress {
  vertical-align: baseline;
  display: inline-block;
}

textarea {
  overflow: auto;
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details, menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template, [hidden] {
  display: none;
}

*, :after, :before {
  box-sizing: border-box;
}

a, h1, h2, h3, h4, h5, h6, p {
  font-size: 100%;
  font: inherit;
  border: 0;
  margin: 0;
  padding: 0;
}

a, a:active, a:hover, a:visited {
  color: var(--black);
  text-decoration: none;
}

body, input, select, textarea {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.styles-index-wrapper, body, html {
  width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
}

body {
  color: var(--black);
  background: var(--body-background);
  font-family: Source Sans Pro, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

body button, body input[type="button"], body input[type="file"], body input[type="reset"], body input[type="submit"], body select {
  color: var(--black);
}

.styles-app-structure-home {
  width: 100%;
  height: 100%;
  margin: 0;
}

.styles-app-structure-main {
  max-width: 1920px;
  min-width: 1200px;
  min-height: 100vh;
  margin: 0 auto;
  display: flex;
}

.styles-app-structure-main .styles-app-structure-event-panel-wrapper {
  height: 100%;
  z-index: 1000;
  position: fixed;
  top: 0;
  right: 340px;
}

.styles-app-structure-main .styles-app-structure-event-panel-wrapper.styles-app-structure-responsive-width {
  margin-left: 16px;
}

@media only screen and (width <= 1163px) {
  .styles-app-structure-main .styles-app-structure-event-panel-wrapper.styles-app-structure-responsive-width {
    flex-grow: inherit;
    margin-left: 0;
    display: flex;
  }
}

.styles-app-structure-main.styles-app-structure-with-top-notification {
  min-height: calc(100vh - 104px);
}

.styles-app-structure-main.styles-app-structure-with-top-notification .styles-app-structure-event-panel-wrapper {
  height: calc(100vh - 88px);
}

.styles-app-structure-section {
  height: 100vh;
  flex-flow: row;
  flex: 1;
  margin: 24px 0 10px;
  display: flex;
  overflow: scroll;
}

.styles-app-structure-main-content {
  min-height: calc(100vh - 120px);
}

.styles-app-structure-main-content.styles-app-structure-with-top-notification {
  min-height: calc(100vh - 168px);
}

.styles-app-structure-program {
  flex: 1;
}

.styles-app-structure-program-widget-title {
  color: var(--black);
  margin: 0 8px 10px 11px;
  font-size: 15px;
  font-weight: 600;
}

.styles-app-structure-nav {
  width: 256px;
  height: inherit;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-right: 16px;
  position: sticky;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.styles-app-structure-nav .styles-app-structure-resize-nav-tree {
  display: none;
}

.styles-app-structure-nav:hover {
  background-color: var(--grey-cloud);
}

.styles-app-structure-nav:hover .styles-app-structure-resize-nav-tree {
  display: block;
}

.styles-app-structure-nav::-webkit-scrollbar {
  display: none;
}

.styles-app-structure-nav-compact {
  width: 54px;
  z-index: 2;
  padding-left: 4px;
  display: flex;
}

.styles-app-structure-nav-compact .styles-app-structure-resize-nav-tree {
  display: none;
}

.styles-app-structure-nav-compact .styles-app-structure-nav-container {
  width: 50px;
  background-color: var(--grey-smoke);
  transition: width .14s ease-in-out 50ms;
  overflow: hidden;
}

.styles-app-structure-nav-compact .styles-app-structure-nav-container h3 {
  text-align: center;
}

.styles-app-structure-nav-compact + .styles-app-structure-section {
  z-index: 1;
  margin-left: 4px;
  position: relative;
}

.styles-app-structure-nav-compact.styles-app-structure-hovered {
  width: 256px;
}

.styles-app-structure-nav-compact.styles-app-structure-hovered .styles-app-structure-resize-nav-tree {
  display: block;
}

.styles-app-structure-nav-compact.styles-app-structure-hovered .styles-app-structure-nav-container {
  width: 256px;
  padding: 0 8px;
  box-shadow: 6px 0 8px -5px #00000059;
}

.styles-app-structure-nav-compact.styles-app-structure-hovered .styles-app-structure-nav-container h3 {
  text-align: left;
}

.styles-app-structure-nav-compact.styles-app-structure-hovered + .styles-app-structure-section {
  margin-left: -198px;
}

.styles-app-structure-aside {
  height: calc(100vh - 56px);
  width: 352px;
  min-width: 352px;
  margin-top: 24px;
  padding: 0 16px;
  position: sticky;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.styles-app-structure-aside.styles-app-structure-with-top-notification {
  height: calc(100vh - 104px);
  position: sticky;
  top: 0;
}

.styles-app-structure-aside > * {
  max-width: 320px;
}

.styles-app-structure-title {
  margin: 11px 8px 30px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.8;
}

@media only screen and (width <= 1163px) {
  .styles-app-structure-program.styles-app-structure-split {
    display: none;
  }
}

.styles-app-structure-geo-block-message {
  margin-left: 8px;
}

.styles-app-structure-panic-container {
  width: 100%;
  background: var(--white);
  border-radius: 4px;
  margin: 16px auto;
  padding: 16px;
  box-shadow: 0 1.5px 4px #00000029;
}

.styles-app-structure-panic-container, .styles-app-structure-panic-title {
  color: var(--grey);
  font-size: 13px;
}

.styles-app-structure-panic-title {
  padding-bottom: 12px;
}

.styles-app-structure-panic-button {
  width: 100%;
  height: 48px;
  background: var(--grey-dark);
  color: var(--grey-cloud);
  cursor: pointer;
  border: 0;
  border-radius: 4px;
  outline: none;
  font-size: 17px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}

.styles-app-structure-panic-button:active, .styles-app-structure-panic-button :focus, .styles-app-structure-panic-button:hover {
  background: var(--grey-dark);
  outline: none;
}

@media only screen and (width <= 600px) {
  .Button-styles-button {
    text-align: center;
    width: auto;
    min-width: 100%;
    height: 48px;
    border-radius: var(--button-border-radius);
    cursor: pointer;
    outline: none;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.35;
    display: flex;
  }

  .Button-styles-button:disabled {
    cursor: default;
  }

  .Button-styles-button.Button-styles-fixed-width {
    min-width: 145px;
  }

  .Button-styles-button.Button-styles-primary {
    -webkit-tap-highlight-color: transparent;
    border: 0;
    box-shadow: 0 1px 2.5px #0000002e;
  }

  .Button-styles-button.Button-styles-primary.Button-styles-general:disabled {
    background-color: var(--grey-silver);
    color: var(--grey-smoke);
  }

  .Button-styles-button.Button-styles-primary.Button-styles-base, .Button-styles-button.Button-styles-primary.Button-styles-general {
    background-color: var(--common-button-primary-general-color);
    color: var(--white);
  }

  .Button-styles-button.Button-styles-primary.Button-styles-base:active, .Button-styles-button.Button-styles-primary.Button-styles-general:active {
    background-color: var(--blue-dark);
  }

  .Button-styles-button > div {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .Button-styles-button * {
    pointer-events: none;
  }

  * {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: #0000;
    -webkit-user-select: none;
  }

  .App-styles-app {
    width: 100%;
    flex-flow: column wrap;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .App-styles-app button {
    font-family: Source Sans Pro, sans-serif;
  }

  @media only screen and (device-width >= 500px) {
    .Header-styles-app-header .Header-styles-left-column .Header-styles-logo {
      margin-left: 16px;
    }
  }

  .Header-styles-app-header {
    width: 100%;
    z-index: 3;
    border-bottom: 1px solid var(--header-border-bottom-bg);
    flex-direction: column;
    order: 1;
    display: flex;
    position: fixed;
  }

  .Header-styles-app-header .Header-styles-app-bar {
    background-color: var(--header-bg);
  }

  .Header-styles-app-header .Header-styles-header-bar .Header-styles-logo > img {
    width: 75px;
    height: 24px;
    margin-left: 14px;
  }

  .Header-styles-app-header .Header-styles-header-bar {
    width: 100%;
    height: 48px;
    order: 1;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .Header-styles-app-header .Header-styles-header-bar .Header-styles-left-column {
    flex: 0 0 30px;
    justify-self: self-start;
    padding: 8px 8px 8px 0;
    position: absolute;
  }

  .Header-styles-app-header .Header-styles-header-bar .Header-styles-middle-column {
    text-align: center;
    white-space: nowrap;
    flex: 1;
    margin: auto;
    font-size: 16px;
    overflow: hidden;
  }

  .HistoryNav-styles-history-nav {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .HistoryNav-styles-history-nav .HistoryNav-styles-icon {
    width: 36px;
    height: 36px;
    background-position: center;
    background-repeat: no-repeat;
  }

  .HistoryNav-styles-history-nav .HistoryNav-styles-icon.HistoryNav-styles-back {
    filter: var(--icon-filter);
    background-image: url("arrow-back.9ab03d5c.svg");
  }

  .Title-styles-container {
    color: var(--toolbar-fg);
    flex-direction: column;
    display: flex;
  }

  .Title-styles-title {
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
  }

  nav {
    display: block;
  }

  *, :after, :before {
    box-sizing: border-box;
  }

  .Page-styles-page {
    width: 100%;
    min-height: calc(100vh - 96px);
    order: 2;
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .Home-styles-home {
    padding: 0;
    list-style: none;
  }

  .CouponLinks-styles-links-container {
    display: flex;
    overflow-x: scroll;
  }

  .CouponLinks-styles-links-container::-webkit-scrollbar {
    display: none;
  }

  .CouponLinks-styles-links-container .CouponLinks-styles-wrapper {
    height: 72px;
    width: 100%;
    flex-direction: row;
    justify-content: stretch;
    display: flex;
  }

  @media only screen and (width <= 350px) {
    .CouponLinks-styles-links-container .CouponLinks-styles-wrapper.CouponLinks-styles-length-five {
      min-width: 111%;
    }
  }

  .CouponLink-styles-wrapper {
    height: 100%;
    border: 1px solid var(--grey-iron);
    background-color: var(--white);
    flex-direction: column;
    flex: 93px;
    align-content: space-evenly;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .CouponLink-styles-count {
    height: 13px;
    letter-spacing: normal;
    text-align: right;
    color: var(--grey-light);
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    line-height: normal;
    position: absolute;
    top: 4px;
    right: 8px;
  }

  .CouponLink-styles-icon {
    width: 32px;
    height: 32px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    margin: auto;
    font-size: 13px;
    font-weight: 600;
    display: flex;
  }

  .CouponLink-styles-icon:not(img) {
    padding-top: 12px;
  }

  .CouponLink-styles-title {
    height: 23px;
    letter-spacing: normal;
    text-align: center;
    color: var(--black);
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
    padding: 0 4px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    overflow: hidden;
  }

  .icons-coupons-icons-live {
    background-image: url("live.04982f4d.svg");
  }

  .icons-coupons-icons-results {
    background-image: url("results.40b7277c.svg");
  }

  .icons-coupons-icons-soccer {
    background-image: url("soccer.607caac9.png");
  }

  .icons-coupons-icons-basketball {
    background-image: url("basketball.a2b9d7d8.png");
  }

  .icons-coupons-icons-today {
    background-image: url("today.b38930d3.svg");
  }

  .CombiWall-styles-combi-wall.CombiWall-styles-mobile {
    width: 100%;
    background-color: var(--white);
    margin: 8px 0;
    padding-left: 8px;
    padding-right: 0;
  }

  .CombiWall-styles-header {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px 0 16px;
    display: flex;
  }

  .CombiWall-styles-popular-combis {
    margin: 10px 0;
  }

  .CombiWall-styles-popular-combis-title {
    font-size: 19px;
    font-weight: 600;
  }

  .CombiWall-styles-popular-combis-subtitle {
    color: var(--grey-light);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.31;
  }

  .CombiWall-styles-view-all {
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    display: flex;
  }

  .CombiWall-styles-view-all-arrow {
    width: 32px;
    height: 32px;
  }

  .CombiWall-styles-combis {
    width: 100%;
    flex-wrap: nowrap;
    justify-content: left;
    margin-top: 1px;
    display: flex;
  }

  .CombiWall-styles-combis.CombiWall-styles-mobile {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    align-items: start;
    padding-bottom: 16px;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .CombiWall-styles-combis.CombiWall-styles-mobile .CombiWall-styles-combi-card {
    border: 1px solid var(--grey-iron);
    border-radius: 8px;
    margin: 0 4px;
  }

  .CombiWall-styles-combis.CombiWall-styles-mobile .CombiWall-styles-combi-card-flex {
    flex: 0 0 314px;
  }

  @media only screen and (device-width >= 320px) and (device-height >= 568px) {
    .CombiWall-styles-combis.CombiWall-styles-mobile .CombiWall-styles-combi-card-flex {
      flex: 0 0 260px;
    }
  }

  @media only screen and (device-width >= 360px) and (device-height >= 640px) {
    .CombiWall-styles-combis.CombiWall-styles-mobile .CombiWall-styles-combi-card-flex {
      flex: 0 0 295px;
    }
  }

  @media only screen and (device-width >= 375px) and (device-height >= 800px) {
    .CombiWall-styles-combis.CombiWall-styles-mobile .CombiWall-styles-combi-card-flex {
      flex: 0 0 314px;
    }
  }

  .CombiCard-styles-combi-card {
    border: 1px solid var(--grey-iron);
    background-color: var(--white);
    border-radius: 8px;
  }

  .CombiCard-styles-content {
    padding: 4px 16px 8px;
  }

  .CombiCard-styles-betslip-button {
    height: 40px;
  }

  .Header-styles-header {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid var(--grey-iron);
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    font-family: Source Sans Pro, sans-serif;
    display: flex;
  }

  .BetsPlaced-styles-bets-placed {
    text-align: center;
  }

  .BetsPlaced-styles-bets-placed .BetsPlaced-styles-bets-placed-label {
    color: var(--grey-light);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38;
  }

  .BetsPlaced-styles-bets-placed-value:not(.BetsPlaced-styles-left-aligned) > * {
    margin: 0 auto;
  }

  .BetsPlaced-styles-bets-placed-value {
    color: var(--black);
    border-radius: 2px;
    font-size: 17px;
    font-weight: 600;
    position: relative;
  }

  .BetsPlaced-styles-bets-placed-value.BetsPlaced-styles-left-aligned {
    justify-content: flex-start;
    display: flex;
  }

  .BetsPlaced-styles-bets-placed-value .BetsPlaced-styles-value {
    box-sizing: border-box;
    background-color: var(--blue-steel);
    color: var(--white);
    border-radius: 2px;
    padding: 0 4px;
    line-height: 1.06;
    display: inline-block;
    position: relative;
  }

  .BetsPlaced-styles-bets-placed-value .BetsPlaced-styles-value.BetsPlaced-styles-up {
    background-color: var(--green);
  }

  .BetsPlaced-styles-bets-placed-value .BetsPlaced-styles-arrow-container {
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    margin-left: 4px;
    position: absolute;
    top: 0;
    left: 100%;
  }

  .BetsPlaced-styles-bets-placed-value .BetsPlaced-styles-arrow-container .BetsPlaced-styles-arrow {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
  }

  .BetsPlaced-styles-bets-placed-value .BetsPlaced-styles-arrow-container .BetsPlaced-styles-arrow-not-shown {
    animation-name: BetsPlaced-styles-none;
    display: none;
  }

  .BetsPlaced-styles-bets-placed-value .BetsPlaced-styles-arrow-container .BetsPlaced-styles-arrow-shown {
    animation-name: BetsPlaced-styles-blinker;
    animation-duration: 1.5s;
    animation-timing-function: ease-in;
    animation-iteration-count: 4;
  }

  .Way-styles-combi-way {
    text-align: center;
  }

  .Way-styles-combi-way .Way-styles-way-value {
    color: var(--black);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.06;
  }

  .Way-styles-combi-way .Way-styles-way-type {
    color: var(--grey-light);
    font-size: 13px;
    line-height: 1.38;
  }

  .TotalOdds-styles-total-odds {
    text-align: center;
  }

  .TotalOdds-styles-total-odds .TotalOdds-styles-max-odds-value {
    color: var(--black);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.06;
  }

  .TotalOdds-styles-total-odds .TotalOdds-styles-max-odds-label {
    color: var(--grey-light);
    font-size: 13px;
    line-height: 1.38;
  }

  .Markets-styles-list {
    height: 78px;
    position: relative;
    overflow: hidden;
  }

  .Markets-styles-list:after {
    content: "";
    width: 100%;
    height: 32px;
    background-image: linear-gradient(#fff0 25%, #ffffff4d 25% 50%, #fff9 50% 75%, #fffc 75% 100%);
    display: block;
    position: absolute;
    bottom: 0;
  }

  .Markets-styles-market {
    padding: 2px 0;
  }

  .EventTeams-styles-event-teams {
    display: inherit;
    flex-direction: column;
    flex: 1;
    margin-top: 6px;
    overflow: hidden;
  }

  .EventTeams-styles-event-teams.EventTeams-styles-mobile {
    min-width: 130px;
    flex-grow: 2;
    margin-top: 0;
  }

  .EventTeams-styles-event-teams .EventTeams-styles-titles {
    padding-right: 6px;
  }

  .EventTeams-styles-event-teams .EventTeams-styles-titles .EventTeams-styles-team {
    height: 21px;
    display: flex;
  }

  .EventTeams-styles-team-title {
    letter-spacing: normal;
    color: var(--black);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.4;
    overflow: hidden;
  }

  .EventTeams-styles-team-title, .EventTeams-styles-team-title.EventTeams-styles-mobile {
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .EventTeams-styles-team-title.EventTeams-styles-mobile {
    display: block;
  }

  .CombiMarketResult-styles-market-result {
    color: var(--black);
    height: 22px;
    font-size: 13px;
    display: flex;
  }

  .CombiMarketResult-styles-market-result .CombiMarketResult-styles-market-result-label {
    margin-top: 4px;
    padding-right: 4px;
  }

  .CombiMarketResult-styles-market-result .CombiMarketResult-styles-market-result-value {
    margin-top: 4px;
    font-weight: 600;
  }

  .MarketName-styles-market-name {
    color: var(--grey-light);
    font-size: 13px;
    line-height: 1.38;
  }

  .CombiPopup-styles-header {
    min-height: 56px;
    box-shadow: inset 0 -1px 0 0 var(--grey-iron);
    height: 68px;
    background-clip: padding-box;
    border-radius: 10px 10px 0 0;
  }

  .CombiPopup-styles-header .CombiPopup-styles-bets-placed-title {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .CombiPopup-styles-helper-div {
    width: 64px;
  }

  .CombiPopup-styles-content {
    max-height: calc(100vh - 228px);
    overflow-y: auto;
  }

  .CombiPopup-styles-total {
    color: var(--black);
    background: var(--black-haze);
    box-shadow: inset 0 -1px 0 0 var(--grey-iron);
    text-align: left;
    padding: 8px 16px;
    font-size: 17px;
    font-weight: 600;
  }

  .CombiPopup-styles-total .CombiPopup-styles-odds {
    float: right;
  }

  .CombiPopup-styles-footer {
    padding: 8px 16px calc(8px + env(safe-area-inset-bottom) * .5);
    height: calc(64px + env(safe-area-inset-bottom) * .5);
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    display: flex;
  }

  .CombiPopup-styles-button {
    flex: 70%;
  }

  .CombiPopup-styles-arrow-left, .CombiPopup-styles-arrow-right {
    width: 22px;
    height: 22px;
    flex: 15%;
  }

  .CombiPopup-styles-popup {
    width: 100%;
    z-index: 500;
    opacity: 0;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform .3s ease-out, opacity .3s ease-out .4s, -webkit-transform .3s ease-out;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
  }

  .CombiPopup-styles-popup .CombiPopup-styles-container {
    width: 100%;
  }

  .CombiPopup-styles-slide-down {
    transform: translateY(100%);
  }

  .BottomPopup-styles-popup-title > div {
    font-size: 19px;
    line-height: normal;
  }

  span.BottomPopup-styles-popup-close {
    width: 32px;
    height: 32px;
    background-size: cover;
    top: 11px;
    right: 11px;
  }

  .BottomPopup-styles-header {
    color: var(--grey-mine-shaft);
  }

  .BottomPopup-styles-header header {
    padding: 16px 24px;
  }

  .BottomPopup-styles-header.BottomPopup-styles-show-close header {
    padding: 19px 38px 16px 24px;
  }

  .BottomPopup-styles-header.BottomPopup-styles-left-close-button header {
    padding: 16px;
  }

  .BottomPopup-styles-content {
    overflow-y: auto;
  }

  .PopupCloseButton-styles-popup-close {
    height: 24px;
    width: 24px;
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 16px;
  }

  .PopupCloseButton-styles-mobile, .PopupCloseButton-styles-popup-close {
    background-image: url("close-popup-mobile.6372a0dd.svg");
  }

  .PopupCloseButton-styles-mobile {
    height: 32px;
    width: 32px;
  }

  .PopupTitle-styles-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.35;
  }

  .PopupTitle-styles-header {
    padding-top: 24px;
  }

  .CombiPopupMarket-styles-game {
    color: var(--grey-light);
    background: var(--black-haze);
    box-shadow: inset 0 -1px 0 0 var(--grey-iron);
    text-align: left;
    text-transform: capitalize;
    padding: 8px 16px;
    font-size: 13px;
  }

  .CombiPopupMarket-styles-game .CombiPopupMarket-styles-odds {
    float: right;
  }

  .CombiPopupMarket-styles-title {
    color: var(--black);
    font-size: 15px;
  }

  .CombiPopupMarket-styles-title-left-part {
    height: 26px;
    font-size: 15px;
  }

  .CombiPopupMarket-styles-bold {
    font-weight: 600;
  }

  .ErrorBoundary-styles-title {
    color: var(--red);
    font-weight: 600;
  }

  a.TabButton-styles-tab-button {
    color: var(--grey-dark);
    cursor: pointer;
    min-width: auto;
    height: auto;
    background: none;
    border: 0;
    border-bottom: 2px solid #0000;
    border-radius: 0;
    margin: 0;
    padding: 0;
    font-family: Source Sans Pro, sans-serif;
    font-size: 15px;
    font-weight: 600;
  }

  a.TabButton-styles-tab-button > div {
    white-space: nowrap;
    flex: 0;
    display: block;
  }

  a.TabButton-styles-tab-button:active, a.TabButton-styles-tab-button:focus, a.TabButton-styles-tab-button:hover {
    color: var(--black);
    outline: none;
  }

  a.TabButton-styles-tab-button-active {
    border-bottom: 2px solid var(--red);
    color: var(--black);
  }

  .TopEvents-styles-program-widget-title {
    letter-spacing: normal;
    color: var(--black);
    background-color: var(--white);
    padding: 16px 0 0 24px;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
    line-height: 1.21;
  }

  .TopEvents-styles-program-widget-title:after {
    content: "";
    height: 1px;
    background: var(--grey-iron);
    margin: 9px 0 0;
    display: block;
  }

  .SportTabs-styles-container {
    height: 50px;
    background-color: var(--white);
  }

  .SportTabs-styles-container a {
    height: 100%;
    padding: 0 20px;
    font-size: 15px;
  }

  .SportTabs-styles-mobile-container {
    border-bottom: 1px solid var(--grey-iron);
    -ms-overflow-style: none;
    overflow-x: scroll;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    padding-left: 13px;
    display: flex;
  }

  .SportTabs-styles-mobile-container::-webkit-scrollbar {
    display: none;
  }

  .SportTabs-styles-mobile-container:after {
    content: "";
    width: 20px;
    height: 50px;
    background-image: linear-gradient(90deg, #fff0 10%, #fff6 10% 30%, #fffc 30% 70%, #fff 70% 100%);
    display: block;
    position: absolute;
    right: 0;
  }

  .SportTabs-styles-mobile-container:before {
    content: "";
    width: 20px;
    height: 50px;
    background-image: linear-gradient(270deg, #fff0 10%, #fff6 10% 30%, #fffc 30% 70%, #fff 70% 100%);
    display: block;
    position: absolute;
    left: 0;
  }

  .SportTabs-styles-mobile-container div a {
    height: 100%;
    padding: 0 20px;
    font-size: 15px;
  }

  .Sport-styles-sport-container {
    border-radius: 4px;
  }

  .StatsToggle-styles-button {
    width: 32px;
    height: 32px;
    background: none;
    border: 0;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    margin: 0 8px;
    padding: 0;
    display: flex;
  }

  .StatsToggle-styles-icon {
    width: 15px;
    height: 16px;
    background-image: url("statistics-gray.eac16781.svg");
    background-size: cover;
  }

  .EventRow-styles-event-row {
    background-color: var(--white);
    border-bottom: 1px solid var(--grey-pale);
    height: 56px;
    -webkit-tap-highlight-color: transparent;
    flex-wrap: wrap;
    justify-content: flex-end;
    display: flex;
    overflow: hidden;
  }

  .EventRow-styles-event-row.EventRow-styles-mobile {
    height: auto;
    justify-content: flex-start;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .EventRow-styles-event-row.EventRow-styles-mobile:hover {
    background-color: #fff;
  }

  .EventRow-styles-event-row:hover {
    background-color: var(--grey-snow);
  }

  .EventRow-styles-double-row {
    height: 97px;
  }

  .EventDateTime-styles-info-cell {
    text-align: left;
    min-width: 64px;
    color: var(--grey-light);
    padding-left: 16px;
  }

  .EventDateTime-styles-info-cell.EventDateTime-styles-mobile {
    color: var(--grey-dark);
  }

  .EventDateTime-styles-info-cell .EventDateTime-styles-date {
    text-transform: capitalize;
    font-size: 13px;
  }

  .EventDateTime-styles-info-cell .EventDateTime-styles-live-date {
    text-transform: capitalize;
    color: var(--black);
    font-size: 15px;
    font-weight: 600;
  }

  .EventDateTime-styles-info-cell .EventDateTime-styles-time {
    font-size: 13px;
    font-weight: 400;
  }

  .EventDateTime-styles-info-cell-pre {
    height: 36px;
    margin-top: 10px;
    line-height: 1.38;
  }

  .EventDateTime-styles-info-cell-pre.EventDateTime-styles-mobile {
    height: auto;
    margin-top: 0;
  }

  .EventDateTime-styles-mobile {
    flex-direction: column;
    justify-content: center;
    align-items: start;
    display: flex;
  }

  .EventDateTime-styles-mobile .EventDateTime-styles-live-date {
    color: var(--live-time-fg);
    font-size: 13px;
  }

  .EventDateTime-styles-info-cell-live {
    margin-top: 10px;
    line-height: 1;
  }

  .EventDateTime-styles-info-cell-live.EventDateTime-styles-mobile {
    margin-top: 0;
  }

  .EventIcon-styles-icon-cell {
    min-width: 64px;
    margin-top: 15px;
    padding-left: 17px;
  }

  .EventIcon-styles-icon-cell.EventIcon-styles-mobile {
    margin-top: 0;
  }

  .EventIcon-styles-icon-cell .EventIcon-styles-icon-event {
    width: 24px;
    height: 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
  }

  .EventScores-styles-scores {
    max-width: 68px;
    height: 40px;
    flex: 0 auto;
    align-items: center;
    margin-top: 6px;
    line-height: 0;
    display: flex;
  }

  .EventScores-styles-scores.EventScores-styles-mobile {
    max-width: 75px;
    margin-top: 0;
    margin-right: 48px;
  }

  .EventScores-styles-scores .EventScores-styles-score {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .EventScores-styles-scores .EventScores-styles-score.EventScores-styles-mobile {
    text-align: right;
  }

  .EventScores-styles-scores .EventScores-styles-score .EventScores-styles-point {
    height: 21px;
    letter-spacing: normal;
    color: var(--blue);
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    line-height: normal;
  }

  .EventScores-styles-scores .EventScores-styles-score .EventScores-styles-point.EventScores-styles-mobile {
    line-height: 1.4;
  }

  .EventScores-styles-scores .EventScores-styles-score .EventScores-styles-point.EventScores-styles-current-point {
    width: 15px;
    margin-left: 0;
    font-size: 15px;
    font-weight: 600;
  }

  .EventScores-styles-scores .EventScores-styles-score .EventScores-styles-point.EventScores-styles-set-point {
    opacity: .75;
    width: 13px;
    margin-left: 5px;
    font-size: 13px;
    line-height: 1.7;
  }

  .EventScores-styles-scores .EventScores-styles-score .EventScores-styles-point.EventScores-styles-set-point.EventScores-styles-mobile {
    margin-left: 8px;
    line-height: 1.8;
  }

  .EventScores-styles-scores .EventScores-styles-score .EventScores-styles-point.EventScores-styles-set-point.EventScores-styles-large-set-point {
    width: 8px;
    margin-left: 5px;
    font-size: 15px;
    line-height: normal;
  }

  .EventScores-styles-scores .EventScores-styles-score .EventScores-styles-point.EventScores-styles-set-point.EventScores-styles-large-set-point.EventScores-styles-mobile {
    margin-left: 6px;
    line-height: 1.4;
  }

  .EventScores-styles-scores .EventScores-styles-score .EventScores-styles-point.EventScores-styles-game-point {
    opacity: .75;
    color: var(--grey-light);
    width: 13px;
    margin-left: 5px;
    font-size: 13px;
    line-height: 1.65;
  }

  .EventScores-styles-scores .EventScores-styles-score .EventScores-styles-point.EventScores-styles-game-point.EventScores-styles-mobile {
    color: var(--blue);
    margin-left: 8px;
  }

  .EventScores-styles-scores .EventScores-styles-line {
    width: 1px;
    height: 34px;
    background-color: var(--grey-pale);
    margin-left: 5px;
    display: inline-block;
  }

  .EventScores-styles-scores .EventScores-styles-line.EventScores-styles-mobile {
    margin-left: 6px;
  }

  .EventScores-styles-serve-section {
    flex-direction: column;
    justify-content: center;
    margin: 0 2px;
    display: flex;
  }

  .EventScores-styles-serve-indicator {
    height: 21px;
    width: 100%;
    position: relative;
  }

  .EventScores-styles-serve-indicator-visible:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: var(--blue);
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .EventMarketsIndicator-styles-markets-indicator-wrapper {
    text-align: right;
    width: 40px;
    height: 56px;
    white-space: nowrap;
    align-self: center;
    line-height: 56px;
  }

  .EventMarketsIndicator-styles-count {
    color: var(--black);
    font-size: 13px;
  }

  .EventMarketsIndicator-styles-arrow-icon, .EventMarketsIndicator-styles-count {
    height: 24px;
    vertical-align: middle;
    line-height: 24px;
    display: inline-block;
  }

  .EventMarketsIndicator-styles-arrow-icon {
    width: 18px;
    background: url("arrow-right.a88ddf88.svg") 50% / contain no-repeat;
    margin-right: 5px;
  }

  .EventMarketsIndicator-styles-mobile-indicator-wrapper {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    align-self: flex-end;
    margin-bottom: 8px;
    line-height: normal;
    position: absolute;
    right: 4px;
  }

  .EventMarketsIndicator-styles-mobile-indicator-wrapper .EventMarketsIndicator-styles-count {
    color: var(--grey-darker);
    font-size: 11px;
  }

  .EventMarketsIndicator-styles-mobile-indicator-wrapper .EventMarketsIndicator-styles-arrow-icon {
    width: 24px;
    margin-right: 0;
  }

  .AllMatchesLink-styles-show-all-button {
    color: var(--grey-light);
    background-color: var(--grey-iron);
    justify-content: flex-end;
    margin-bottom: 8px;
    padding: 8px 4px 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    display: flex;
  }

  .AllMatchesLink-styles-show-all-button .AllMatchesLink-styles-arrow-right {
    width: 24px;
    white-space: nowrap;
    background: url("arrow-right.a88ddf88.svg") 50% no-repeat;
    margin-left: 12px;
  }

  .AllMatchesLink-styles-mobile-button {
    color: var(--black);
    background-color: #fff;
    font-size: 15px;
    font-weight: 600;
  }

  .TopCompetitions-styles-top-competitions {
    background: var(--white);
    margin: 8px 0;
  }

  .TopCompetitions-styles-title {
    letter-spacing: normal;
    color: var(--black);
    padding: 16px 0 0 24px;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
    line-height: 1.21;
  }

  .TopCompetitions-styles-title:after {
    content: "";
    height: 1px;
    background: var(--grey-iron);
    margin: 9px 0 0;
    display: block;
  }

  .SportItem-styles-item {
    width: 100%;
    background-color: var(--white);
    height: 48px;
    align-items: center;
    padding: 12px 4px 12px 16px;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .SportItem-styles-item:active {
    background-color: var(--grey-smoke);
  }

  .SportItem-styles-item:after {
    content: "";
    height: 1px;
    width: 100%;
    border-bottom: 1px solid var(--grey-iron);
    position: absolute;
    bottom: 0;
    left: 64px;
  }

  .SportItem-styles-icon {
    width: 24px;
    height: 24px;
    margin-right: 11px;
    display: inline-block;
  }

  .SportItem-styles-titles {
    flex: 2;
    padding: 0 23px 0 13px;
    display: grid;
  }

  .SportItem-styles-titles .SportItem-styles-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.35;
    overflow: hidden;
  }

  .SportItem-styles-titles .SportItem-styles-subtitle {
    line-height: 1.31;
  }

  .SportItem-styles-count, .SportItem-styles-titles .SportItem-styles-subtitle {
    color: var(--grey-light);
    font-size: 13px;
  }

  .SportItem-styles-count {
    font-weight: 400;
  }

  .SportItem-styles-arrow-icon {
    width: 24px;
    height: 24px;
    background: url("arrow-right.a88ddf88.svg") 50% no-repeat;
    margin-left: 2px;
  }

  .LiveEventWidget-styles-program-widget-title {
    color: var(--black);
    height: 49px;
    background-color: #fff;
    padding: 15px 0 5px 20px;
    font-size: 19px;
    font-weight: 600;
  }

  .NavBarItemWrapper-styles-nav-bar-item {
    text-align: center;
    background: none;
    flex: 1 1 0;
    justify-content: center;
    align-self: flex-end;
    padding: 0 6px;
    line-height: 1;
    display: flex;
  }

  .NavBarItemWrapper-styles-nav-bar-item a {
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    text-decoration: none;
  }

  .NavBarItemWrapper-styles-nav-bar-item span {
    text-align: center;
    display: block;
  }

  span.NavBarItemWrapper-styles-badge {
    color: var(--white);
    pointer-events: none;
    margin-top: -4px;
    margin-left: -6px;
    line-height: 8px;
    display: inline-block;
    position: absolute;
  }

  span.NavBarItemWrapper-styles-badge.NavBarItemWrapper-styles-red-circle {
    background: var(--red);
    border: 1px solid var(--grey-snow);
    min-width: 18px;
    min-height: 18px;
    max-height: 18px;
    border-radius: 10px;
    padding: 3px;
    font-size: 13px;
  }

  .NavBarItemWrapper-styles-label {
    white-space: nowrap;
    opacity: .55;
    font-size: 11px;
    font-weight: 400;
    line-height: .75;
  }

  .icons-navbar-footer-icons-bets {
    background-image: url("bets.77306b51.svg");
  }

  .icons-navbar-footer-icons-mybets {
    background-image: url("mybets.09c7ce1a.svg");
  }

  .icons-navbar-footer-icons-betslip {
    background-image: url("betslip.61fe7242.svg");
  }

  span.NavBarItem-styles-icon.NavBarItem-styles-icon {
    width: 25px;
    height: 25px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
  }

  .NavBarWrapper-styles-nav-bar {
    width: 100%;
    height: 48px;
    background-color: var(--grey-snow);
    z-index: 2;
    padding-bottom: calc(31.68px + env(safe-area-inset-bottom));
    order: 3;
    position: fixed;
    bottom: 0;
    box-shadow: 0 -1px 2px #00000020;
  }

  .NavBarWrapper-styles-nav-bar ul {
    align-items: stretch;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    display: flex;
  }

  .NavBarWrapper-styles-nav-bar {
    padding-bottom: calc(31.68px + constant(safe-area-inset-bottom));
  }

  body {
    margin: 0;
  }

  header, nav, main {
    display: block;
  }

  a {
    -webkit-text-decoration-skip: objects;
    background-color: #0000;
  }

  img {
    border-style: none;
  }

  button {
    text-transform: none;
    margin: 0;
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    overflow: visible;
  }

  button, html [type="button"] {
    -webkit-appearance: button;
  }

  [hidden] {
    display: none;
  }

  a {
    font-size: 100%;
    font: inherit;
    border: 0;
    margin: 0;
    padding: 0;
  }

  a, a:active, a:hover, a:visited {
    color: var(--black);
    text-decoration: none;
  }

  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .styles-index-wrapper, body {
    width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
  }

  body {
    color: var(--black);
    background: var(--body-background);
    font-family: Source Sans Pro, sans-serif;
    font-size: 17px;
    font-weight: 400;
  }

  body button {
    color: var(--black);
  }

  .EventRowTime-styles-details-container {
    width: 100%;
    flex-direction: row;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @keyframes BetsPlaced-styles-blinker {
    50% {
      opacity: 0;
    }
  }

  .App-styles-app button {
    font-family: Source Sans Pro, sans-serif;
  }

  a.TabButton-styles-tab-button, button.TabButton-styles-tab-button {
    color: var(--grey-dark);
    cursor: pointer;
    min-width: auto;
    height: auto;
    background: none;
    border: 0;
    border-bottom: 2px solid #0000;
    border-radius: 0;
    margin: 0;
    padding: 0;
    font-family: Source Sans Pro, sans-serif;
    font-size: 15px;
    font-weight: 600;
  }

  a.TabButton-styles-tab-button > div, button.TabButton-styles-tab-button > div {
    white-space: nowrap;
    flex: 0;
    display: block;
  }

  a.TabButton-styles-tab-button:active, a.TabButton-styles-tab-button:focus, a.TabButton-styles-tab-button:hover, button.TabButton-styles-tab-button:active, button.TabButton-styles-tab-button:focus, button.TabButton-styles-tab-button:hover {
    color: var(--black);
    outline: none;
  }

  a.TabButton-styles-tab-button-active {
    border-bottom: 2px solid var(--red);
    color: var(--black);
  }

  a.TabButton-styles-tab-button-full-width, button.TabButton-styles-tab-button-full-width {
    flex: 1;
  }

  .SportHeader-styles-sport-wrapper {
    background-color: var(--grey-not-so-light);
    height: 48px;
    z-index: 3;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    position: sticky;
    top: 0;
    overflow: hidden;
  }

  .SportHeader-styles-sport-wrapper:after {
    content: "";
    width: 64px;
    height: 48px;
    display: block;
  }

  .SportHeader-styles-sport-wrapper.SportHeader-styles-mobile {
    height: 52px;
    background-color: var(--grey-smoke);
    z-index: 1;
    flex-wrap: nowrap;
    justify-content: left;
    align-items: center;
    position: sticky;
    top: 48px;
    overflow-x: scroll;
  }

  .SportHeader-styles-sport-wrapper.SportHeader-styles-mobile:before {
    margin-left: 16px;
  }

  .SportHeader-styles-sport-wrapper.SportHeader-styles-mobile:after {
    content: none;
  }

  .SportHeader-styles-sport-wrapper.SportHeader-styles-mobile::-webkit-scrollbar {
    display: none;
  }

  .SportHeader-styles-sport-wrapper:empty {
    height: 0;
  }

  .SportHeader-styles-market-button {
    color: var(--grey-dark);
    text-align: center;
    white-space: nowrap;
    height: 32px;
    background-color: var(--grey-snow);
    border: 1px solid var(--grey-pale);
    border-radius: 17px;
    margin-right: 4px;
    padding: 8px 12px 9px;
    font-family: Source Sans Pro, sans-serif;
    font-size: 13px;
    font-weight: 600;
  }

  .SportHeader-styles-market-button:focus {
    outline: 0;
  }

  .SportHeader-styles-market-button:first-child {
    margin-left: 16px;
  }

  .SportHeader-styles-market-button.SportHeader-styles-selected {
    background-color: var(--grey-dark);
    color: var(--white);
  }

  .StatsToggle-styles-button {
    width: 32px;
    height: 32px;
    background: none;
    border: 0;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    margin: 0 8px;
    padding: 0;
    display: flex;
  }

  .StatsToggle-styles-icon {
    width: 15px;
    height: 16px;
    background-image: url("statistics-gray.eac16781.svg");
    background-size: cover;
  }

  .EventScores-styles-scores {
    max-width: 68px;
    height: 40px;
    flex: 0 auto;
    align-items: center;
    margin-top: 6px;
    line-height: 0;
    display: flex;
  }

  .EventScores-styles-scores.EventScores-styles-mobile {
    max-width: 75px;
    margin-top: 0;
    margin-right: 48px;
  }

  .EventScores-styles-scores .EventScores-styles-score {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .EventScores-styles-scores .EventScores-styles-score.EventScores-styles-mobile {
    text-align: right;
  }

  .EventScores-styles-scores .EventScores-styles-score .EventScores-styles-point {
    height: 21px;
    letter-spacing: normal;
    color: var(--blue);
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    line-height: normal;
  }

  .EventScores-styles-scores .EventScores-styles-score .EventScores-styles-point.EventScores-styles-mobile {
    line-height: 1.4;
  }

  .EventScores-styles-scores .EventScores-styles-score .EventScores-styles-point.EventScores-styles-current-point {
    width: 15px;
    margin-left: 0;
    font-size: 15px;
    font-weight: 600;
  }

  .EventScores-styles-scores .EventScores-styles-score .EventScores-styles-point.EventScores-styles-current-point.EventScores-styles-large-current-point {
    width: 25px;
  }

  .EventMarketsIndicator-styles-markets-indicator-wrapper {
    text-align: right;
    width: 40px;
    height: 56px;
    white-space: nowrap;
    align-self: center;
    line-height: 56px;
  }

  .EventMarketsIndicator-styles-count {
    color: var(--black);
    font-size: 13px;
  }

  .EventMarketsIndicator-styles-arrow-icon, .EventMarketsIndicator-styles-count {
    height: 24px;
    vertical-align: middle;
    line-height: 24px;
    display: inline-block;
  }

  .EventMarketsIndicator-styles-arrow-icon {
    width: 18px;
    background: url("arrow-right.a88ddf88.svg") 50% / contain no-repeat;
    margin-right: 5px;
  }

  .EventMarketsIndicator-styles-mobile-indicator-wrapper {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    align-self: flex-end;
    margin-bottom: 8px;
    line-height: normal;
    position: absolute;
    right: 4px;
  }

  .EventMarketsIndicator-styles-mobile-indicator-wrapper .EventMarketsIndicator-styles-count {
    color: var(--grey-darker);
    font-size: 11px;
  }

  .EventMarketsIndicator-styles-mobile-indicator-wrapper .EventMarketsIndicator-styles-arrow-icon {
    width: 24px;
    margin-right: 0;
  }

  .SeoContent-styles-empty-content {
    padding-bottom: 16px;
  }

  .Live-styles-live {
    padding: 0;
    list-style: none;
  }

  .Live-styles-content {
    min-height: calc(100vh - 96px);
  }

  .Live-styles-upcoming {
    margin: 8px 0;
  }

  .SportsFiltersSection-styles-row {
    background-color: var(--white);
    z-index: 1;
    display: flex;
    position: sticky;
    top: -18px;
  }

  .SportsFiltersSection-styles-row .SportsFiltersSection-styles-sorting {
    border-right: 1px solid var(--grey-pale);
    display: flex;
  }

  .SportsFiltersSection-styles-row .SportsFiltersSection-styles-filters {
    display: flex;
    overflow-x: scroll;
  }

  .SportsFiltersSection-styles-row .SportsFiltersSection-styles-filters::-webkit-scrollbar {
    display: none;
  }

  .ProgramSettings-styles-mobile-icon {
    width: 48px;
    height: 64px;
    background: url("switchsorting.c4671996.svg") 50% no-repeat;
  }

  .SportFilter-styles-sport-filter {
    color: var(--grey-ash);
    background-color: var(--grey-cloud);
    width: 67px;
    height: 64px;
    border-radius: 4px;
    margin-bottom: 8px;
    margin-right: 4px;
    font-size: 11px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 3px #0000001f;
  }

  .SportFilter-styles-sport-filter > a {
    width: 100%;
    height: 100%;
  }

  .SportFilter-styles-sport-filter a.SportFilter-styles-container > div {
    width: 100%;
  }

  .SportFilter-styles-sport-filter .SportFilter-styles-amount {
    color: var(--grey-ash);
    text-align: right;
    position: absolute;
    top: 4px;
    right: 4px;
  }

  .SportFilter-styles-sport-filter .SportFilter-styles-sport-icon {
    width: 24px;
    height: 24px;
    margin: 6px 0;
    display: inline-block;
  }

  .SportFilter-styles-sport-filter .SportFilter-styles-sport-text {
    color: var(--grey-dark);
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
    font-weight: 400;
    overflow: hidden;
  }

  .SportFilter-styles-sport-filter .SportFilter-styles-sport-text.SportFilter-styles-selected {
    font-weight: 600;
  }

  .SportFilter-styles-sport-filter.SportFilter-styles-selected {
    background: var(--white);
    pointer-events: none;
  }

  .SportFilter-styles-sport-filter-mobile {
    background-color: var(--white);
    border-radius: unset;
    box-shadow: none;
    margin-bottom: 0;
  }

  .SportFilter-styles-sport-filter-mobile .SportFilter-styles-amount {
    color: var(--grey-light);
    width: 13px;
    height: 13px;
  }

  .SportFilter-styles-sport-filter-mobile .SportFilter-styles-sport-icon {
    width: 32px;
    height: 32px;
    margin: 0 15px;
  }

  .SportFilter-styles-sport-filter-mobile .SportFilter-styles-sport-text {
    color: var(--grey-dark);
    font-size: 11px;
    line-height: 1.27;
  }

  .SportFilter-styles-sport-filter-mobile .SportFilter-styles-sport-text.SportFilter-styles-selected {
    color: var(--black);
  }

  .SportFilter-styles-sport-filter-mobile.SportFilter-styles-selected {
    border-bottom: 1px solid var(--red);
  }

  .SportFilters-styles-filter-container-mobile {
    z-index: 0;
    background-color: var(--white);
    flex-wrap: nowrap;
    justify-content: left;
    align-items: center;
    display: flex;
    position: sticky;
  }

  .EventRowTime-styles-details-container {
    width: 100%;
    flex-direction: row;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .UpcomingHeader-styles-upcoming-header {
    background-color: var(--white);
    height: 40px;
    color: var(--black);
    border-bottom: 1px solid var(--grey-smoke);
    padding-left: 16px;
    font-size: 19px;
    font-weight: 600;
    line-height: 40px;
  }

  .resize-triggers {
    visibility: hidden;
    opacity: 0;
    animation: 1ms resizeanim;
  }

  .resize-triggers, .resize-triggers > div, .contract-trigger:before {
    content: " ";
    height: 100%;
    width: 100%;
    z-index: -1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
  }

  .resize-triggers > div {
    background: #eee;
    overflow: auto;
  }

  .contract-trigger:before {
    width: 200%;
    height: 200%;
  }
}

/*# sourceMappingURL=index.57f42d6a.css.map */