/* Corrections measured against live JetX in identical browser viewports. */
/* Exact source values: graphicValue is 120/1410 desktop and 95/705 mobile. */
.exact-stage {
  container-type: inline-size;
}

.exact-coefficient {
  font-size: 8.510638cqw !important;
  line-height: 1 !important;
}

.round-loader-caption {
  font-size: 1.41844cqw !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.round-loader {
  overflow: visible !important;
}

.online-odometer .digit-strip.online-roll-up { animation: online-digit-up .15s ease-out forwards; }
.online-odometer .digit-strip.online-roll-down { animation: online-digit-down .15s ease-out forwards; }

@keyframes online-digit-up { to { transform: translateY(-22px); } }
@keyframes online-digit-down { to { transform: translateY(22px); } }

.bet.reference-next-ready .place-bet2 .current,
.bet.reference-next-cancel .place-bet2 .current {
  display: block !important;
}

.bet.reference-next-ready .place-bet2 .next,
.bet.reference-next-cancel .place-bet2 .next {
  display: none !important;
}

@media screen and (min-width: 851px) {
  #main > div:has(> .exact-canvas) {
    margin-bottom: 5px !important;
  }
}

@media screen and (max-width: 850px) {
  .loader-hood-react {
    height: 26px !important;
    font-family: 'Intro' !important;
    font-size: 12px !important;
  }

  .hood-smartsoft-logo { height: 26px !important; }
  .digit-container, .digit { height: 12px !important; }
  .digit-container { width: 7px !important; }
  .digit { font-size: 12px !important; line-height: 12px !important; }
  .prev-digit { top: -12px !important; }
  .next-digit { top: 12px !important; }

  @keyframes online-digit-up { to { transform: translateY(-12px); } }
  @keyframes online-digit-down { to { transform: translateY(12px); } }

  .exact-coefficient {
    font-size: 13.475177cqw !important;
  }

  .exact-coefficient .exact-x {
    width: 9.820513cqw !important;
    height: 8.974359cqw !important;
    position: relative !important;
    top: 3.820513cqw !important;
  }

  .exact-coefficient .exact-number {
    position: relative !important;
    top: 4.871795cqw !important;
  }

  .round-loader-caption {
    font-size: 2.836879cqw !important;
  }

  header .content > #balance {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    height: 32px !important;
    margin: 0 5px 0 0 !important;
    padding: 0 0 0 32px !important;
    gap: normal !important;
    font-size: 13px !important;
    line-height: 32px !important;
  }

  header .content > #balance > .value {
    display: inline !important;
    height: auto !important;
    margin-left: 5px !important;
    font-size: 15px !important;
    line-height: normal !important;
  }

  header .content > #balance > .balance-caption {
    display: none !important;
  }

  #left.header-history,
  #left.header-history .history-list {
    height: 27px !important;
  }

  #main > div:has(> .exact-canvas) {
    height: 48.865248vw !important;
    max-height: none !important;
    margin-bottom: 5px !important;
  }

  #main > div > .exact-canvas,
  #main .canvas {
    height: 100% !important;
  }

  #main .buttons {
    height: 289px !important;
    overflow: visible !important;
  }

  #main .cash-game.simple #button-all {
    height: 40px !important;
    margin: 0 0 5px !important;
    flex: none !important;
  }

  #main .cash-game.simple #button-all > .bet-div {
    height: 40px !important;
    padding: 5px !important;
  }

  #main .cash-game.simple #button-0 {
    height: 122px !important;
    margin-bottom: 0 !important;
    flex: none !important;
  }

  #main .cash-game.simple #button-1 {
    height: 122px !important;
    min-height: 122px !important;
    max-height: 122px !important;
    margin-bottom: 5px !important;
    flex: 0 0 122px !important;
  }

  #main .cash-game.simple #button-0 > .bet-div,
  #main .cash-game.simple #button-1 > .bet-div {
    height: 122px !important;
    min-height: 122px !important;
  }

  #right.info-div {
    margin-top: 5px !important;
  }
}