/*!********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/main.less ***!
  \********************************************************************************************************/
@font-face {
  font-family: 'Open Sans';
  src: url(/0bee9d4856d1dfeb9a24.woff2) format('woff2'), url(/074fb1649eeca80036bb.woff) format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url(/e6089bbe7ff63d800df2.woff2) format('woff2'), url(/0d6febf5b74daff497eb.woff) format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url(/6d9925a33cfd9e0194bd.woff2) format('woff2'), url(/786358b57b3abcf9ca74.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url(/550a2542be72720a40ad.woff2) format('woff2'), url(/8859a4a413f1930cd12f.woff) format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open sans';
  src: url(/c7ab78a511011d4e147e.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open sans';
  src: url(/c82ce9463bb83ac90347.woff2) format('woff2'), url(/a9c43cc924f91891d1a8.woff) format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url(/c790f99966352c531503.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open sans';
  src: url(/d80f04027220995429cd.woff2) format('woff2'), url(/1f73402930e5590ba331.woff) format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open sans';
  src: url(/e390d6021c37c9e132bf.ttf) format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url(/0add20404c29c12dfb1b.woff2) format('woff2'), url(/067562da3a71a283d1de.woff) format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'avenir';
  src: url(/f0ff8b1f933aeb8f79bb.ttf) format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'avenir-condensed';
  src: url(/77ac60e33a9166d589d7.woff2) format('woff2'), url(/44b13d34fd7eebb4b2d1.woff) format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: normal;
  height: 1080px;
  background: #0D50A0;
}
body,
table,
tr,
td,
th,
p {
  padding: 0;
  margin: 0;
  border: 0;
}
html,
body {
  height: 100%;
  width: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
* {
  box-sizing: border-box;
}
#error {
  position: absolute;
  top: 14px;
  left: 200px;
  font-size: 11.5px;
  display: none;
}
h1,
h2 {
  font-family: 'avenir-condensed', 'Open Sans', sans-serif;
  margin: 0;
}
.content {
  flex-basis: 66.66%;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.content-vertical {
  flex-basis: 50%;
  margin-top: 8px;
}
.content--columns-1 {
  flex-basis: 33.33%;
}
.content--columns-2 {
  flex-basis: 66.66%;
}
td {
  height: 18px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 230px;
  padding-left: 5px;
  /*padding-bottom: 1px;*/
  background: inherit;
}
td.odds1,
td.oddsx,
td.odds2 {
  text-align: center;
  padding: 0 2px;
  width: 48px;
  position: relative;
  overflow: visible;
}

/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/components/Footer/Footer.less ***!
  \****************************************************************************************************************************/
.footer {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  width: 100%;
  height: 40px;
  padding: 0 8px;
  overflow: hidden;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  align-items: center;
  column-gap: 14px;
  display: flex;
  justify-content: space-evenly;
}
@media screen and (max-height: 1000px) {
  .footer {
    padding-top: 10px;
  }
}
.footertext {
  white-space: nowrap;
}
.footertext.transparent {
  opacity: 0;
}
.footertext:first-child {
  list-style: none;
}
.footertext::marker {
  margin: 0;
}
/* Lower font-size on smaller screens */

/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/components/ContentWrapper/ContentWrapper.less ***!
  \********************************************************************************************************************************************/
.contentWrapper {
  display: flex;
  height: calc(100% - 40px);
  padding: 8px 8px 0;
}
@media screen and (max-height: 1000px) {
  .contentWrapper {
    height: calc(100% - 50px);
  }
}
.odds-tips-wrapper {
  font-family: 'avenir', 'Open Sans', sans-serif;
  flex-basis: 33.33%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 8px;
}
.odds-tips-wrapper-vertical {
  flex-basis: 50%;
  flex-direction: column;
  margin-left: 0;
  margin-left: 8px;
  justify-content: flex-start;
}

/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/components/Game/Game.less ***!
  \************************************************************************************************************************/
.game {
  display: flex;
  height: 31px;
  line-height: 31px;
  margin-right: 2px;
  font-size: 12px;
  font-weight: 600;
  background-color: #EDF2F9;
  flex: 1 1 auto;
}
.game:nth-child(odd) {
  background-color: #FFF;
}
.game:nth-child(odd) .time,
.game:nth-child(odd) .marked_number {
  background-color: #E2ECFA;
}
.game:nth-child(odd) .odds {
  background-color: #FFF6EC;
}
.game--highlight * {
  font-weight: 800;
}
.game > *:not(:last-child) {
  border-right: 1px solid #003F76;
}
.game .time {
  min-width: 50px;
  text-align: center;
  background-color: #C7D9F4;
  font-size: 11px;
  font-weight: normal;
}
.game--highlight .time {
  font-weight: 800;
  font-size: 12px;
}
.game .marked_number {
  min-width: 50px;
  text-align: center;
  padding-right: 0;
  background-color: #C7D9F4;
}
.game .event-name {
  white-space: nowrap;
  overflow: hidden;
  flex: 1;
  position: relative;
  padding-left: 24px;
}
.content-vertical .game .event-name {
  white-space: break-spaces;
  align-content: center;
}
.game .event-name__text {
  position: relative;
}
.game .event-name.marquee > div {
  position: absolute;
  animation: marquee 10s linear infinite;
}
.game .event-name.marquee .event-name__text {
  padding-right: 20px;
}
.content-vertical .game .event-wrapper {
  line-height: 15px;
}
.game .odds-container {
  width: 144px;
  display: flex;
  justify-content: space-evenly;
  background-color: #FDE5CB;
}
.game .odds-container > *:not(:last-child) {
  border-right: 1px solid #003F76;
}
.game .odds-container .odds-up {
  background: #7DB574;
}
.game .odds-container .odds-down {
  background: #CF6C6F;
}
.game .odds {
  flex: 1 1 33%;
  text-align: center;
}
@keyframes marquee {
  0% {
    transform: translatex(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/components/Clock/Clock.less ***!
  \**************************************************************************************************************************/
.clock {
  position: absolute;
  top: 6px;
  right: 0px;
  font-weight: 700;
}

/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/components/GameList/GameList.less ***!
  \********************************************************************************************************************************/
.gamelist {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 11.5px;
  height: calc(100% - 62px);
}
.gamelist--columns-1 .game {
  width: 100%;
}
.gamelist--columns-2 .game {
  width: calc(50% - 1px);
}
.gamelist--columns-3 .game {
  width: calc(100% / 3);
}
.gamelist--columns-4 .game {
  width: 25%;
}
.gamelist-header {
  width: 100%;
  font-size: 11.5px;
  display: flex;
}
.gamelist-header--columns-1 .gamelist-header__section {
  width: 100%;
}
.gamelist-header--columns-2 .gamelist-header__section {
  width: 50%;
}
.gamelist-header--columns-3 .gamelist-header__section {
  width: calc(100% / 3);
}
.gamelist-header--columns-4 .gamelist-header__section {
  width: 25%;
}
.gamelist-header__section {
  color: white;
  background: #003F76;
  height: 26px;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 9px;
}
.gamelist-header__section:nth-child(2) {
  padding: 0 0 0 5px;
}
.gamelist-header__section__time {
  text-align: center;
  width: 50px;
}
.gamelist-header__section__number {
  text-align: center;
  width: 50px;
}
.gamelist-header__section__name {
  padding-left: 24px;
}
.gamelist-header__section__odds {
  width: 142px;
  margin-left: auto;
  display: flex;
  justify-content: space-around;
}
.gamelist-header__section__odds span {
  height: 1rem;
  width: 1rem;
  text-align: center;
  font-size: 12px;
}
.gamelist__header:first-child:not(:only-child) {
  margin-right: 2px;
}
.gamelist__header-top {
  position: relative;
}
.gamelist__header-bottom {
  display: flex;
}
.gamelist__header-bottom .gamelist__header {
  flex: 1;
}
.gamelist .gamelist__header:first-child {
  display: none;
}
.gamelist__date-row {
  color: white;
  height: 36px;
  display: flex;
  align-items: center;
}
.gamelist__date-row-text {
  font-size: 16px;
  font-weight: 700;
  padding-left: 3px;
  margin: 0;
}
.gamelist__date-row--columns-1 {
  width: 100%;
}
.gamelist__date-row--columns-2 {
  width: 50%;
}
.gamelist__date-row--columns-3 {
  width: calc(100% / 3);
}
.gamelist__date-row--columns-4 {
  width: 25%;
}

/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/components/TopGames/TopGames.less ***!
  \********************************************************************************************************************************/
.topgames {
  color: #fff;
  margin-bottom: 12px;
}
@media screen and (max-height: 1000px) {
  .topgames {
    margin-bottom: 4px;
  }
}
.topgames__odds {
  position: relative;
  padding: 0 30px;
  font-size: 18px;
}
.topgames__odds-vertical {
  padding: 0 12px;
}
.topgames__heading {
  font-family: 'avenir-condensed', 'Open Sans', sans-serif;
  font-style: italic;
  margin: 30px 0;
  font-size: 3.7rem;
  line-height: 3.7rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-height: 1000px) {
  .topgames__heading {
    margin: 0;
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media screen and (max-height: 800px) {
  .topgames__heading {
    margin: 0;
    font-size: 2rem;
  }
}
.topgames__info {
  display: flex;
  width: 100%;
}
.topgames__marked-number-wrapper {
  margin-right: 32px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #999999;
  white-space: nowrap;
}
.topgames__marked-number {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: start;
}
.topgames__event-name {
  font-size: 18px;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  line-height: 17px;
}
.topgames__event-name p:not(:last-child) {
  margin-right: 4px;
}
.topgames__event-time {
  color: #999999;
  font-size: 12px;
  font-weight: 600;
  margin-left: auto;
  text-align: end;
  white-space: nowrap;
}
.topgames__odds-section {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  margin-top: 12px;
}
@media screen and (max-height: 1000px) {
  .topgames__odds-section {
    margin-top: 4px;
  }
}
.topgames__odds-section > .topgames__game-odds:not(:last-child) {
  margin-right: 12px;
}
.topgames__game-odds {
  padding: 6px;
  border: 1px solid #0D50A0;
  border-radius: 4px;
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.topgames__game-odds-favorite {
  background-color: #0D50A0;
  color: #fff;
}
.topgames__game-odds-type {
  background-color: #0D50A0;
  color: #fff;
  border-radius: 2px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 14px;
}
.topgames__game-odds-favorite .topgames__game-odds-type {
  background-color: #fff;
  color: #0D50A0;
}
.topgames__game-odds-value {
  line-height: 14px;
}
.topgames__animate {
  will-change: transform;
}
.topgames__animate:nth-of-type(10) {
  animation: game-animation 1.5s linear;
  animation-delay: 6.75s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.topgames__animate:nth-of-type(9) {
  animation: game-animation 1.5s linear;
  animation-delay: 6s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.topgames__animate:nth-of-type(8) {
  animation: game-animation 1.5s linear;
  animation-delay: 5.25s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.topgames__animate:nth-of-type(7) {
  animation: game-animation 1.5s linear;
  animation-delay: 4.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.topgames__animate:nth-of-type(6) {
  animation: game-animation 1.5s linear;
  animation-delay: 3.75s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.topgames__animate:nth-of-type(5) {
  animation: game-animation 1.5s linear;
  animation-delay: 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.topgames__animate:nth-of-type(4) {
  animation: game-animation 1.5s linear;
  animation-delay: 2.25s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.topgames__animate:nth-of-type(3) {
  animation: game-animation 1.5s linear;
  animation-delay: 1.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.topgames__animate:nth-of-type(2) {
  animation: game-animation 1.5s linear;
  animation-delay: 0.75s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.topgames__animate:nth-of-type(1) {
  animation: game-animation 1.5s linear;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.topgames__animate:last-child {
  margin-bottom: 0;
}
@keyframes game-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.topgames__game {
  background-color: #fff;
  font-family: 'Open sans';
  font-weight: 600;
  color: #000;
  margin-bottom: 8px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px;
}
@media screen and (max-height: 1000px) {
  .topgames__game {
    margin-bottom: 4px;
    margin-top: 4px;
    padding: 10px;
  }
}
.topgames__total-odds {
  font-family: 'Open sans';
  position: relative;
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  margin: 18px 0 0;
}
@media screen and (max-height: 1000px) {
  .topgames__total-odds {
    margin: 6px 0 0;
  }
}
.topgames__possible-prize {
  font-size: 28px;
  font-weight: 700;
  text-align: end;
}
.topgames__bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
}
.topgames__bg2 {
  position: absolute;
  bottom: -24px;
  left: 0;
  z-index: -2;
  height: 100%;
  width: 100%;
}
.topgames__bg2 img {
  position: absolute;
  bottom: 0;
  left: 0;
}
.topgames__bg2::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: -40px;
  width: calc(100% + 80px);
  height: 30%;
  background: linear-gradient(to bottom, #0d50a000 28%, #0D50A0 42%);
  z-index: 0;
}
.topgames__odds-lod {
  align-self: center;
}

/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/components/Tips/Tips.less ***!
  \************************************************************************************************************************/
.tips {
  display: flex;
  font-family: Open sans, serif;
  font-size: 1.1rem;
  font-weight: 400;
  font-style: normal;
  text-align: left;
}
.tips-vertical {
  flex-direction: column;
}
.tips > :first-child {
  margin-right: 2px;
}
.tips__list {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
@media screen and (max-height: 1000px) {
  .tips__list {
    flex: none;
  }
}
.tips__col {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.tips__col > .tips__list:not(:first-child) {
  margin-top: 2px;
}
.tips__header {
  height: 56px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 36px;
  line-height: 54px;
  font-style: italic;
  font-weight: 900;
  color: #fff;
  background-color: #009960;
  border: 2px solid #fff;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-height: 1000px) {
  .tips__header {
    height: 42px;
    font-size: 30px;
    line-height: 42px;
  }
}
.tips__container {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
}
.tips__coupon {
  width: 100%;
  background: #fff;
  overflow: hidden;
}
.tips__coupon-header {
  background-color: #00331F;
  color: #fff;
  display: grid;
  grid-template-columns: auto 70px;
  grid-row-gap: 3px;
  padding: 8px 10px;
}
.tips__coupon-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}
.tips__coupon-game-stop {
  font-size: 12px;
  font-weight: 600;
}
.tips__coupon-trends {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: right;
  place-self: flex-end;
}
.tips__coupon-jackpot {
  grid-column: 1 / span 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #006D44;
  padding: 5px 10px;
  color: #fff;
  height: 44px;
  text-align: right;
}
@media screen and (max-height: 1000px) {
  .tips__coupon-jackpot {
    height: 30px;
  }
}
.tips__coupon-dynamic {
  width: 100%;
  background: #fff;
  overflow: hidden;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
@media screen and (max-height: 1000px) {
  .tips__coupon-dynamic {
    flex: none;
  }
}
.tips__coupon-dynamic-header {
  position: relative;
  background-color: #00331F;
  color: #fff;
  display: flex;
  flex-direction: column;
  padding: 8px 10px;
  flex: 1 1 auto;
}
@media screen and (max-height: 1000px) {
  .tips__coupon-dynamic-header {
    flex: none;
  }
}
.tips__coupon-dynamic-jackpot-icon {
  position: absolute;
  font-weight: 900;
  color: #fff;
  font-size: 20px;
  top: 2px;
  right: 5px;
  background-color: #006D44;
  font-style: italic;
  padding: 0px 6px 1px 8px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tips__coupon-dynamic ul {
  padding: 0;
  margin: 0;
  list-style-type: decimal;
}
.tips__event {
  grid-column: 1 / span 2;
  display: grid;
  align-content: center;
  grid-template-columns: 15px auto 35px 50px;
  grid-gap: 4px;
  font-family: Open sans, serif;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  height: 28px;
  letter-spacing: 0px;
  position: relative;
  padding: 0 10px;
}
@media screen and (max-height: 1000px) {
  .tips__event {
    height: 22px;
    font-size: 10px;
  }
}
.tips__event--goalhunt {
  grid-template-columns: 15px auto 35px;
}
.tips__event:not(:last-child) {
  border-bottom: 1px solid #BDBDBD;
}
.tips__event-id {
  text-align: left;
  line-height: 12px;
  align-self: center;
}
.tips__event-name {
  text-align: left;
  line-height: 12px;
  align-self: center;
}
.tips__event-name span {
  white-space: nowrap;
}
.tips__event-trends {
  text-align: right;
  line-height: 12px;
  align-self: center;
}
.tips__jackpot-amount {
  font-size: 18px;
  font-style: italic;
  font-weight: 900;
  width: 100%;
  white-space: nowrap;
  flex: 1 1 0;
}
.tips__jackpot-name {
  flex: 2 1 auto;
  text-align: start;
  font-size: 12px;
  font-weight: 600;
}

/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/components/Lod/Lod.less ***!
  \**********************************************************************************************************************/
.lod__label {
  height: 14px;
  width: 37px;
  position: relative;
  bottom: 1px;
  background-color: #C6DEF0;
  font-size: 8px;
  padding: 0 2px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  grid-gap: 2px;
}
.lod__img {
  width: 10px;
}


/*# sourceMappingURL=main.css.map*/