@charset "UTF-8";
/* #region AppHeader */
@media print, screen and (min-width: 43em) {
  .appHeader-lottery-logo {
    display: flex;
    visibility: visible;
    width: 180px;
    height: 50px;
  }
}
/* #endregion AppHeader */
/* #region Playbox */
/* #region Dice Product */
.playbox-option-row-dice {
  display: flex;
  flex-direction: row;
  height: 48.5px;
  border-bottom: 1px solid #aabbde;
  position: relative;
}

.diceImageWrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.betDiceImage {
  background: #fff;
  height: 40px;
  width: 40px;
  border-radius: 4px;
}

/* #endregion Dice Product */
/* #region 5D */
.SingleDigitTitle5D {
  position: relative;
  flex-grow: 1.2;
  flex-shrink: 0;
  flex-basis: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #545454;
  font-weight: bold;
  background: #e4e4e4;
}

.SingleDigitTitle5DArrow {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0px;
  -ms-transform: translateX(8.5px);
  /* IE 9 */
  -webkit-transform: translate(8.5px);
  /* Safari */
  transform: translateX(8.5px);
  border-top: 15.5px solid transparent;
  border-bottom: 15.5px solid transparent;
  border-left: 9px solid #e4e4e4;
}

/* #endregion 5D Product */
/* #region 3D Product */
.SingleDigitTitle3D {
  position: relative;
  flex-grow: 1.2;
  flex-shrink: 0;
  flex-basis: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #545454;
  font-weight: bold;
  background: #e4e4e4;
}

.SingleDigitTitle3DArrow {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0px;
  -ms-transform: translateX(11.5px);
  /* IE 9 */
  -webkit-transform: translate(11.5px);
  /* Safari */
  transform: translateX(11.5px);
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  border-left: 12px solid #e4e4e4;
}

/* #endregion 3D Product */
/* #region 11x5 Product */
.SingleDigitTitle11x5 {
  position: relative;
  flex-grow: 1.2;
  flex-shrink: 0;
  flex-basis: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #545454;
  font-weight: bold;
  background: #e4e4e4;
}

.SingleDigitTitle11x5Arrow {
  position: absolute;
  width: 0;
  height: 0;
  right: 0px;
  -ms-transform: translateX(8.5px);
  /* IE 9 */
  -webkit-transform: translate(8.5px);
  /* Safari */
  transform: translateX(8.5px);
  top: 0;
  border-top: 15.5px solid transparent;
  border-bottom: 15.5px solid transparent;
  border-left: 9px solid #e4e4e4;
}

/* #endregion 11x5 Product */
/* #region Se-Die */
.seDieMaxRowHeightFirst {
  height: 94px;
}

.seDieMaxRowHeightSecond {
  height: 47px;
}

.noWidthHalfHeight {
  height: 50%;
  width: auto;
}

.SeDieButtonWrapper {
  height: 100%;
  display: flex;
  flex-direction: row;
  margin-right: 2px;
  justify-content: center;
  align-items: center;
}

.SeDieButtonWrapperCompact {
  height: 100%;
  width: 52px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.SeDieWhite {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #efefef;
  border: solid 0.5px #7a7a7a;
  margin-left: 2px;
  margin-top: 10px;
  box-shadow: 1px 1px 1px #AAA;
}

.SeDieRed {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #e2606a;
  border: solid 0.5px #7a7a7a;
  margin-left: 2px;
  margin-top: 10px;
  box-shadow: 1px 1px 1px #AAA;
}

.SingleDigitTitleSeDie {
  position: relative;
  flex-grow: 1.2;
  flex-shrink: 0;
  flex-basis: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #545454;
  font-weight: bold;
  background: #e4e4e4;
}

.SingleDigitTitleSeDieArrow {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0px;
  -ms-transform: translateX(8.5px);
  /* IE 9 */
  -webkit-transform: translate(8.5px);
  /* Safari */
  transform: translateX(8.5px);
  border-top: 19.5px solid transparent;
  border-bottom: 19.5px solid transparent;
  border-left: 9px solid #e4e4e4;
}

.SeDieMarginTop {
  margin-top: 1px;
}

.SeDieMarginBottom {
  margin-top: 0px;
  margin-bottom: 1px;
}

/* #endregion Se-Die */
/* #region Lottery Bull */
.playboxOptionLotteryBullTopPartHeight {
  height: 80px;
}

.playboxOptionLotteryBullTopRowHeight {
  height: 60px;
}

.playboxOptionLotteryBullBottomPartHeight {
  height: 130px;
}

.playboxOptionLotteryBullBottomChildHeight {
  height: 55px;
}

/* #endregion Lottery Bull */
/* #region Common */
.playboxTopPartHeight {
  height: 161px;
}

.playboxBottomPartHeight {
  height: 180px;
}

.playboxRowHeightTopPart1 {
  height: 141px;
}

.playboxRowHeightTopPart3Equal {
  height: 47px;
}

.playboxRowHeightTopPart2Equal {
  height: 70.5px;
}

.playboxRowHeightTopPart3UnequalBig {
  height: 65px;
}

.playboxRowHeightTopPart3UnequalSmall {
  height: 48px;
}

.playboxRowHeightBottomPart5Equal {
  height: 32px;
}

.playboxRowHeightBottomPart3Equal {
  height: 47px;
}

.playboxRowHeightBottomPart2Equal {
  height: 80px;
}

.playboxRowHeightBottomPart4Equal {
  height: 40px;
}

.playboxOptionTitleWrapperSpaceBetween {
  justify-content: space-between;
}

.flexOverideFlex3To4 {
  flex-grow: 0.7;
}

.flexOverideFlexHalf {
  flex-grow: 0.5;
}

.playbox-option-type-title-height15 {
  height: 20px;
}

.add-border-bottom-arrow9px {
  width: 9px;
}

.add-border-bottom-arrow12px {
  width: 12px;
}

.no-shadow-border {
  border: none !important;
}

/* #endregion Common */
/* #endregion Playbox */
/* #region FlipResult Common */
.flipResult-animation-cont {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flipResult-animation-cont-minimized {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  border-radius: 0.5em;
  overflow: hidden;
}

.flipResult-fadeIn-animation {
  animation-name: flipResult-fadeInAnimation;
  animation-delay: 0ms;
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

/* #endregion FlipResult Common */
/* #region FlipResult Common Animation */
@keyframes flipResult-fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flipResult-fadeOutAnimation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/* #endregion FlipResult Common Animation */
/* #region FlipResult Sum */
.flipResult-sum-container-all {
  width: 100%;
}

.flipResult-sum-row-container {
  height: 50px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
}

.flipResult-sum-sum-container {
  display: -webkit-box;
  display: flex;
  width: 80px;
  height: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
}

.flipResult-sum-row-container .flipResult-sum-sum-container:first-child {
  border-left: 0;
}

.flipResult-sum-total {
  /* width: 100%; */
  font-size: 11px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  line-height: 1.5;
  text-align: center;
}

.flipResult-sum-value {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: black;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  line-height: 1;
}

.flipResult-sum-score {
  flex: 1 1 25px;
  margin: 0 1px 0 1px;
}

.flipResult-sum-vline {
  height: 42px;
}

.flipResult-sum-hline {
  height: 2px;
  width: 96%;
  margin-left: 2%;
}

/* #endregion FlipResult Sum */
/* #region FlipResult Max */
.flipResult-max-animation {
  width: 280px;
}

.flipResult-max-number-container {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.flipResult-max-number {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flipResult-max-number-ball {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background-clip: padding-box !important;
  overflow: hidden;
  background: linear-gradient(#9b3831, #c2463d, #88312b);
}

.flipResult-max-flipper-container {
  position: relative;
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 6px;
  margin-bottom: 6px;
  top: 0;
}

.flipResult-max-flipper {
  height: 31.5px;
  /* 70% of flipResult-max-number-ball */
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 19px;
  color: white;
}

.flipResult-max-flipper-extra {
  position: absolute;
  bottom: 100%;
}

.flipResult-max-number-score-container {
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3px;
  margin-top: 3px;
}

.flipResult-max-number-score {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: transparent;
}

.flipResult-max-summary-container {
  width: 100%;
  margin-top: 5px;
  background-color: #f6d9cc;
  border: 0.5px solid #abadb4;
  border-radius: 0.5em;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.flipResult-animation-cont-minimized .flipResult-max-number-container {
  justify-content: flex-end;
}

.flipResult-animation-cont-minimized .flipResult-max-number {
  margin-left: 2.5px;
  margin-right: 2.5px;
}

.flipResult-animation-cont-minimized .flipResult-max-number-ball {
  width: 35px;
  height: 35px;
}

.flipResult-animation-cont-minimized .flipResult-max-flipper-container {
  margin-top: 5px;
  margin-bottom: 5px;
}

.flipResult-animation-cont-minimized .flipResult-max-flipper {
  height: 24.5px;
  font-size: 16px;
}

.flipResult-max-1-expandIn {
  animation-name: flipResult-max-expandIn-2;
  animation-delay: 7550ms;
  /*7250 from showText + 300*/
  animation-duration: 700ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-max-1-fadeOutDelay {
  animation-name: flipResult-fadeOutAnimation;
  animation-delay: 9750ms;
  /*8250 from expandIn + 1500*/
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-max-2-expandIn {
  animation-name: flipResult-max-expandIn-1;
  animation-delay: 6350ms;
  /*6050 from showText + 300*/
  animation-duration: 700ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-max-2-fadeOutDelay {
  animation-name: flipResult-fadeOutAnimation;
  animation-delay: 8550ms;
  /*7050 from expandIn + 1500*/
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-max-3-expandIn {
  animation-name: flipResult-max-expandIn-1;
  animation-delay: 7550ms;
  /*7250 from showText + 300*/
  animation-duration: 700ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-max-3-fadeOutDelay {
  animation-name: flipResult-fadeOutAnimation;
  animation-delay: 9750ms;
  /*8250 from expandIn + 1500*/
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

/* #endregion FlipResult Max */
/* #region FlipResult Max Animation */
@keyframes flipResult-max-expandIn-1 {
  0% {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
  40% {
    height: 50px;
    opacity: 0;
    visibility: hidden;
  }
  60% {
    height: 50px;
    opacity: 0;
    visibility: hidden;
  }
  100% {
    height: 50px;
    opacity: 1;
    visibility: visible;
  }
}
@keyframes flipResult-max-expandIn-2 {
  0% {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
  40% {
    height: 154px;
    opacity: 0;
    visibility: hidden;
  }
  60% {
    height: 154px;
    opacity: 0;
    visibility: hidden;
  }
  100% {
    height: 154px;
    opacity: 1;
    visibility: visible;
  }
}
@keyframes flipResult-max-number-spinIn {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes flipResult-max-number-springIn-10 {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(85%);
  }
}
@keyframes flipResult-max-number-springIn-11 {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(86.5%);
  }
}
@keyframes flipResult-max-number-fitIn-1 {
  0% {
    top: 0;
  }
  100% {
    top: 35%;
  }
}
@keyframes flipResult-max-number-fitIn-2 {
  0% {
    top: 0;
  }
  100% {
    top: -35%;
  }
}
@keyframes flipResult-max-score-showText {
  0% {
    color: transparent;
  }
  100% {
    color: white;
  }
}
/* #endregion FlipResult Max Animation */
/* #region FlipResult Dice */
.flipResult-dice-container {
  position: relative;
  display: flex;
  height: auto;
  justify-content: center;
  align-items: flex-end;
}

.flipResult-dice-flipper-container {
  height: 140px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.flipResult-dice-flipper {
  position: relative;
}

.flipResult-dice-sprite {
  width: 60px;
  height: 60px;
  background: url("/images/dice.svg");
  background-position: 0 0;
  background-size: 360px;
  background-repeat: no-repeat;
}

.flipResult-dice-summary-container {
  background-color: #f6d9cc;
  border: 0.5px solid #abadb4;
  border-radius: 0.5em;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.flipResult-animation-cont-minimized .flipResult-dice-container {
  height: 115%;
}

.flipResult-animation-cont-minimized .flipResult-dice-flipper-container {
  height: 15px;
}

/*fadeIn > upDown > shrinkIn + expandIn > fadeOutDelay*/
.flipResult-dice-shrinkIn {
  animation-name: flipResult-dice-shrinkIn;
  animation-delay: 4500ms;
  /*4000 from upDown + 500*/
  animation-duration: 1000ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-dice-expandIn {
  animation-name: flipResult-dice-expandIn;
  animation-delay: 4800ms;
  /*4000 from upDown + 800*/
  animation-duration: 700ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-dice-fadeOutDelay {
  animation-name: flipResult-fadeOutAnimation;
  animation-delay: 7000ms;
  /*5500 from expandIn + 1500*/
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

/* #endregion FlipResult Dice */
/* #region FlipResult Dice Animation */
/* #region Dice UpDown */
@keyframes flipResult-dice-upDown-0 {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 57%;
  }
  100% {
    bottom: 0;
  }
}
@keyframes flipResult-dice-upDown-1 {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 57%;
  }
  100% {
    bottom: 0;
  }
}
@keyframes flipResult-dice-upDown-2 {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 57%;
  }
  100% {
    bottom: 0;
  }
}
@keyframes flipResult-dice-upDown-3 {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 57%;
  }
  100% {
    bottom: 0;
  }
}
@keyframes flipResult-dice-upDown-4 {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 57%;
  }
  100% {
    bottom: 0;
  }
}
/* #endregion Dice UpDown */
/* #region Dice Change Image */
@keyframes flipResult-dice-0-1-1 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -120px;
  }
}
@keyframes flipResult-dice-0-1-2 {
  0% {
    background-position: 0 -120px;
  }
  100% {
    background-position: 0 -300px;
  }
}
@keyframes flipResult-dice-0-2-1 {
  0% {
    background-position: -60px 0;
  }
  100% {
    background-position: -60px -120px;
  }
}
@keyframes flipResult-dice-0-2-2 {
  0% {
    background-position: -60px -120px;
  }
  100% {
    background-position: -60px -300px;
  }
}
@keyframes flipResult-dice-0-3-1 {
  0% {
    background-position: -120px 0;
  }
  100% {
    background-position: -120px -120px;
  }
}
@keyframes flipResult-dice-0-3-2 {
  0% {
    background-position: -120px -120px;
  }
  100% {
    background-position: -120px -300px;
  }
}
@keyframes flipResult-dice-0-4-1 {
  0% {
    background-position: -180px 0;
  }
  100% {
    background-position: -180px -120px;
  }
}
@keyframes flipResult-dice-0-4-2 {
  0% {
    background-position: -180px -120px;
  }
  100% {
    background-position: -180px -300px;
  }
}
@keyframes flipResult-dice-0-5-1 {
  0% {
    background-position: -240px 0;
  }
  100% {
    background-position: -240px -120px;
  }
}
@keyframes flipResult-dice-0-5-2 {
  0% {
    background-position: -240px -120px;
  }
  100% {
    background-position: -240px -300px;
  }
}
@keyframes flipResult-dice-0-6-1 {
  0% {
    background-position: -300px 0;
  }
  100% {
    background-position: -300px -120px;
  }
}
@keyframes flipResult-dice-0-6-2 {
  0% {
    background-position: -300px -120px;
  }
  100% {
    background-position: -300px -300px;
  }
}
@keyframes flipResult-dice-1-1-2 {
  0% {
    background-position: 0 -120px;
  }
  100% {
    background-position: 0 -300px;
  }
}
@keyframes flipResult-dice-1-2-2 {
  0% {
    background-position: -60px -120px;
  }
  100% {
    background-position: -60px -300px;
  }
}
@keyframes flipResult-dice-1-3-2 {
  0% {
    background-position: -120px -120px;
  }
  100% {
    background-position: -120px -300px;
  }
}
@keyframes flipResult-dice-1-4-2 {
  0% {
    background-position: -180px -120px;
  }
  100% {
    background-position: -180px -300px;
  }
}
@keyframes flipResult-dice-1-5-2 {
  0% {
    background-position: -240px -120px;
  }
  100% {
    background-position: -240px -300px;
  }
}
@keyframes flipResult-dice-1-6-2 {
  0% {
    background-position: -300px -120px;
  }
  100% {
    background-position: -300px -300px;
  }
}
@keyframes flipResult-dice-2-1-1 {
  0% {
    background-position: 0 -120px;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes flipResult-dice-2-1-2 {
  0% {
    background-position: 0 -120px;
  }
  100% {
    background-position: 0 -300px;
  }
}
@keyframes flipResult-dice-2-2-1 {
  0% {
    background-position: -60px -120px;
  }
  100% {
    background-position: -60px 0;
  }
}
@keyframes flipResult-dice-2-2-2 {
  0% {
    background-position: -60px -120px;
  }
  100% {
    background-position: -60px -300px;
  }
}
@keyframes flipResult-dice-2-3-1 {
  0% {
    background-position: -120px -120px;
  }
  100% {
    background-position: -120px 0;
  }
}
@keyframes flipResult-dice-2-3-2 {
  0% {
    background-position: -120px -120px;
  }
  100% {
    background-position: -120px -300px;
  }
}
@keyframes flipResult-dice-2-4-1 {
  0% {
    background-position: -180px -120px;
  }
  100% {
    background-position: -180px 0;
  }
}
@keyframes flipResult-dice-2-4-2 {
  0% {
    background-position: -180px -120px;
  }
  100% {
    background-position: -180px -300px;
  }
}
@keyframes flipResult-dice-2-5-1 {
  0% {
    background-position: -240px -120px;
  }
  100% {
    background-position: -240px 0;
  }
}
@keyframes flipResult-dice-2-5-2 {
  0% {
    background-position: -240px -120px;
  }
  100% {
    background-position: -240px -300px;
  }
}
@keyframes flipResult-dice-2-6-1 {
  0% {
    background-position: -300px -120px;
  }
  100% {
    background-position: -300px 0;
  }
}
@keyframes flipResult-dice-2-6-2 {
  0% {
    background-position: -300px -120px;
  }
  100% {
    background-position: -300px -300px;
  }
}
/* #endregion Dice Change Image */
/* #region Dice Expand Summary */
@keyframes flipResult-dice-expandIn {
  0% {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
  40% {
    height: 50px;
    opacity: 0;
    visibility: hidden;
  }
  60% {
    height: 50px;
    opacity: 0;
    visibility: hidden;
  }
  100% {
    height: 50px;
    opacity: 1;
    visibility: visible;
  }
}
/* #endregion Dice Expand Summary */
/* #region Dice Shrink In */
@keyframes flipResult-dice-shrinkIn {
  40% {
    height: 60px;
  }
  100% {
    height: 60px;
  }
}
/* #endregion Dice Shrink In */
/* #endregion FlipResult Dice Animation */
/* #region FlipResult barh */
.flipResult-barh-container-relative {
  position: relative;
  width: 100%;
  /* display: flex; */
  justify-content: center;
  align-items: center;
}

.flipResult-barh-container-card {
  /* position: absolute; */
  bottom: 20%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 50%;
}

.flipResult-barh-card {
  position: relative;
  width: 38px;
  height: 56px;
  margin: 2px;
  border-radius: 5px;
  opacity: 0;
  background-color: white;
  box-shadow: 0px 0px 2px #272727;
}

.flipResult-barh-card-rh {
  position: relative;
  width: 45px;
  height: 65px;
  margin: 2px;
  border-radius: 5px;
  opacity: 0;
  background-color: white;
  box-shadow: 0px 0px 2px #272727;
}

.flipResult-barh-card-back {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  border-radius: 5px;
}

.flipResult-barh-card-back-image {
  width: 30px;
  height: 27px;
  display: flex;
  background-image: url("/images/logo-tech.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.flipResult-barh-card-front {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 0;
}

.flipResult-barh-card-front-image {
  width: 30px;
  height: 30px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.flipResult-barh-card-number {
  width: auto;
  height: 22px;
  font-weight: bold;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flipResult-barh-card-number-red {
  color: #df0000;
}

.flipResult-barh-card-number-black {
  color: #000000;
}

.flipResult-barh-goal {
  width: 100%;
  height: auto;
  position: absolute;
  top: -75px;
}

.flipResult-barh-container-ball {
  position: absolute;
  height: 200px;
  width: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transform-origin: center center;
  opacity: 0;
}

.flipResult-barh-ball {
  width: 50px;
  height: 50px;
  transform-origin: center center;
  background-image: url("/images/barh_ball.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.flipResult-barh-summary-container {
  width: 280px;
  padding: 5px;
  margin-top: 5px;
  background-color: #f6d9cc;
  border: 0.5px solid #abadb4;
  border-radius: 0.5em;
  height: 0;
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flipResult-animation-cont-minimized .flipResult-barh-card {
  width: 30px;
  height: 44px;
}

.flipResult-animation-cont-minimized .flipResult-barh-card-back-image {
  width: 20px;
}

.flipResult-animation-cont-minimized .flipResult-barh-card-number {
  height: 20px;
  font-size: 16px;
}

.flipResult-animation-cont-minimized .flipResult-barh-card-front-image {
  width: 19px;
  height: 19px;
}

.RMCShowSingleResult .flipResult-barh-card {
  background-color: white;
  margin: 2.5px 10px;
  opacity: 1;
}

.RMCShowSingleResult .flipResult-barh-card-front {
  opacity: 1;
}

.RMCShowSingleResult .flipResult-barh-card-back {
  opacity: 0;
}

.flipResult-barh-expandIn {
  animation-name: flipResult-barh-expandIn;
  animation-delay: 4700ms;
  /*4400 from cardAnim + 300*/
  animation-duration: 700ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-barh-fadeOutDelay {
  animation-name: flipResult-fadeOutAnimation;
  animation-delay: 6900ms;
  /*5400 from expandIn + 1500*/
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

/* #endregion FlipResult barh */
/* #region FlipSummary barh */
.flipSummary-barh-container-1 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-bottom: 5px;
  margin: 3px auto;
}

.flipSummary-barh-container-2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

.flipSummary-barh-container-card {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}

.flipSummary-barh-container-result-all {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px;
}

.flipSummary-barh-container-result-row {
  width: 210px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 5px;
}

.flipSummary-barh-result-box-large {
  width: 100%;
}

.flipSummary-barh-result-box {
  width: calc(100% * 1/3 - 2.5px);
  flex: 1;
  margin-right: 1px;
}

.flipSummary-barh-hline {
  height: 2px;
  width: 220px;
  margin-left: calc(50% - 110px);
  margin-top: 5px;
  margin-bottom: 5px;
}

/* #endregion FlipSummary barh */
/* #region FlipResult barh Animation */
/* #region barh Card */
@keyframes flipResult-barh-card-cardAnimation {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(90deg);
  }
  50.1% {
    transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(180deg);
  }
}
@keyframes flipResult-barh-card-cardAnimation-3 {
  0% {
    transform: rotate(90deg) rotateY(0deg);
    z-index: 2;
    box-shadow: 0px 0px 2px #f2c431;
    border: 1px solid #f2c431;
    margin: 0 10px;
  }
  5% {
    transform: rotate(80deg) rotateY(0deg);
    z-index: 2;
  }
  10% {
    transform: rotate(100deg) rotateY(0deg);
    z-index: 2;
  }
  15% {
    transform: rotate(80deg) rotateY(0deg);
    z-index: 2;
  }
  20% {
    transform: rotate(100deg) rotateY(0deg);
    z-index: 2;
  }
  25% {
    transform: rotate(80deg) rotateY(0deg);
    z-index: 2;
  }
  30% {
    transform: rotate(100deg) rotateY(0deg);
    z-index: 2;
  }
  35% {
    transform: rotate(80deg) rotateY(0deg);
    z-index: 2;
  }
  40% {
    transform: rotate(100deg) rotateY(0deg);
    z-index: 2;
  }
  45% {
    transform: rotate(80deg) rotateY(0deg);
    z-index: 2;
  }
  50% {
    transform: rotate(100deg) rotateY(0deg);
    z-index: 2;
  }
  55% {
    transform: rotate(80deg) rotateY(0deg);
    z-index: 2;
  }
  60% {
    transform: rotate(100deg) rotateY(0deg);
    z-index: 2;
  }
  65% {
    transform: rotate(80deg) rotateY(0deg);
    z-index: 2;
  }
  70% {
    transform: rotate(100deg) rotateY(0deg);
    z-index: 2;
  }
  70% {
    transform: rotate(90deg) rotateY(90deg);
    z-index: 2;
  }
  70.1% {
    transform: rotate(90deg) rotateY(90deg);
    z-index: 2;
  }
  100% {
    transform: rotate(90deg) rotateY(180deg);
    z-index: 2;
    box-shadow: 0px 0px 2px #f2c431;
    border: 1px solid #f2c431;
    margin: 0 10px;
  }
}
@keyframes flipResult-barh-card-cardAnimation-rh {
  0% {
    transform: rotate(0deg) rotateY(0deg);
    z-index: 2;
  }
  5% {
    transform: rotate(5deg) rotateY(0deg);
    z-index: 2;
  }
  10% {
    transform: rotate(-5deg) rotateY(0deg);
    z-index: 2;
  }
  15% {
    transform: rotate(5deg) rotateY(0deg);
    z-index: 2;
  }
  20% {
    transform: rotate(-5deg) rotateY(0deg);
    z-index: 2;
  }
  25% {
    transform: rotate(5deg) rotateY(0deg);
    z-index: 2;
  }
  30% {
    transform: rotate(-5deg) rotateY(0deg);
    z-index: 2;
  }
  35% {
    transform: rotate(5deg) rotateY(0deg);
    z-index: 2;
  }
  40% {
    transform: rotate(-5deg) rotateY(0deg);
    z-index: 2;
  }
  45% {
    transform: rotate(5deg) rotateY(0deg);
    z-index: 2;
  }
  50% {
    transform: rotate(-5deg) rotateY(0deg);
    z-index: 2;
  }
  55% {
    transform: rotate(5deg) rotateY(0deg);
    z-index: 2;
  }
  60% {
    transform: rotate(-5deg) rotateY(0deg);
    z-index: 2;
  }
  65% {
    transform: rotate(5deg) rotateY(0deg);
    z-index: 2;
  }
  70% {
    transform: rotate(0deg) rotateY(90deg);
    z-index: 2;
  }
  70.1% {
    transform: rotate(0deg) rotateY(90deg);
    z-index: 2;
  }
  100% {
    transform: rotate(0deg) rotateY(180deg);
    z-index: 2;
  }
}
@keyframes flipResult-barh-card-fadeIn {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes flipResult-barh-card-backContentAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  50.1% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes flipResult-barh-card-contentAnimation {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  50% {
    opacity: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  50.1% {
    opacity: 1;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
/* #endregion barh Card */
/* #region barh Ball */
@keyframes flipResult-barh-ballTransform-403-1 {
  /*Miss*/
  0% {
    width: 50px;
    height: 50px;
    transform: rotateZ(0deg);
  }
  100% {
    width: 20px;
    height: 20px;
    transform: rotateZ(-1080deg);
  }
}
@keyframes flipResult-barh-ballTransform-403-2 {
  /*Miss*/
  0% {
    width: 50px;
    height: 50px;
    transform: rotateZ(0deg);
  }
  100% {
    width: 20px;
    height: 20px;
    transform: rotateZ(-1080deg);
  }
}
@keyframes flipResult-barh-ballTransform-401-1 {
  /*Goal*/
  0% {
    width: 50px;
    height: 50px;
    transform: rotateZ(0deg);
  }
  100% {
    width: 25px;
    height: 25px;
    transform: rotateZ(-1080deg);
  }
}
@keyframes flipResult-barh-ballTransform-401-2 {
  /*Goal*/
  0% {
    width: 50px;
    height: 50px;
    transform: rotateZ(0deg);
  }
  100% {
    width: 25px;
    height: 25px;
    transform: rotateZ(-1080deg);
  }
}
@keyframes flipResult-barh-ballTransform-402-1 {
  /*HitPost*/
  0% {
    width: 50px;
    height: 50px;
    transform: rotateZ(0deg);
  }
  100% {
    width: 30px;
    height: 30px;
    transform: rotateZ(-1080deg);
  }
}
@keyframes flipResult-barh-ballTransform-402-2 {
  /*HitPost*/
  0% {
    width: 50px;
    height: 50px;
    transform: rotateZ(-1080deg);
  }
  100% {
    width: 30px;
    height: 30px;
    transform: rotateZ(0deg);
  }
}
@keyframes flipResult-barh-ballTranslate-403-1-1 {
  /*Miss*/
  0% {
    transform: rotateZ(0deg);
    height: 200px;
  }
  50% {
    transform: rotateZ(180deg);
  }
  70% {
    height: 320px;
  }
  100% {
    transform: rotateZ(235deg);
    height: 320px;
  }
}
@keyframes flipResult-barh-ballTranslate-403-1-2 {
  /*Miss*/
  0% {
    transform: rotateZ(0deg);
    height: 200px;
  }
  50% {
    transform: rotateZ(120deg);
  }
  70% {
    height: 300px;
  }
  100% {
    transform: rotateZ(180deg);
    height: 230px;
  }
}
@keyframes flipResult-barh-ballTranslate-403-2-1 {
  /*Miss*/
  0% {
    transform: rotateZ(0deg);
    height: 200px;
  }
  50% {
    transform: rotateZ(-180deg);
  }
  70% {
    height: 320px;
  }
  100% {
    transform: rotateZ(-235deg);
    height: 320px;
  }
}
@keyframes flipResult-barh-ballTranslate-403-2-2 {
  /*Miss*/
  0% {
    transform: rotateZ(0deg);
    height: 200px;
  }
  50% {
    transform: rotateZ(-120deg);
  }
  70% {
    height: 300px;
  }
  100% {
    transform: rotateZ(-180deg);
    height: 230px;
  }
}
@keyframes flipResult-barh-ballTranslate-401-1-1 {
  /*Goal*/
  0% {
    transform: rotateZ(0deg);
    height: 200px;
  }
  50% {
    transform: rotateZ(180deg);
  }
  70% {
    height: 320px;
  }
  100% {
    transform: rotateZ(235deg);
    height: 205px;
  }
}
@keyframes flipResult-barh-ballTranslate-401-1-2 {
  /*Goal*/
  0% {
    transform: rotateZ(0deg);
    height: 200px;
  }
  50% {
    transform: rotateZ(120deg);
  }
  70% {
    height: 300px;
  }
  100% {
    transform: rotateZ(180deg);
    height: 130px;
  }
}
@keyframes flipResult-barh-ballTranslate-401-2-1 {
  /*Goal*/
  0% {
    transform: rotateZ(0deg);
    height: 200px;
  }
  50% {
    transform: rotateZ(-180deg);
  }
  70% {
    height: 320px;
  }
  100% {
    transform: rotateZ(-235deg);
    height: 205px;
  }
}
@keyframes flipResult-barh-ballTranslate-401-2-2 {
  /*Goal*/
  0% {
    transform: rotateZ(0deg);
    height: 200px;
  }
  50% {
    transform: rotateZ(-120deg);
  }
  70% {
    height: 300px;
  }
  100% {
    transform: rotateZ(-180deg);
    height: 130px;
  }
}
@keyframes flipResult-barh-ballTranslate-402-1-1 {
  /*HitPost*/
  0% {
    transform: rotateZ(0deg);
    height: 200px;
  }
  50% {
    transform: rotateZ(180deg);
  }
  70% {
    height: 320px;
  }
  100% {
    transform: rotateZ(230deg);
    height: 285px;
  }
}
@keyframes flipResult-barh-ballTranslate-402-1-2 {
  /*HitPost*/
  0% {
    transform: rotateZ(0deg);
    height: 200px;
  }
  50% {
    transform: rotateZ(120deg);
  }
  70% {
    height: 300px;
  }
  100% {
    transform: rotateZ(180deg);
    height: 190px;
  }
}
@keyframes flipResult-barh-ballTranslate-402-2-1 {
  /*HitPost*/
  0% {
    transform: rotateZ(0deg);
    height: 200px;
  }
  50% {
    transform: rotateZ(-180deg);
  }
  70% {
    height: 320px;
  }
  100% {
    transform: rotateZ(-230deg);
    height: 285px;
  }
}
@keyframes flipResult-barh-ballTranslate-402-2-2 {
  /*HitPost*/
  0% {
    transform: rotateZ(0deg);
    height: 200px;
  }
  50% {
    transform: rotateZ(-120deg);
  }
  70% {
    height: 300px;
  }
  100% {
    transform: rotateZ(-180deg);
    height: 190px;
  }
}
/* #endregion barh Ball */
/* #region barh Expand Summary */
@keyframes flipResult-barh-expandIn {
  0% {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
  40% {
    opacity: 0;
    visibility: hidden;
    height: 120px;
  }
  60% {
    opacity: 0;
    visibility: hidden;
    height: 120px;
  }
  100% {
    opacity: 1;
    visibility: visible;
    height: 120px;
  }
}
/* #endregion barh Expand Summary */
/* #endregion FlipResult barh Animation */
/* #region FlipSummary Bull */
.flipSummary-bull-container-all {
  width: 100%;
  background-color: #f6d9cc;
  border-radius: 5px;
  border: 0.5px solid #989999;
}

.flipSummary-bull-container-top {
  position: relative;
  width: 100%;
  height: 129px;
  display: flex;
  color: rgba(255, 255, 255, 0.8);
}

.flipSummary-bull-container-top-result {
  position: relative;
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.flipSummary-bull-container-top-result-1 {
  margin-left: -5px;
  margin-right: 5px;
}

.flipSummary-bull-container-top-result-2 {
  margin: 0;
}

.flipSummary-bull-card-zIndex-0 {
  z-index: 1;
}

.flipSummary-bull-card-zIndex-1 {
  z-index: 2;
}

.flipSummary-bull-card-zIndex-2 {
  z-index: 3;
}

.flipSummary-bull-card-zIndex-3 {
  z-index: 4;
}

.flipSummary-bull-card-zIndex-4 {
  z-index: 5;
}

.flipSummary-bull-card-holder-0 {
  position: absolute;
  top: 36px;
  left: 6px;
}

.flipSummary-bull-card-holder-1 {
  position: absolute;
  top: 36px;
  left: 31px;
}

.flipSummary-bull-card-holder-2 {
  position: absolute;
  top: 36px;
  left: 56px;
}

.flipSummary-bull-card-holder-3 {
  position: absolute;
  top: 36px;
  left: 81px;
}

.flipSummary-bull-card-holder-4 {
  position: absolute;
  top: 36px;
  left: 106px;
}

.flipSummary-bull-card-holder-0-summary {
  position: absolute;
  top: 6px;
  left: 32px;
}

.flipSummary-bull-card-holder-1-summary {
  position: absolute;
  top: 6px;
  left: 78px;
}

.flipSummary-bull-card-holder-2-summary {
  position: absolute;
  top: 67px;
  left: 11px;
}

.flipSummary-bull-card-holder-3-summary {
  position: absolute;
  top: 67px;
  left: 57px;
}

.flipSummary-bull-card-holder-4-summary {
  position: absolute;
  top: 67px;
  left: 103px;
}

.flipSummary-bull-card-holder-0-minimized {
  position: absolute;
  right: 86px;
  top: 0;
  /*for IE*/
}

.flipSummary-bull-card-holder-1-minimized {
  position: absolute;
  right: 68px;
  top: 0;
  /*for IE*/
}

.flipSummary-bull-card-holder-2-minimized {
  position: absolute;
  right: 50px;
  top: 0;
  /*for IE*/
}

.flipSummary-bull-card-holder-3-minimized {
  position: absolute;
  right: 32px;
  top: 0;
  /*for IE*/
}

.flipSummary-bull-card-holder-4-minimized {
  position: absolute;
  right: 14px;
  top: 0;
  /*for IE*/
}

.flipSummary-bull-container-headline {
  width: 100%;
  height: 20px;
  display: flex;
  background-color: #999999;
  border-radius: 5px 5px 0px 0px;
}

.flipSummary-bull-text {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: white;
}

.flipSummary-bull-container-bottom {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.flipSummary-bull-container-score-all {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-top: 5px;
  margin-bottom: 5px;
}

.flipSummary-bull-container-score-1 {
  height: 94px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.flipSummary-bull-container-score-2 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.flipSummary-bull-container-score-3 {
  width: 42px;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  padding-right: 3px;
  padding-left: 2px;
}

.flipSummary-bull-container-score-4 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.flipSummary-bull-container-score-5 {
  height: 61px;
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
}

.flipSummary-bull-score-big {
  width: 140px;
}

.flipSummary-bull-score-small {
  width: 100%;
}

.flipSummary-bull-vline {
  width: 0;
}

.RMCShowSingleResult .flipSummary-bull-score-big {
  width: 130px;
}

/* #endregion FlipSummary Bull */
/* #region FlipResult Bull */
.flipResult-bull-animation {
  width: 300px;
}

.flipResult-bull-card {
  position: relative;
  width: 38px;
  height: 56px;
  box-shadow: 0 0 0px 1px rgba(64, 64, 64, 0.8);
  border-radius: 5px;
  opacity: 0;
  background-color: white;
}

.flipResult-bull-card-contrast {
  width: 100%;
  height: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  color: white;
  z-index: 1;
}

.flipResult-bull-card-gold {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  border-radius: 4.5px;
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}

.flipResult-bull-card-back {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  color: white;
  border-radius: 4.5px;
}

.flipResult-bull-card-front {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

.flipResult-bull-card-image-back {
  width: 25px;
  height: auto;
  display: flex;
}

.flipResult-bull-card-image-top {
  position: absolute;
  display: flex;
  width: 8px;
  height: 8px;
  top: 2px;
  left: 2px;
}

.flipResult-bull-card-image-bottom {
  position: absolute;
  display: flex;
  width: 8px;
  height: 8px;
  bottom: 2px;
  right: 2px;
}

.flipResult-bull-text-ch {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
}

.flipResult-bull-text-en {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  line-height: 1;
}

.flipResult-bull-image-top {
  position: absolute;
  width: 42px;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
}

.flipResult-bull-summary-container {
  width: 100%;
  margin-top: 5px;
  /* border: 0.5px solid #abadb4; */
  border-radius: 0.5em;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.flipResult-bull-animation .result-vline-thick {
  display: none;
}

.flipResult-bull-minimized-container {
  height: auto;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
}

.flipResult-bull-minimized-container-table {
  position: relative;
  height: 28px;
  width: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flipResult-bull-vline-top {
  height: 35px;
  width: 0;
  display: flex;
  align-self: center;
}

.flipResult-bull-image-top-mini {
  width: 18px;
  height: auto;
  display: flex;
}

.flipResult-bull-animation .flipSummary-bull-container-headline {
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
}

.flipResult-animation-cont-minimized .flipResult-bull-card-image-back {
  width: 15px;
}

.flipResult-animation-cont-minimized .flipResult-bull-card {
  width: 20px;
  height: 28px;
  border-radius: 2px;
}

.flipResult-animation-cont-minimized .flipResult-bull-card-gold {
  border-radius: 1.5px;
}

.flipResult-animation-cont-minimized .flipResult-bull-card-back {
  border-radius: 1.5px;
}

.flipResult-animation-cont-minimized .flipResult-bull-text-ch {
  font-size: 18px;
}

.flipResult-animation-cont-minimized .flipResult-bull-text-en {
  font-size: 16px;
}

.flipResult-animation-cont-minimized .flipResult-bull-card-image-top {
  width: 5px;
  height: 5px;
  top: 1px;
  left: 1px;
}

.flipResult-animation-cont-minimized .flipResult-bull-card-image-bottom {
  width: 5px;
  height: 5px;
  bottom: 1px;
  right: 1px;
}

.flipResult-animation-cont-minimized .flipResult-bull-card-contrast {
  font-size: 12px;
  height: 56%;
}

.RMCShowSingleResult .flipResult-bull-card {
  opacity: 1;
  background-color: white;
}

.RMCShowSingleResult .flipResult-bull-card-front {
  opacity: 1;
}

.RMCShowSingleResult .flipResult-bull-card-back {
  opacity: 0;
}

.RMCShowSingleResult .flipResult-bull-card-gold {
  opacity: 1;
}

/* #endregion FlipResult Bull */
/* #region FlipResult Bull Animation */
/* #region Bull Expand Result */
@keyframes flipResult-bull-expandIn {
  0% {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
  40% {
    height: 124px;
    opacity: 0;
    visibility: hidden;
  }
  60% {
    height: 124px;
    opacity: 0;
    visibility: hidden;
  }
  100% {
    height: 124px;
    opacity: 1;
    visibility: visible;
  }
}
/* #endregion Bull Expand Result */
/* #region Bull Card */
@keyframes flipResult-bull-card-0-0 {
  0% {
    top: 36px;
    left: 6px;
  }
  100% {
    top: 6px;
    left: 32px;
  }
}
@keyframes flipResult-bull-card-0-1 {
  0% {
    top: 36px;
    left: 6px;
  }
  100% {
    top: 6px;
    left: 78px;
  }
}
@keyframes flipResult-bull-card-0-2 {
  0% {
    top: 36px;
    left: 6px;
  }
  100% {
    top: 67px;
    left: 11px;
  }
}
@keyframes flipResult-bull-card-0-3 {
  0% {
    top: 36px;
    left: 6px;
  }
  100% {
    top: 67px;
    left: 57px;
  }
}
@keyframes flipResult-bull-card-0-4 {
  0% {
    top: 36px;
    left: 6px;
  }
  100% {
    top: 67px;
    left: 103px;
  }
}
@keyframes flipResult-bull-card-1-0 {
  0% {
    top: 36px;
    left: 31px;
  }
  100% {
    top: 6px;
    left: 32px;
  }
}
@keyframes flipResult-bull-card-1-1 {
  0% {
    top: 36px;
    left: 31px;
  }
  100% {
    top: 6px;
    left: 78px;
  }
}
@keyframes flipResult-bull-card-1-2 {
  0% {
    top: 36px;
    left: 31px;
  }
  100% {
    top: 67px;
    left: 11px;
  }
}
@keyframes flipResult-bull-card-1-3 {
  0% {
    top: 36px;
    left: 31px;
  }
  100% {
    top: 67px;
    left: 57px;
  }
}
@keyframes flipResult-bull-card-1-4 {
  0% {
    top: 36px;
    left: 31px;
  }
  100% {
    top: 67px;
    left: 103px;
  }
}
@keyframes flipResult-bull-card-2-0 {
  0% {
    top: 36px;
    left: 56px;
  }
  100% {
    top: 6px;
    left: 32px;
  }
}
@keyframes flipResult-bull-card-2-1 {
  0% {
    top: 36px;
    left: 56px;
  }
  100% {
    top: 6px;
    left: 78px;
  }
}
@keyframes flipResult-bull-card-2-2 {
  0% {
    top: 36px;
    left: 56px;
  }
  100% {
    top: 67px;
    left: 11px;
  }
}
@keyframes flipResult-bull-card-2-3 {
  0% {
    top: 36px;
    left: 56px;
  }
  100% {
    top: 67px;
    left: 57px;
  }
}
@keyframes flipResult-bull-card-2-4 {
  0% {
    top: 36px;
    left: 56px;
  }
  100% {
    top: 67px;
    left: 103px;
  }
}
@keyframes flipResult-bull-card-3-0 {
  0% {
    top: 36px;
    left: 81px;
  }
  100% {
    top: 6px;
    left: 32px;
  }
}
@keyframes flipResult-bull-card-3-1 {
  0% {
    top: 36px;
    left: 81px;
  }
  100% {
    top: 6px;
    left: 78px;
  }
}
@keyframes flipResult-bull-card-3-2 {
  0% {
    top: 36px;
    left: 81px;
  }
  100% {
    top: 67px;
    left: 11px;
  }
}
@keyframes flipResult-bull-card-3-3 {
  0% {
    top: 36px;
    left: 81px;
  }
  100% {
    top: 67px;
    left: 57px;
  }
}
@keyframes flipResult-bull-card-3-4 {
  0% {
    top: 36px;
    left: 81px;
  }
  100% {
    top: 67px;
    left: 103px;
  }
}
@keyframes flipResult-bull-card-4-0 {
  0% {
    top: 36px;
    left: 106px;
  }
  100% {
    top: 6px;
    left: 32px;
  }
}
@keyframes flipResult-bull-card-4-1 {
  0% {
    top: 36px;
    left: 106px;
  }
  100% {
    top: 6px;
    left: 78px;
  }
}
@keyframes flipResult-bull-card-4-2 {
  0% {
    top: 36px;
    left: 106px;
  }
  100% {
    top: 67px;
    left: 11px;
  }
}
@keyframes flipResult-bull-card-4-3 {
  0% {
    top: 36px;
    left: 106px;
  }
  100% {
    top: 67px;
    left: 57px;
  }
}
@keyframes flipResult-bull-card-4-4 {
  0% {
    top: 36px;
    left: 106px;
  }
  100% {
    top: 67px;
    left: 103px;
  }
}
@keyframes flipResult-bull-card-header-0-0 {
  0% {
    right: 86px;
  }
  100% {
    right: 95px;
    z-index: 0;
  }
}
@keyframes flipResult-bull-card-header-0-1 {
  0% {
    right: 86px;
  }
  100% {
    right: 77px;
    z-index: 1;
  }
}
@keyframes flipResult-bull-card-header-0-2 {
  0% {
    right: 86px;
  }
  100% {
    right: 41px;
    z-index: 2;
  }
}
@keyframes flipResult-bull-card-header-0-3 {
  0% {
    right: 86px;
  }
  100% {
    right: 23px;
    z-index: 3;
  }
}
@keyframes flipResult-bull-card-header-0-4 {
  0% {
    right: 86px;
  }
  100% {
    right: 5px;
    z-index: 4;
  }
}
@keyframes flipResult-bull-card-header-1-0 {
  0% {
    right: 68px;
  }
  100% {
    right: 95px;
    z-index: 0;
  }
}
@keyframes flipResult-bull-card-header-1-1 {
  0% {
    right: 68px;
  }
  100% {
    right: 77px;
    z-index: 1;
  }
}
@keyframes flipResult-bull-card-header-1-2 {
  0% {
    right: 68px;
  }
  100% {
    right: 41px;
    z-index: 2;
  }
}
@keyframes flipResult-bull-card-header-1-3 {
  0% {
    right: 68px;
  }
  100% {
    right: 23px;
    z-index: 3;
  }
}
@keyframes flipResult-bull-card-header-1-4 {
  0% {
    right: 68px;
  }
  100% {
    right: 5px;
    z-index: 4;
  }
}
@keyframes flipResult-bull-card-header-2-0 {
  0% {
    right: 50px;
  }
  100% {
    right: 95px;
    z-index: 0;
  }
}
@keyframes flipResult-bull-card-header-2-1 {
  0% {
    right: 50px;
  }
  100% {
    right: 77px;
    z-index: 1;
  }
}
@keyframes flipResult-bull-card-header-2-2 {
  0% {
    right: 50px;
  }
  100% {
    right: 41px;
    z-index: 2;
  }
}
@keyframes flipResult-bull-card-header-2-3 {
  0% {
    right: 50px;
  }
  100% {
    right: 23px;
    z-index: 3;
  }
}
@keyframes flipResult-bull-card-header-2-4 {
  0% {
    right: 50px;
  }
  100% {
    right: 5px;
    z-index: 4;
  }
}
@keyframes flipResult-bull-card-header-3-0 {
  0% {
    right: 32px;
  }
  100% {
    right: 95px;
    z-index: 0;
  }
}
@keyframes flipResult-bull-card-header-3-1 {
  0% {
    right: 32px;
  }
  100% {
    right: 77px;
    z-index: 1;
  }
}
@keyframes flipResult-bull-card-header-3-2 {
  0% {
    right: 32px;
  }
  100% {
    right: 41px;
    z-index: 2;
  }
}
@keyframes flipResult-bull-card-header-3-3 {
  0% {
    right: 32px;
  }
  100% {
    right: 23px;
    z-index: 3;
  }
}
@keyframes flipResult-bull-card-header-3-4 {
  0% {
    right: 32px;
  }
  100% {
    right: 5px;
    z-index: 4;
  }
}
@keyframes flipResult-bull-card-header-4-0 {
  0% {
    right: 14px;
  }
  100% {
    right: 95px;
    z-index: 0;
  }
}
@keyframes flipResult-bull-card-header-4-1 {
  0% {
    right: 14px;
  }
  100% {
    right: 77px;
    z-index: 1;
  }
}
@keyframes flipResult-bull-card-header-4-2 {
  0% {
    right: 14px;
  }
  100% {
    right: 41px;
    z-index: 2;
  }
}
@keyframes flipResult-bull-card-header-4-3 {
  0% {
    right: 14px;
  }
  100% {
    right: 23px;
    z-index: 3;
  }
}
@keyframes flipResult-bull-card-header-4-4 {
  0% {
    right: 14px;
  }
  100% {
    right: 5px;
    z-index: 4;
  }
}
/* #endregion Bull Card */
/* #region Bull Gold Card Winner */
@keyframes flipResult-bull-card-goldCard {
  100% {
    opacity: 1;
  }
}
/* #endregion Bull Gold Card Winner */
/* #endregion FlipResult Bull Animation */
/*#region FlipResult Racing Animation*/
/*#region header Animation */
@keyframes flipResult-pk10-rankingAnimation {
  0% {
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes flipResult-lottery-tyreIconAnimation {
  0% {
    transform: translateX(0px);
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    transform: translateX(-235px);
    opacity: 0;
  }
}
/*#endregion header Animation */
/*#region notCarRelated animation*/
@keyframes roadMove-playbox {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(299px);
  }
}
@keyframes startIndicataorAnim {
  0% {
    font-size: 80px;
    opacity: 1;
  }
  100% {
    font-size: 50px;
    opacity: 0;
  }
}
@keyframes startIndicatorInviAnim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tire-spin {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(-719deg);
  }
}
@keyframes tire-spin-slow {
  0% {
    transform: rotateZ(0deg);
  }
  5% {
    transform: rotateZ(-360deg);
  }
  15% {
    transform: rotateZ(-720deg);
  }
  100% {
    transform: rotateZ(-1440deg);
  }
}
@keyframes finishLineStartMove {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(120px);
  }
}
@keyframes finishLineEndMove {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(70px);
  }
}
/*#endregion*/
/*#region car animation*/
/*#region StartingMove*/
@keyframes carMove0ST0 {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-4px);
  }
  40% {
    transform: translateX(-8px);
  }
  60% {
    transform: translateX(-12px);
  }
  80% {
    transform: translateX(-16px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMove0ST1 {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-8px);
  }
  40% {
    transform: translateX(-20px);
  }
  60% {
    transform: translateX(-33px);
  }
  80% {
    transform: translateX(-46px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMove0ST2 {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(-12px);
  }
  50% {
    transform: translateX(-36px);
  }
  70% {
    transform: translateX(-57px);
  }
  85% {
    transform: translateX(-78px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMove0ST3 {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(-19px);
  }
  50% {
    transform: translateX(-50px);
  }
  70% {
    transform: translateX(-80px);
  }
  85% {
    transform: translateX(-110px);
  }
  100% {
    transform: translateX(-140px);
  }
}
/*#endregion */
/*#region car Final anim*/
@keyframes carMoveF-100 {
  0% {
    transform: translateX(99px);
  }
  100% {
    transform: translateX(-300px);
  }
}
@keyframes carMoveF-90 {
  0% {
    transform: translateX(89px);
  }
  100% {
    transform: translateX(-310px);
  }
}
@keyframes carMoveF-80 {
  0% {
    transform: translateX(79px);
  }
  100% {
    transform: translateX(-320px);
  }
}
@keyframes carMoveF-70 {
  0% {
    transform: translateX(69px);
  }
  100% {
    transform: translateX(-330px);
  }
}
@keyframes carMoveF-60 {
  0% {
    transform: translateX(59px);
  }
  100% {
    transform: translateX(-340px);
  }
}
@keyframes carMoveF-50 {
  0% {
    transform: translateX(49px);
  }
  100% {
    transform: translateX(-350px);
  }
}
@keyframes carMoveF-40 {
  0% {
    transform: translateX(39px);
  }
  100% {
    transform: translateX(-360px);
  }
}
@keyframes carMoveF-30 {
  0% {
    transform: translateX(29px);
  }
  100% {
    transform: translateX(-370px);
  }
}
@keyframes carMoveF-20 {
  0% {
    transform: translateX(19px);
  }
  100% {
    transform: translateX(-380px);
  }
}
@keyframes carMoveF-10 {
  0% {
    transform: translateX(9px);
  }
  100% {
    transform: translateX(-390px);
  }
}
@keyframes carMoveF0 {
  0% {
    transform: translateX(-1px);
  }
  100% {
    transform: translateX(-400px);
  }
}
@keyframes carMoveF10 {
  0% {
    transform: translateX(-11px);
  }
  100% {
    transform: translateX(-410px);
  }
}
@keyframes carMoveF20 {
  0% {
    transform: translateX(-21px);
  }
  100% {
    transform: translateX(-420px);
  }
}
@keyframes carMoveF30 {
  0% {
    transform: translateX(-31px);
  }
  100% {
    transform: translateX(-430px);
  }
}
@keyframes carMoveF40 {
  0% {
    transform: translateX(-41px);
  }
  100% {
    transform: translateX(-440px);
  }
}
@keyframes carMoveF50 {
  0% {
    transform: translateX(-51px);
  }
  100% {
    transform: translateX(-450px);
  }
}
@keyframes carMoveF60 {
  0% {
    transform: translateX(-61px);
  }
  100% {
    transform: translateX(-460px);
  }
}
@keyframes carMoveF70 {
  0% {
    transform: translateX(-71px);
  }
  100% {
    transform: translateX(-470px);
  }
}
@keyframes carMoveF80 {
  0% {
    transform: translateX(-81px);
  }
  100% {
    transform: translateX(-480px);
  }
}
@keyframes carMoveF90 {
  0% {
    transform: translateX(-91px);
  }
  100% {
    transform: translateX(-490px);
  }
}
@keyframes carMoveF100 {
  0% {
    transform: translateX(-101px);
  }
  100% {
    transform: translateX(-500px);
  }
}
@keyframes carMoveF110 {
  0% {
    transform: translateX(-111px);
  }
  100% {
    transform: translateX(-510px);
  }
}
@keyframes carMoveF120 {
  0% {
    transform: translateX(-121px);
  }
  100% {
    transform: translateX(-520px);
  }
}
@keyframes carMoveF130 {
  0% {
    transform: translateX(-131px);
  }
  100% {
    transform: translateX(-530px);
  }
}
@keyframes carMoveF140 {
  0% {
    transform: translateX(-141px);
  }
  100% {
    transform: translateX(-540px);
  }
}
/*#endregion*/
/*#region carSetupForFinal*/
/*#region carSetup-100*/
@keyframes carMoveS-100T-100 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes carMoveS-100T-90 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(90px);
  }
}
@keyframes carMoveS-100T-80 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes carMoveS-100T-70 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(70px);
  }
}
@keyframes carMoveS-100T-60 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(60px);
  }
}
@keyframes carMoveS-100T-50 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(50px);
  }
}
@keyframes carMoveS-100T-40 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMoveS-100T-30 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes carMoveS-100T-20 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMoveS-100T-10 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes carMoveS-100T0 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes carMoveS-100T10 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes carMoveS-100T20 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMoveS-100T30 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@keyframes carMoveS-100T40 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMoveS-100T50 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes carMoveS-100T60 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMoveS-100T70 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(-70px);
  }
}
@keyframes carMoveS-100T80 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMoveS-100T90 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(-90px);
  }
}
@keyframes carMoveS-100T100 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMoveS-100T110 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(-110px);
  }
}
@keyframes carMoveS-100T120 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMoveS-100T130 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(-130px);
  }
}
@keyframes carMoveS-100T140 {
  0% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(-140px);
  }
}
/*#endregion*/
/*#region carSetup-80*/
@keyframes carMoveS-80T-100 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes carMoveS-80T-90 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(90px);
  }
}
@keyframes carMoveS-80T-80 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes carMoveS-80T-70 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(70px);
  }
}
@keyframes carMoveS-80T-60 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(60px);
  }
}
@keyframes carMoveS-80T-50 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(50px);
  }
}
@keyframes carMoveS-80T-40 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMoveS-80T-30 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes carMoveS-80T-20 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMoveS-80T-10 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes carMoveS-80T0 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes carMoveS-80T10 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes carMoveS-80T20 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMoveS-80T30 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@keyframes carMoveS-80T40 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMoveS-80T50 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes carMoveS-80T60 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMoveS-80T70 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(-70px);
  }
}
@keyframes carMoveS-80T80 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMoveS-80T90 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(-90px);
  }
}
@keyframes carMoveS-80T100 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMoveS-80T110 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(-110px);
  }
}
@keyframes carMoveS-80T120 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMoveS-80T130 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(-130px);
  }
}
@keyframes carMoveS-80T140 {
  0% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(-140px);
  }
}
/*#endregion*/
/*#region carSetup-60*/
@keyframes carMoveS-60T-100 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes carMoveS-60T-90 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(90px);
  }
}
@keyframes carMoveS-60T-80 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes carMoveS-60T-70 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(70px);
  }
}
@keyframes carMoveS-60T-60 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(60px);
  }
}
@keyframes carMoveS-60T-50 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(50px);
  }
}
@keyframes carMoveS-60T-40 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMoveS-60T-30 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes carMoveS-60T-20 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMoveS-60T-10 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes carMoveS-60T0 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes carMoveS-60T10 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes carMoveS-60T20 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMoveS-60T30 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@keyframes carMoveS-60T40 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMoveS-60T50 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes carMoveS-60T60 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMoveS-60T70 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(-70px);
  }
}
@keyframes carMoveS-60T80 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMoveS-60T90 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(-90px);
  }
}
@keyframes carMoveS-60T100 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMoveS-60T110 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(-110px);
  }
}
@keyframes carMoveS-60T120 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMoveS-60T130 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(-130px);
  }
}
@keyframes carMoveS-60T140 {
  0% {
    transform: translateX(60px);
  }
  100% {
    transform: translateX(-140px);
  }
}
/*#endregion*/
/*#region carSetup-40*/
@keyframes carMoveS-40T-100 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes carMoveS-40T-90 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(90px);
  }
}
@keyframes carMoveS-40T-80 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes carMoveS-40T-70 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(70px);
  }
}
@keyframes carMoveS-40T-60 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(60px);
  }
}
@keyframes carMoveS-40T-50 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(50px);
  }
}
@keyframes carMoveS-40T-40 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMoveS-40T-30 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes carMoveS-40T-20 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMoveS-40T-10 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes carMoveS-40T0 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes carMoveS-40T10 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes carMoveS-40T20 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMoveS-40T30 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@keyframes carMoveS-40T40 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMoveS-40T50 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes carMoveS-40T60 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMoveS-40T70 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(-70px);
  }
}
@keyframes carMoveS-40T80 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMoveS-40T90 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(-90px);
  }
}
@keyframes carMoveS-40T100 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMoveS-40T110 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(-110px);
  }
}
@keyframes carMoveS-40T120 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMoveS-40T130 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(-130px);
  }
}
@keyframes carMoveS-40T140 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(-140px);
  }
}
/*#endregion*/
/*#region carSetup-20*/
@keyframes carMoveS-20T-100 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes carMoveS-20T-90 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(90px);
  }
}
@keyframes carMoveS-20T-80 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes carMoveS-20T-70 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(70px);
  }
}
@keyframes carMoveS-20T-60 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(60px);
  }
}
@keyframes carMoveS-20T-50 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(50px);
  }
}
@keyframes carMoveS-20T-40 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMoveS-20T-30 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes carMoveS-20T-20 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMoveS-20T-10 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes carMoveS-20T0 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes carMoveS-20T10 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes carMoveS-20T20 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMoveS-20T30 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@keyframes carMoveS-20T40 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMoveS-20T50 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes carMoveS-20T60 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMoveS-20T70 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-70px);
  }
}
@keyframes carMoveS-20T80 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMoveS-20T90 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-90px);
  }
}
@keyframes carMoveS-20T100 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMoveS-20T110 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-110px);
  }
}
@keyframes carMoveS-20T120 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMoveS-20T130 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-130px);
  }
}
@keyframes carMoveS-20T140 {
  0% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(-140px);
  }
}
/*#endregion*/
/*#region carSetup0*/
@keyframes carMoveS0T-100 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes carMoveS0T-90 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(90px);
  }
}
@keyframes carMoveS0T-80 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes carMoveS0T-70 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(70px);
  }
}
@keyframes carMoveS0T-60 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(60px);
  }
}
@keyframes carMoveS0T-50 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(50px);
  }
}
@keyframes carMoveS0T-40 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMoveS0T-30 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes carMoveS0T-20 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMoveS0T-10 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes carMoveS0T0 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes carMoveS0T10 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes carMoveS0T20 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMoveS0T30 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-30px);
  }
}
@keyframes carMoveS0T40 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMoveS0T50 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes carMoveS0T60 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMoveS0T70 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-70px);
  }
}
@keyframes carMoveS0T80 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMoveS0T90 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-90px);
  }
}
@keyframes carMoveS0T100 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMoveS0T110 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-110px);
  }
}
@keyframes carMoveS0T120 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMoveS0T130 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-130px);
  }
}
@keyframes carMoveS0T140 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-140px);
  }
}
/*#endregion*/
/*#region carSetup20*/
@keyframes carMoveS20T-100 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes carMoveS20T-90 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(90px);
  }
}
@keyframes carMoveS20T-80 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes carMoveS20T-70 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(70px);
  }
}
@keyframes carMoveS20T-60 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(60px);
  }
}
@keyframes carMoveS20T-50 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(50px);
  }
}
@keyframes carMoveS20T-40 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMoveS20T-30 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes carMoveS20T-20 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMoveS20T-10 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes carMoveS20T0 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes carMoveS20T10 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes carMoveS20T20 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMoveS20T30 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@keyframes carMoveS20T40 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMoveS20T50 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes carMoveS20T60 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMoveS20T70 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(-70px);
  }
}
@keyframes carMoveS20T80 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMoveS20T90 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(-90px);
  }
}
@keyframes carMoveS20T100 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMoveS20T110 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(-110px);
  }
}
@keyframes carMoveS20T120 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMoveS20T130 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(-130px);
  }
}
@keyframes carMoveS20T140 {
  0% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(-140px);
  }
}
/*#endregion*/
/*#region carSetup40*/
@keyframes carMoveS40T-100 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes carMoveS40T-90 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(90px);
  }
}
@keyframes carMoveS40T-80 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes carMoveS40T-70 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(70px);
  }
}
@keyframes carMoveS40T-60 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(60px);
  }
}
@keyframes carMoveS40T-50 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(50px);
  }
}
@keyframes carMoveS40T-40 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMoveS40T-30 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes carMoveS40T-20 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMoveS40T-10 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes carMoveS40T0 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes carMoveS40T10 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes carMoveS40T20 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMoveS40T30 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@keyframes carMoveS40T40 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMoveS40T50 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes carMoveS40T60 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMoveS40T70 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-70px);
  }
}
@keyframes carMoveS40T80 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMoveS40T90 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-90px);
  }
}
@keyframes carMoveS40T100 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMoveS40T110 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-110px);
  }
}
@keyframes carMoveS40T120 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMoveS40T130 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-130px);
  }
}
@keyframes carMoveS40T140 {
  0% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(-140px);
  }
}
/*#endregion*/
/*#region carSetup60*/
@keyframes carMoveS-40T-100 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes carMoveS60T-90 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(90px);
  }
}
@keyframes carMoveS60T-80 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes carMoveS60T-70 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(70px);
  }
}
@keyframes carMoveS60T-60 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(60px);
  }
}
@keyframes carMoveS60T-50 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(50px);
  }
}
@keyframes carMoveS60T-40 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMoveS60T-30 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes carMoveS60T-20 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMoveS60T-10 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes carMoveS60T0 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes carMoveS60T10 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes carMoveS60T20 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMoveS60T30 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@keyframes carMoveS60T40 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMoveS60T50 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes carMoveS60T60 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMoveS60T70 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-70px);
  }
}
@keyframes carMoveS60T80 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMoveS60T90 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-90px);
  }
}
@keyframes carMoveS60T100 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMoveS60T110 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-110px);
  }
}
@keyframes carMoveS60T120 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMoveS60T130 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-130px);
  }
}
@keyframes carMoveS60T140 {
  0% {
    transform: translateX(-60px);
  }
  100% {
    transform: translateX(-140px);
  }
}
/*#endregion*/
/*#region carSetup80*/
@keyframes carMoveS80T-100 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes carMoveS80T-90 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(90px);
  }
}
@keyframes carMoveS80T-80 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes carMoveS80T-70 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(70px);
  }
}
@keyframes carMoveS80T-60 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(60px);
  }
}
@keyframes carMoveS80T-50 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(50px);
  }
}
@keyframes carMoveS80T-40 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMoveS80T-30 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes carMoveS80T-20 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMoveS80T-10 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes carMoveS80T0 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes carMoveS80T10 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes carMoveS80T20 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMoveS80T30 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@keyframes carMoveS80T40 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMoveS80T50 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes carMoveS80T60 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMoveS80T70 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(-70px);
  }
}
@keyframes carMoveS80T80 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMoveS80T90 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(-90px);
  }
}
@keyframes carMoveS80T100 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMoveS80T110 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(-110px);
  }
}
@keyframes carMoveS80T120 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMoveS80T130 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(-130px);
  }
}
@keyframes carMoveS80T140 {
  0% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(-140px);
  }
}
/*#endregion*/
/*#region carSetup100*/
@keyframes carMoveS100T-100 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes carMoveS100T-90 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(90px);
  }
}
@keyframes carMoveS100T-80 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes carMoveS100T-70 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(70px);
  }
}
@keyframes carMoveS100T-60 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(60px);
  }
}
@keyframes carMoveS100T-50 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(50px);
  }
}
@keyframes carMoveS100T-40 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMoveS100T-30 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes carMoveS100T-20 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMoveS100T-10 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes carMoveS100T0 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes carMoveS100T10 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes carMoveS100T20 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMoveS100T30 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@keyframes carMoveS100T40 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMoveS100T50 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes carMoveS100T60 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMoveS100T70 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(-70px);
  }
}
@keyframes carMoveS100T80 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMoveS100T90 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(-90px);
  }
}
@keyframes carMoveS100T100 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMoveS100T110 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(-110px);
  }
}
@keyframes carMoveS100T120 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMoveS100T130 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(-130px);
  }
}
@keyframes carMoveS100T140 {
  0% {
    transform: translateX(-100px);
  }
  100% {
    transform: translateX(-140px);
  }
}
/*#endregion*/
/*#region carSetup120*/
@keyframes carMoveS120T-100 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes carMoveS120T-90 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(90px);
  }
}
@keyframes carMoveS120T-80 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes carMoveS120T-70 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(70px);
  }
}
@keyframes carMoveS120T-60 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(60px);
  }
}
@keyframes carMoveS120T-50 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(50px);
  }
}
@keyframes carMoveS120T-40 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMoveS120T-30 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes carMoveS120T-20 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMoveS120T-10 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes carMoveS120T0 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes carMoveS120T10 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes carMoveS120T20 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMoveS120T30 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@keyframes carMoveS120T40 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMoveS120T50 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes carMoveS120T60 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMoveS120T70 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(-70px);
  }
}
@keyframes carMoveS120T80 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMoveS120T90 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(-90px);
  }
}
@keyframes carMoveS120T100 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMoveS120T110 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(-110px);
  }
}
@keyframes carMoveS120T120 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMoveS120T130 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(-130px);
  }
}
@keyframes carMoveS120T140 {
  0% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(-140px);
  }
}
/*#endregion*/
/*#region carSetup140*/
@keyframes carMoveS140T-100 {
  0% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes carMoveS140T-90 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(90px);
  }
}
@keyframes carMoveS140T-80 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes carMoveS140T-70 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(70px);
  }
}
@keyframes carMoveS140T-60 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(60px);
  }
}
@keyframes carMoveS140T-50 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(50px);
  }
}
@keyframes carMoveS140T-40 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMoveS140T-30 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes carMoveS140T-20 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMoveS140T-10 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(10px);
  }
}
@keyframes carMoveS140T0 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes carMoveS140T10 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes carMoveS140T20 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMoveS140T30 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(-30px);
  }
}
@keyframes carMoveS140T40 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMoveS140T50 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(-50px);
  }
}
@keyframes carMoveS140T60 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMoveS140T70 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(-70px);
  }
}
@keyframes carMoveS140T80 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMoveS140T90 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(-90px);
  }
}
@keyframes carMoveS140T100 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMoveS140T110 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(-110px);
  }
}
@keyframes carMoveS140T120 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMoveS140T130 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(-130px);
  }
}
@keyframes carMoveS140T140 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(-140px);
  }
}
/*#endregion*/
/*#endregion*/
/*#region MoveDist-100*/
@keyframes carMove-100T0 {
  0% {
    transform: translateX(99px);
  }
  10% {
    transform: translateX(84px);
  }
  30% {
    transform: translateX(72px);
  }
  50% {
    transform: translateX(60px);
  }
  70% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(60px);
  }
}
@keyframes carMove-100T1 {
  0% {
    transform: translateX(99px);
  }
  20% {
    transform: translateX(87px);
  }
  40% {
    transform: translateX(75px);
  }
  60% {
    transform: translateX(63px);
  }
  80% {
    transform: translateX(51px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMove-100T2 {
  0% {
    transform: translateX(99px);
  }
  20% {
    transform: translateX(84px);
  }
  40% {
    transform: translateX(68px);
  }
  60% {
    transform: translateX(52px);
  }
  80% {
    transform: translateX(36px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMove-100T3 {
  0% {
    transform: translateX(99px);
  }
  20% {
    transform: translateX(85px);
  }
  40% {
    transform: translateX(75px);
  }
  60% {
    transform: translateX(79px);
  }
  80% {
    transform: translateX(89px);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes carMove-100T4 {
  0% {
    transform: translateX(99px);
  }
  20% {
    transform: translateX(94px);
  }
  40% {
    transform: translateX(90px);
  }
  60% {
    transform: translateX(86px);
  }
  80% {
    transform: translateX(82px);
  }
  100% {
    transform: translateX(80px);
  }
}
/*#endregion*/
/*#region MoveDist-80*/
@keyframes carMove-80T0 {
  0% {
    transform: translateX(79px);
  }
  10% {
    transform: translateX(64px);
  }
  30% {
    transform: translateX(52px);
  }
  50% {
    transform: translateX(40px);
  }
  70% {
    transform: translateX(30px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMove-80T1 {
  0% {
    transform: translateX(79px);
  }
  20% {
    transform: translateX(67px);
  }
  40% {
    transform: translateX(55px);
  }
  60% {
    transform: translateX(43px);
  }
  80% {
    transform: translateX(31px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMove-80T2 {
  0% {
    transform: translateX(79px);
  }
  20% {
    transform: translateX(63px);
  }
  40% {
    transform: translateX(47px);
  }
  60% {
    transform: translateX(31px);
  }
  80% {
    transform: translateX(15px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes carMove-80T3 {
  0% {
    transform: translateX(79px);
  }
  20% {
    transform: translateX(75px);
  }
  40% {
    transform: translateX(65px);
  }
  60% {
    transform: translateX(70px);
  }
  80% {
    transform: translateX(75px);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes carMove-80T4 {
  0% {
    transform: translateX(81px);
  }
  20% {
    transform: translateX(84px);
  }
  40% {
    transform: translateX(88px);
  }
  60% {
    transform: translateX(92px);
  }
  80% {
    transform: translateX(96px);
  }
  100% {
    transform: translateX(100px);
  }
}
/*#endregion*/
/*#region MoveDist-60*/
@keyframes carMove-60T0 {
  0% {
    transform: translateX(59px);
  }
  10% {
    transform: translateX(44px);
  }
  30% {
    transform: translateX(32px);
  }
  50% {
    transform: translateX(20px);
  }
  70% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMove-60T1 {
  0% {
    transform: translateX(59px);
  }
  20% {
    transform: translateX(47px);
  }
  40% {
    transform: translateX(35px);
  }
  60% {
    transform: translateX(23px);
  }
  80% {
    transform: translateX(11px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes carMove-60T2 {
  0% {
    transform: translateX(59px);
  }
  20% {
    transform: translateX(42px);
  }
  40% {
    transform: translateX(26px);
  }
  60% {
    transform: translateX(10px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMove-60T3 {
  0% {
    transform: translateX(61px);
  }
  20% {
    transform: translateX(69px);
  }
  40% {
    transform: translateX(78px);
  }
  60% {
    transform: translateX(85px);
  }
  80% {
    transform: translateX(92px);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes carMove-60T4 {
  0% {
    transform: translateX(61px);
  }
  20% {
    transform: translateX(64px);
  }
  40% {
    transform: translateX(68px);
  }
  60% {
    transform: translateX(72px);
  }
  80% {
    transform: translateX(76px);
  }
  100% {
    transform: translateX(80px);
  }
}
/*#endregion*/
/*#region MoveDist-40*/
@keyframes carMove-40T0 {
  0% {
    transform: translateX(39px);
  }
  10% {
    transform: translateX(24px);
  }
  30% {
    transform: translateX(12px);
  }
  50% {
    transform: translateX(0px);
  }
  70% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes carMove-40T1 {
  0% {
    transform: translateX(39px);
  }
  20% {
    transform: translateX(27px);
  }
  40% {
    transform: translateX(15px);
  }
  60% {
    transform: translateX(3px);
  }
  80% {
    transform: translateX(-9px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMove-40T2 {
  0% {
    transform: translateX(39px);
  }
  20% {
    transform: translateX(23px);
  }
  40% {
    transform: translateX(5px);
  }
  60% {
    transform: translateX(-10px);
  }
  80% {
    transform: translateX(-25px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMove-40T3 {
  0% {
    transform: translateX(41px);
  }
  20% {
    transform: translateX(48px);
  }
  40% {
    transform: translateX(56px);
  }
  60% {
    transform: translateX(64px);
  }
  80% {
    transform: translateX(72px);
  }
  100% {
    transform: translateX(80px);
  }
}
@keyframes carMove-40T4 {
  0% {
    transform: translateX(41px);
  }
  20% {
    transform: translateX(52px);
  }
  40% {
    transform: translateX(64px);
  }
  60% {
    transform: translateX(76px);
  }
  80% {
    transform: translateX(88px);
  }
  100% {
    transform: translateX(100px);
  }
}
/*#endregion*/
/*#region MoveDist-20*/
@keyframes carMove-20T0 {
  0% {
    transform: translateX(19px);
  }
  10% {
    transform: translateX(4px);
  }
  30% {
    transform: translateX(-8px);
  }
  50% {
    transform: translateX(-20px);
  }
  70% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMove-20T1 {
  0% {
    transform: translateX(19px);
  }
  20% {
    transform: translateX(7px);
  }
  40% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(-17px);
  }
  80% {
    transform: translateX(-29px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMove-20T2 {
  0% {
    transform: translateX(19px);
  }
  20% {
    transform: translateX(3px);
  }
  40% {
    transform: translateX(-13px);
  }
  60% {
    transform: translateX(-29px);
  }
  80% {
    transform: translateX(-45px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMove-20T3 {
  0% {
    transform: translateX(21px);
  }
  20% {
    transform: translateX(29px);
  }
  40% {
    transform: translateX(37px);
  }
  60% {
    transform: translateX(45px);
  }
  80% {
    transform: translateX(53px);
  }
  100% {
    transform: translateX(60px);
  }
}
@keyframes carMove-20T4 {
  0% {
    transform: translateX(21px);
  }
  20% {
    transform: translateX(32px);
  }
  40% {
    transform: translateX(44px);
  }
  60% {
    transform: translateX(56px);
  }
  80% {
    transform: translateX(68px);
  }
  100% {
    transform: translateX(80px);
  }
}
/*#endregion*/
/*#region MoveDist0*/
@keyframes carMove0T0 {
  0% {
    transform: translateX(-1px);
  }
  20% {
    transform: translateX(-4px);
  }
  40% {
    transform: translateX(-8px);
  }
  60% {
    transform: translateX(-12px);
  }
  80% {
    transform: translateX(-16px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMove0T1 {
  0% {
    transform: translateX(-1px);
  }
  10% {
    transform: translateX(-11px);
  }
  20% {
    transform: translateX(-22px);
  }
  30% {
    transform: translateX(-33px);
  }
  40% {
    transform: translateX(-44px);
  }
  50% {
    transform: translateX(-55px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMove0T2 {
  0% {
    transform: translateX(-1px);
  }
  20% {
    transform: translateX(-12px);
  }
  40% {
    transform: translateX(-24px);
  }
  60% {
    transform: translateX(-36px);
  }
  80% {
    transform: translateX(-48px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMove0T3 {
  0% {
    transform: translateX(1px);
  }
  20% {
    transform: translateX(11px);
  }
  40% {
    transform: translateX(15px);
  }
  60% {
    transform: translateX(23px);
  }
  80% {
    transform: translateX(31px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes carMove0T4 {
  0% {
    transform: translateX(1px);
  }
  20% {
    transform: translateX(12px);
  }
  40% {
    transform: translateX(24px);
  }
  60% {
    transform: translateX(36px);
  }
  80% {
    transform: translateX(48px);
  }
  100% {
    transform: translateX(60px);
  }
}
/*#endregion*/
/*#region MoveDist20*/
@keyframes carMove20T0 {
  0% {
    transform: translateX(-21px);
  }
  20% {
    transform: translateX(-24px);
  }
  40% {
    transform: translateX(-28px);
  }
  60% {
    transform: translateX(-32px);
  }
  80% {
    transform: translateX(-36px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMove20T1 {
  0% {
    transform: translateX(-21px);
  }
  10% {
    transform: translateX(-31px);
  }
  20% {
    transform: translateX(-42px);
  }
  30% {
    transform: translateX(-53px);
  }
  40% {
    transform: translateX(-64px);
  }
  50% {
    transform: translateX(-75px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMove20T2 {
  0% {
    transform: translateX(-21px);
  }
  20% {
    transform: translateX(-32px);
  }
  40% {
    transform: translateX(-44px);
  }
  60% {
    transform: translateX(-56px);
  }
  80% {
    transform: translateX(-68px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMove20T3 {
  0% {
    transform: translateX(-19px);
  }
  20% {
    transform: translateX(-11px);
  }
  40% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(3px);
  }
  80% {
    transform: translateX(11px);
  }
  100% {
    transform: translateX(20px);
  }
}
@keyframes carMove20T4 {
  0% {
    transform: translateX(-19px);
  }
  20% {
    transform: translateX(-7px);
  }
  40% {
    transform: translateX(5px);
  }
  60% {
    transform: translateX(17px);
  }
  80% {
    transform: translateX(29px);
  }
  100% {
    transform: translateX(40px);
  }
}
/*#endregion*/
/*#region MoveDist40*/
@keyframes carMove40T0 {
  0% {
    transform: translateX(-41px);
  }
  20% {
    transform: translateX(-44px);
  }
  40% {
    transform: translateX(-48px);
  }
  60% {
    transform: translateX(-52px);
  }
  80% {
    transform: translateX(-54px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMove40T1 {
  0% {
    transform: translateX(-41px);
  }
  10% {
    transform: translateX(-52px);
  }
  20% {
    transform: translateX(-63px);
  }
  30% {
    transform: translateX(-74px);
  }
  40% {
    transform: translateX(-85px);
  }
  50% {
    transform: translateX(-95px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMove40T2 {
  0% {
    transform: translateX(-41px);
  }
  20% {
    transform: translateX(-52px);
  }
  40% {
    transform: translateX(-64px);
  }
  60% {
    transform: translateX(-76px);
  }
  80% {
    transform: translateX(-88px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMove40T3 {
  0% {
    transform: translateX(-39px);
  }
  20% {
    transform: translateX(-31px);
  }
  40% {
    transform: translateX(-25px);
  }
  60% {
    transform: translateX(-17px);
  }
  80% {
    transform: translateX(-8px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes carMove40T4 {
  0% {
    transform: translateX(-39px);
  }
  20% {
    transform: translateX(-27px);
  }
  40% {
    transform: translateX(-15px);
  }
  60% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(9px);
  }
  100% {
    transform: translateX(20px);
  }
}
/*#endregion*/
/*#region MoveDist60*/
@keyframes carMove60T0 {
  0% {
    transform: translateX(-61px);
  }
  20% {
    transform: translateX(-64px);
  }
  40% {
    transform: translateX(-68px);
  }
  60% {
    transform: translateX(-72px);
  }
  80% {
    transform: translateX(-76px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMove60T1 {
  0% {
    transform: translateX(-61px);
  }
  10% {
    transform: translateX(-71px);
  }
  20% {
    transform: translateX(-82px);
  }
  30% {
    transform: translateX(-93px);
  }
  40% {
    transform: translateX(-104px);
  }
  50% {
    transform: translateX(-115px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMove60T2 {
  0% {
    transform: translateX(-61px);
  }
  20% {
    transform: translateX(-72px);
  }
  40% {
    transform: translateX(-84px);
  }
  60% {
    transform: translateX(-96px);
  }
  80% {
    transform: translateX(-108px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMove60T3 {
  0% {
    transform: translateX(-59px);
  }
  20% {
    transform: translateX(-51px);
  }
  40% {
    transform: translateX(-45px);
  }
  60% {
    transform: translateX(-37px);
  }
  80% {
    transform: translateX(-29px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMove60T4 {
  0% {
    transform: translateX(-59px);
  }
  20% {
    transform: translateX(-47px);
  }
  40% {
    transform: translateX(-35px);
  }
  60% {
    transform: translateX(-23px);
  }
  80% {
    transform: translateX(-12px);
  }
  100% {
    transform: translateX(0);
  }
}
/*#endregion*/
/*#region MoveDist80*/
@keyframes carMove80T0 {
  0% {
    transform: translateX(-81px);
  }
  20% {
    transform: translateX(-84px);
  }
  40% {
    transform: translateX(-88px);
  }
  60% {
    transform: translateX(-92px);
  }
  80% {
    transform: translateX(-96px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMove80T1 {
  0% {
    transform: translateX(-81px);
  }
  10% {
    transform: translateX(-91px);
  }
  20% {
    transform: translateX(-102px);
  }
  30% {
    transform: translateX(-113px);
  }
  40% {
    transform: translateX(-124px);
  }
  50% {
    transform: translateX(-135px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMove80T2 {
  0% {
    transform: translateX(-81px);
  }
  20% {
    transform: translateX(-92px);
  }
  40% {
    transform: translateX(-104px);
  }
  60% {
    transform: translateX(-116px);
  }
  80% {
    transform: translateX(-128px);
  }
  100% {
    transform: translateX(-140px);
  }
}
@keyframes carMove80T3 {
  0% {
    transform: translateX(-79px);
  }
  20% {
    transform: translateX(-71px);
  }
  40% {
    transform: translateX(-65px);
  }
  60% {
    transform: translateX(-57px);
  }
  80% {
    transform: translateX(-49px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMove80T4 {
  0% {
    transform: translateX(-79px);
  }
  20% {
    transform: translateX(-67px);
  }
  40% {
    transform: translateX(-55px);
  }
  60% {
    transform: translateX(-43px);
  }
  80% {
    transform: translateX(-32px);
  }
  100% {
    transform: translateX(-20px);
  }
}
/*#endregion*/
/*#region MoveDist100*/
@keyframes carMove100T0 {
  0% {
    transform: translateX(-101px);
  }
  20% {
    transform: translateX(-104px);
  }
  40% {
    transform: translateX(-108px);
  }
  60% {
    transform: translateX(-112px);
  }
  80% {
    transform: translateX(-116px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMove100T1 {
  0% {
    transform: translateX(-101px);
  }
  10% {
    transform: translateX(-115px);
  }
  30% {
    transform: translateX(-128px);
  }
  50% {
    transform: translateX(-140px);
  }
  70% {
    transform: translateX(-150px);
  }
  100% {
    transform: translateX(-140px);
  }
}
@keyframes carMove100T2 {
  0% {
    transform: translateX(-99px);
  }
  20% {
    transform: translateX(-83px);
  }
  40% {
    transform: translateX(-68px);
  }
  60% {
    transform: translateX(-53px);
  }
  80% {
    transform: translateX(-36px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes carMove100T3 {
  0% {
    transform: translateX(-99px);
  }
  20% {
    transform: translateX(-91px);
  }
  40% {
    transform: translateX(-85px);
  }
  60% {
    transform: translateX(-77px);
  }
  80% {
    transform: translateX(-69px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMove100T4 {
  0% {
    transform: translateX(-99px);
  }
  20% {
    transform: translateX(-87px);
  }
  40% {
    transform: translateX(-75px);
  }
  60% {
    transform: translateX(-63px);
  }
  80% {
    transform: translateX(-52px);
  }
  100% {
    transform: translateX(-40px);
  }
}
/*#endregion*/
/*#region MoveDist120*/
@keyframes carMove120T0 {
  0% {
    transform: translateX(-121px);
  }
  20% {
    transform: translateX(-124px);
  }
  40% {
    transform: translateX(-128px);
  }
  60% {
    transform: translateX(-132px);
  }
  80% {
    transform: translateX(-136px);
  }
  100% {
    transform: translateX(-140px);
  }
}
@keyframes carMove120T1 {
  0% {
    transform: translateX(-121px);
  }
  10% {
    transform: translateX(-124px);
  }
  30% {
    transform: translateX(-128px);
  }
  50% {
    transform: translateX(-127px);
  }
  70% {
    transform: translateX(-123px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMove120T2 {
  0% {
    transform: translateX(-119px);
  }
  20% {
    transform: translateX(-103px);
  }
  40% {
    transform: translateX(-88px);
  }
  60% {
    transform: translateX(-73px);
  }
  80% {
    transform: translateX(-56px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes carMove120T3 {
  0% {
    transform: translateX(-119px);
  }
  20% {
    transform: translateX(-111px);
  }
  40% {
    transform: translateX(-105px);
  }
  60% {
    transform: translateX(-97px);
  }
  80% {
    transform: translateX(-89px);
  }
  100% {
    transform: translateX(-80px);
  }
}
@keyframes carMove120T4 {
  0% {
    transform: translateX(-119px);
  }
  20% {
    transform: translateX(-107px);
  }
  40% {
    transform: translateX(-95px);
  }
  60% {
    transform: translateX(-83px);
  }
  80% {
    transform: translateX(-72px);
  }
  100% {
    transform: translateX(-60px);
  }
}
/*#endregion*/
/*#region MoveDist140*/
@keyframes carMove140T0 {
  0% {
    transform: translateX(-141px);
  }
  20% {
    transform: translateX(-144px);
  }
  40% {
    transform: translateX(-138px);
  }
  60% {
    transform: translateX(-132px);
  }
  80% {
    transform: translateX(-126px);
  }
  100% {
    transform: translateX(-120px);
  }
}
@keyframes carMove140T1 {
  0% {
    transform: translateX(-141px);
  }
  10% {
    transform: translateX(-144px);
  }
  30% {
    transform: translateX(-138px);
  }
  50% {
    transform: translateX(-136px);
  }
  70% {
    transform: translateX(-138px);
  }
  100% {
    transform: translateX(-140px);
  }
}
@keyframes carMove140T2 {
  0% {
    transform: translateX(-139px);
  }
  20% {
    transform: translateX(-123px);
  }
  40% {
    transform: translateX(-108px);
  }
  60% {
    transform: translateX(-93px);
  }
  80% {
    transform: translateX(-76px);
  }
  100% {
    transform: translateX(-60px);
  }
}
@keyframes carMove140T3 {
  0% {
    transform: translateX(-139px);
  }
  20% {
    transform: translateX(-131px);
  }
  40% {
    transform: translateX(-125px);
  }
  60% {
    transform: translateX(-117px);
  }
  80% {
    transform: translateX(-109px);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes carMove140T4 {
  0% {
    transform: translateX(-139px);
  }
  20% {
    transform: translateX(-127px);
  }
  40% {
    transform: translateX(-115px);
  }
  60% {
    transform: translateX(-103px);
  }
  80% {
    transform: translateX(-92px);
  }
  100% {
    transform: translateX(-80px);
  }
}
/*#endregion*/
/*#endregion car animation*/
/*#endregion FlipResult Racing Animation end*/
/* css Roulette */
.rouletterRowHeightFirst {
  height: 64px;
}

.rouletterRowHeightSecond {
  height: 192px;
}

.roColumnFirst {
  flex: 0 0 25%;
}

.roColumnLast {
  flex: 0 0 25%;
}

.playbox-color1 .cut-cube {
  border-style: solid;
  border-color: transparent transparent #5ab518 transparent;
  border-width: 0 0px 20px 24px;
  height: 0;
  width: 49px;
  box-sizing: content-box;
  position: absolute;
  margin: -35px 0 66px 0;
}

.playbox-color1 .cut-cube:before {
  content: "";
  position: absolute;
  top: 20px;
  left: -24px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #5ab518 #5ab518 #5ab518 #5ab518;
  border-width: 0px 53px 78px 20px;
}

.playbox-color1 .cut-cube:after {
  content: "";
  position: absolute;
  top: 75px;
  left: 26px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #00000000 #00000000 #d2e8ff #00000000;
  border-width: 0px 0px 25px 25px;
}

.playbox-color2 .cut-cube {
  border-style: solid;
  border-color: transparent transparent #060606 transparent;
  border-width: 0 0px 12px 12px;
  height: 0;
  width: 24px;
  box-sizing: content-box;
  position: absolute;
  margin: -14px 0 30px 0;
}

.playbox-color2 .cut-cube:before {
  content: "";
  position: absolute;
  top: 12px;
  left: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #060606 #060606 #060606 #060606;
  border-width: 0px 16px 30px 20px;
}

.playbox-color2 .cut-cube:after {
  content: "";
  position: absolute;
  top: 32px;
  left: 14px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #00000000 #00000000 #d2e8ff #00000000;
  border-width: 0px 0px 11px 11px;
}

.playbox-color3 .cut-cube {
  border-style: solid;
  border-color: transparent transparent #d10d07 transparent;
  border-width: 0 0px 12px 12px;
  height: 0;
  width: 24px;
  box-sizing: content-box;
  position: absolute;
  margin: -14px 0 30px 0;
}

.playbox-color3 .cut-cube:before {
  content: "";
  position: absolute;
  top: 12px;
  left: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #d10d0a #d10d0a #d10d0a #d10d0a;
  border-width: 0px 16px 30px 20px;
}

.playbox-color3 .cut-cube:after {
  content: "";
  position: absolute;
  top: 32px;
  left: 14px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #00000000 #00000000 #d2e8ff #00000000;
  border-width: 0px 0px 11px 11px;
}

.number {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  z-index: 1;
}

.playbox-color1 .number {
  font-size: 40px;
}

.game-roulette .playbox-option-row {
  color: #fff;
}

.game-roulette .playbox-highlight-text-color {
  color: #ff0000 !important;
}

.game-roulette .playboxTopPartHeight {
  height: 100% !important;
}

.playbox-option-wrapper:hover .cut-cube:after {
  border-color: #00000000 #00000000 #fff078 #00000000;
}

.play-black {
  width: 75px;
  height: 36px;
  background: #060606;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px/50px;
  color: #fff;
}

.play-red {
  width: 75px;
  height: 36px;
  background: #d10d05;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px/50px;
  color: #fff;
}

.game-roulette .playbox-option-wrapper:first-child {
  border-left: none;
}

.game-roulette .playbox-option-wrapper.borderLeftOverrideSameColor {
  border-left: 1px solid #599ef7;
}

.game-roulette .playbox-option-wrapper {
  border-left: 1px solid #eaf3fc;
  border-bottom: 1px solid #eaf3fc;
}

.game-roulette .borderLeftOverride {
  border-left: 1px solid #eaf3fc !important;
}

.game-roulette .noWidthHalfHeight {
  height: 33.3333%;
  width: auto;
}

.pieContainer {
  height: 200px;
  width: 200px;
  margin: 20px auto;
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pieContainer {
  animation: spin 5.5s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.pieBackground {
  background-color: grey;
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50px;
}

.ball {
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50px;
  z-index: 999999;
  box-sizing: border-box;
}

.table-image {
  width: 140px;
}

.ball:after {
  content: "";
  width: 14px;
  height: 14px;
  background: white;
  border-radius: 50%;
  z-index: 999999;
  position: absolute;
  top: 38px;
  left: 38px;
  animation-duration: 6.7s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-name: spinball;
}

@keyframes spinball {
  0% {
    top: 38px;
    left: 38px;
  }
  70% {
    top: 38px;
    left: 38px;
  }
  97% {
    top: 60px;
    left: 60px;
  }
  98% {
    top: 57px;
    left: 57px;
  }
  99% {
    top: 59px;
    left: 59px;
  }
  100% {
    top: 60px;
    left: 60px;
  }
}
.flipResult-roulette-set {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  animation-name: frAnimation-roulette-moveUp;
  animation-delay: 6s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  /* align-self: center; */
  text-align: center;
}

.flipResult-roulette-summary-container {
  position: absolute;
  width: 200px;
  height: 50px;
  top: 200px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 0.5px solid #abadb4;
  border-radius: 0.5em;
  z-index: 3;
  background-color: #f6d9cc;
}

@keyframes frAnimation-roulette-moveUp {
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-15px);
  }
}
.flipResult-roulette {
  width: 100%;
  display: flex;
}

.result-box-roulette {
  flex: 0 0 70%;
  color: #fff;
  font-weight: 700;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

.flipResult-rl-red {
  background: #ac4037;
}

.flipResult-rl-black {
  background: #010101;
}

.flipResult-rl-green {
  background: #2d9d28;
}

.ball-rl {
  margin: 0 8px;
}

.bg-rl {
  background: url("/images/bg-rl.png");
  background-size: cover;
  width: 200px;
  height: 200px;
  margin-left: calc(50% - 100px);
}

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

@keyframes spinback-0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-2928deg);
  }
}
@keyframes spinback-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-2786deg);
  }
}
@keyframes spinback-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-3063deg);
  }
}
@keyframes spinback-3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-3205deg);
  }
}
@keyframes spinback-4 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-2599deg);
  }
}
@keyframes spinback-5 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-3262deg);
  }
}
@keyframes spinback-6 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-2651deg);
  }
}
@keyframes spinback-7 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-2679deg);
  }
}
@keyframes spinback-8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-3118deg);
  }
}
@keyframes spinback-9 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-3094deg);
  }
}
@keyframes spinback-10 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-3174deg);
  }
}
@keyframes spinback-11 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-2980deg);
  }
}
@keyframes spinback-12 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-3237deg);
  }
}
/* end css Roulette */
/* css tà i xỉu */
.one {
  background-color: #e2606a;
  border: 1px solid #e2606a;
  color: #ffffff;
}

.two {
  background-color: #599ef7;
  border: 1px solid #599ef7;
  color: #ffffff;
}

.three {
  background-color: #019900;
  border: 1px solid #019900;
  color: #ffffff;
}

.percent {
  width: 13px;
  height: 13px;
  font-size: 9px;
  line-height: 12px;
  margin-right: 2px;
  text-align: center;
  border-radius: 13px;
  color: #ab4037;
  box-shadow: 0px 0px 2px #ab4037;
}

/* end css tà i xỉu */
/* add new css barh */
.barh-result {
  display: flex;
  width: 100%;
}

.card-player {
  justify-content: flex-end;
  padding-right: 10px;
}

.card-banker {
  justify-content: flex-start;
  padding-left: 10px;
}

.flipSummary-barh-container-1 .result-box {
  width: 100%;
  justify-content: space-between;
}

.flipSummary-barh-container-1 .result-box .result-number {
  font-weight: 700;
  justify-content: flex-start;
  flex: 1;
  font-size: 16px;
  color: #ab3f36;
  display: flex;
  padding: 12px;
}

.flipSummary-barh-container-1 .result-box .result-number.result-first {
  justify-content: flex-end;
}

.flipSummary-barh-container-1 .result-box .result-number div {
  font-weight: 700;
  background: #f6d9cc;
  width: 50px;
  display: inline-block;
  border-radius: 3px;
  padding: 3px;
  height: 22px;
}

.flipSummary-barh-container-1 .result-win {
  justify-content: center;
}

.flipResult-barh-text-en {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  line-height: 1;
  top: -35px;
  color: #fff;
}

.barh-loss {
  animation: loss 1000ms forwards;
  animation-delay: 3900ms;
}

.barh-loss .flipResult-barh-text-en {
  animation: text-loss 1000ms forwards;
  animation-delay: 3900ms;
}

.barh-loss-rh {
  animation: loss 1000ms forwards;
  animation-delay: 3300ms;
}

.barh-loss-rh .flipResult-barh-text-en {
  animation: text-loss 1000ms forwards;
  animation-delay: 3300ms;
}

@keyframes loss {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.barh-win {
  animation: win 1000ms forwards;
  animation-delay: 3900ms;
}

.barh-win .flipResult-barh-text-en {
  animation: win 1000ms forwards;
  animation-delay: 3900ms;
}

@keyframes win {
  0% {
    color: #fff;
  }
  100% {
    color: #f2c431;
  }
}
.playboxTopPartHeightbarh {
  height: 161px;
}

.playboxTopPartHeightbarh .playboxRowHeightTopPart1 {
  height: 161px;
}

.flipResult-barh-container-card-rh {
  bottom: 20%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 50%;
}

.barh-result-rh {
  display: flex;
  width: 100%;
  padding: 0 80px;
}

.flipResult-barh-expandIn-rh {
  animation-name: flipResult-barh-expandIn;
  animation-delay: 3300ms;
  /*4400 from cardAnim + 300*/
  animation-duration: 700ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-300 {
  width: 300px;
}

.flipSummary-barh-container-1-rh {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background: #f5d9cc;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
}

effect-number {
  animation: 500ms 3450ms effect-number linear;
}

@keyframes effect-number {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    color: #f2c431;
    text-shadow: -1px 1px 1px #ab3f36, 1px 1px 1px #ab3f36, 1px -1px 1px #ab3f36, -1px -1px 1px #ab3f36;
    transform: scale(2.5);
    display: inline-block;
  }
  100% {
    transform: scale(1);
  }
}
/* end css barh */
.group-button-bottom .btn-register {
  width: 48%;
  background: #ffffff;
  color: #878787;
  text-decoration: none;
  text-align: center;
  padding: 4px;
  border-radius: 3px;
  border: 1px solid #878787;
  margin-right: 1%;
  max-width: 220px;
}

.group-button-bottom .btn-login {
  width: 48%;
  background: #ffffff;
  color: #878787;
  text-decoration: none;
  text-align: center;
  padding: 4px;
  border-radius: 3px;
  border: 1px solid #878787;
  margin-left: 1%;
  max-width: 220px;
}

.group-button-bottom {
  display: flex;
  position: fixed;
  bottom: 0;
  width: 100%;
  justify-content: center;
  background: white;
  z-index: 99;
  align-items: center;
  padding: 15px 8px;
  font-size: 15px;
  /* font-weight: 700; */
  border-top: 1px solid #d9d9d9;
  text-transform: uppercase;
}

.btn-bottom:hover {
  color: #fff;
  background: #f2c532;
  border-color: #f2c532;
  box-shadow: 1px 1px 3px #d4d2d2;
}

.productList-padding {
  padding-bottom: 104px;
}

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