/* common */
.container {
  min-height: 100vh;
  justify-content: center;
  align-items: center;
}

.title {
  font-family: "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /* 1 */
  display: block;
  font-weight: 300;
  font-size: 100px;
  color: #35495e;
  letter-spacing: 1px;
}

.subtitle {
  font-weight: 300;
  font-size: 42px;
  color: #526488;
  word-spacing: 5px;
  padding-bottom: 15px;
}

.links {
  padding-top: 15px;
}

.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #464545;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}

@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}
.center-page {
  padding: 10px;
  text-align: center;
}

.clock {
  width: 100%;
  height: 100%;
}

.bau-cua {
  padding: 10px;
  text-align: center;
}

.bau-cua svg {
  width: 80px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 13px;
}

.vue-slick-popover-content__body {
  border-radius: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

.drop-menu {
  padding: 0;
}

.presetStake-input-area {
  height: 33px;
}

.bet-column2 {
  height: 33px;
}

.bet-column2 .reset-button {
  top: 0px;
}

/* bau-cua */
.triple {
  right: 25%;
}

.playboxTopPartHeight-baucua {
  height: 220px;
}

.playboxRowHeightBottomPart2EqualSmall {
  height: 60px;
}

.boxBauCua svg {
  background: #fff;
  height: 85%;
  padding: 0px;
  margin-top: 2px;
  border-radius: 10px;
  border: 2px solid #fff;
}

.baucua-small {
  width: 100%;
  display: flex;
  margin-top: 30%;
  justify-content: center;
}

.baucua-small svg {
  padding: 0px;
  background: #fff;
  border-radius: 3px;
  width: 22px;
  margin-right: 2px;
  margin-left: 2px;
  height: 22px;
}

.playboxRowHeightBig-baucua {
  height: 100px;
}

.baucua-group-select3 {
  display: flex;
  width: 100%;
  position: relative;
}

.group-select3 {
  flex: 0 0 25%;
}

.group-slect3-row {
  display: flex;
  margin-bottom: 2px;
  justify-content: center;
}

.baucua-group-select3 svg {
  padding: 2px;
  background: #fff;
  border-radius: 3px;
  width: 25px;
  margin-right: 1px;
  margin-left: 1px;
  height: 25px;
}

.group-select3-dou {
  flex: 0 0 50%;
}

.ti-le-group3 {
  text-align: center;
  height: 25px;
  display: flex;
  justify-content: center;
  font-size: 14px;
  color: #000;
  font-weight: normal;
}

.note-jackpot {
  background: #fff;
  color: #ac3f37;
  text-align: center;
  border: 1px solid #ac3f37;
  border-radius: 5px;
  font-size: 12px;
  padding: 5px 0;
  margin-top: 5px;
  text-transform: uppercase;
  font-weight: 700;
}

.flipResult-baucua-sprite {
  width: 60px;
  height: 60px;
  background: url(/images/baucuaSprite.png);
  background-size: 360px;
  transform: scale(1.5);
  background-position: 0 0;
  background-repeat: no-repeat;
  margin: 0 10px;
}

.flipResult-overlay-black {
  overflow: hidden;
}

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

.icon-menu {
  color: #814301;
  fill: currentColor;
  width: 30px;
  height: 25px;
  padding-right: 0px;
  border: 1px solid;
  border-radius: 4px;
  padding: 3px;
}

.menu-right {
  text-align: center;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.menu-right .appMenu-button {
  width: 235px;
  margin-top: 5px;
  margin-left: 0px;
  padding: 13px;
}

@media print, screen and (min-width: 768em) {
  .appHeader-user {
    width: 75%;
  }
}
/* jackpot new */
@keyframes flipResult-fadeOutAnimation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.note-jackpot {
  background: #fff;
  color: #ac3f37;
  text-align: center;
  border-radius: 5px;
  font-size: 11px;
  padding: 5px 0;
  margin-top: 5px;
  text-transform: uppercase;
  font-weight: 700;
}

.note-jackpot-allow {
  background: #fff;
  color: #009157;
  text-align: center;
  border-radius: 5px;
  font-size: 11px;
  padding: 5px 0;
  margin-top: 5px;
  text-transform: uppercase;
  font-weight: 700;
}

.flipResult-overlay-black {
  overflow: hidden;
}

.jackpot-title {
  font-size: 20px;
  margin-bottom: 20px;
  color: #f1f362;
  font-weight: 700;
  pointer-events: none;
  animation: jackpot 0.4s infinite linear alternate;
  text-align: center;
  margin-bottom: 10px;
  font-family: "Alfa Slab One", cursive;
  text-shadow: 0 1px 0 #f19220, 0 2px 0 #f19220, 0 3px 0 #f19220, 0 4px 0 #f19220, 0 5px 0 #f19220, 0 6px 0 #f19220, 0 0 5px rgba(237, 154, 154, 0.05), 0 -1px 3px rgba(220, 132, 25, 0.2), 0 9px 9px rgba(232, 210, 36, 0.5), 0 12px 12px rgba(224, 223, 28, 0.5), 0 15px 15px rgba(220, 219, 46, 0.5);
}

@keyframes jackpot {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.5);
  }
}
.pyro > .before, .pyro > .after {
  position: absolute;
  top: 30px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
  -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
  }
}
@-moz-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
  }
}
@-o-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
  }
}
@-ms-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
  }
}
@keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
  }
}
@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-moz-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-o-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-ms-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-webkit-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-moz-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-o-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-ms-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
/* jackpot new */
/* #region FlipResult Sedie */
.flipResult-sedie-summary-container {
  position: absolute;
  width: 280px;
  height: 114px;
  top: 135px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 0.5px solid #abadb4;
  border-radius: 0.5em;
  z-index: 3;
  background-color: #f6d9cc;
}

.flipResult-sedie-colorButton {
  width: 30px;
  height: 30px;
  font-size: 14px;
  border-radius: 100%;
  margin-left: 7px;
  font-weight: bold;
}

.flipResult-sd-container {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.flipResult-sd-container-sedie {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-around;
  padding-top: 4px;
  padding-bottom: 4px;
}

.flipResult-sd-set {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  /*animation*/
  animation-name: frAnimation-sd-copy, frAnimation-sd, frAnimation-sd-moveUp;
  animation-delay: 1s, 3s, 6.5s;
  animation-duration: 2s, 1s, 0.5s;
  animation-iteration-count: 1, 2, 1;
  animation-fill-mode: forwards, forwards, forwards;
  animation-timing-function: linear, linear, linear;
}

.flipResult-sd-summary {
  opacity: 0;
  animation-name: frAnimation-sd-show;
  animation-delay: 7.2s;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-sd-b {
  position: absolute;
  z-index: 2;
  width: 150px;
  height: 128.91px;
  left: calc(50% - 75px);
  top: 120px;
  pointer-events: none;
  transform: translate3d(0, 0px, 0px);
  -webkit-transform: translate3d(0, 0, 0);
  background-image: url("/images/sedie_b.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  /*animation*/
  animation-name: frAnimation-sd-b, frAnimation-sd-hide;
  animation-delay: 5s, 6s;
  animation-duration: 2s, 0.5s;
  animation-fill-mode: forwards, forwards;
  animation-timing-function: linear, linear;
}

.flipResult-sd-p {
  position: absolute;
  z-index: 1;
  width: 240px;
  height: 147px;
  left: calc(50% - 120px);
  top: 130px;
  background-image: url("/images/sedie_p.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.flipResult-sd-br {
  position: absolute;
  z-index: 1;
  width: 40px;
  transform: translate3d(0, 0px, 0px);
  -webkit-transform: translate3d(0, 0, 0);
}

.flipResult-sd-br img {
  width: 40px;
}

.flipResult-sd-br span {
  color: white;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: -4px;
  left: 14px;
}

.flipResult-sd-bw {
  position: absolute;
  z-index: 1;
  width: 40px;
  transform: translate3d(0, 0px, 0px);
}

.flipResult-sd-bw img {
  width: 40px;
}

.flipResult-sd-bw span {
  color: red;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: -4px;
  left: 14px;
}

/*Position of 4 buttons*/
.flipResult-sd-bA {
  top: 175px;
  left: calc(50% - 55px);
}

.flipResult-sd-bB {
  top: 200px;
  left: calc(50% - 20px);
}

.flipResult-sd-bC {
  top: 190px;
  left: calc(50% + 23px);
}

.flipResult-sd-bD {
  top: 168px;
  left: calc(50% - 7px);
}

.flipResult-sd-image-bw {
  width: 40px;
  height: 29.59px;
  background-image: url("/images/sedie_bw.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
}

.flipResult-sd-image-br {
  width: 40px;
  height: 29.33px;
  background-image: url("/images/sedie_br.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
}

.flipResult-sd-ball {
  width: 30px;
  height: 30px;
  border-radius: 40px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flipResult-sd-red {
  border: solid 0.5px #7a7a7a;
  box-shadow: 1px 1px 1px #AAA;
  color: white;
}

.flipResult-sd-white {
  background-color: white!important;
  border: solid 0.5px #7a7a7a;
  box-shadow: 1px 1px 1px #AAA;
  color: #ac3f37;
}

.flipResult-sd-container-numbers {
  padding: 15px 50px 15px 50px;
}

.flipResult-sd-container-sum-left {
  width: calc(100%/3);
}

.flipResult-sd-sum-result {
  height: 24px;
}

.flipResult-sd-sum-ball {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin-right: 6px;
  border: solid 0.5px #7a7a7a;
  box-shadow: 1px 1px 1px #AAA;
}

.bg_ad0707 {
  color: white;
}

.bg_white {
  background-color: white;
}

.flipResult-sd-sum-number {
  font-size: 16px;
  font-weight: bold;
}

.flipResult-sd-container-sum-right {
  width: calc(100%*2/3);
}

.flipResult-sd-sum-score {
  width: 75%;
}

.flipResult-sd-vline {
  width: 2px;
  height: 42px;
}

.flipResult-sedie-fadeOutDelay {
  animation-name: flipResult-fadeOutAnimation;
  animation-delay: 9s;
  /*7.5s from flipResult-sd-summary*/
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-sedie-colorAnimation {
  animation-name: flipResult-sedie-colorAnimation;
  animation-delay: 5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

/* #endregion FlipResult Sedie */
/* #region FlipResult Sedie Animation */
/* #region Header Animation */
@keyframes flipResult-sedie-colorAnimation {
  100% {
    border-radius: 100%;
  }
}
/* #endregion Header Animation */
/* #region Flip Animation*/
@-webkit-keyframes frAnimation-sd {
  0%, 50%, 100% {
    transform: translateY(0) rotateX(0);
  }
  10%, 15%, 35%, 40%, 60%, 65%, 85%, 90% {
    transform: translateY(-45px);
  }
  13%, 37%, 63%, 87% {
    transform: translateY(-65px) rotateX(20deg);
  }
  25%, 75% {
    transform: translateY(0) rotateX(0);
  }
}
@keyframes frAnimation-sd {
  0%, 50%, 100% {
    transform: translateY(0) rotateX(0);
  }
  10%, 15%, 35%, 40%, 60%, 65%, 85%, 90% {
    transform: translateY(-45px);
  }
  13%, 37%, 63%, 87% {
    transform: translateY(-65px) rotateX(20deg);
  }
  25%, 75% {
    transform: translateY(0) rotateX(0);
  }
}
/* Same as frAnimation-sd - duplicate it because ie and safari cannot run the same animation twice in a set*/
@-webkit-keyframes frAnimation-sd-copy {
  0%, 50%, 100% {
    transform: translateY(0) rotateX(0);
  }
  10%, 15%, 35%, 40%, 60%, 65%, 85%, 90% {
    transform: translateY(-45px);
  }
  13%, 37%, 63%, 87% {
    transform: translateY(-65px) rotateX(20deg);
  }
  25%, 75% {
    transform: translateY(0) rotateX(0);
  }
}
@keyframes frAnimation-sd-copy {
  0%, 50%, 100% {
    transform: translateY(0) rotateX(0);
  }
  10%, 15%, 35%, 40%, 60%, 65%, 85%, 90% {
    transform: translateY(-45px);
  }
  13%, 37%, 63%, 87% {
    transform: translateY(-65px) rotateX(20deg);
  }
  25%, 75% {
    transform: translateY(0) rotateX(0);
  }
}
@-webkit-keyframes frAnimation-sd-b {
  4%, 36% {
    transform: translate3d(-1px, 0, 0);
  }
  8%, 32% {
    transform: translate3d(2px, 0, 0);
  }
  12%, 20%, 28% {
    transform: translate3d(-4px, 0, 0);
  }
  16%, 24% {
    transform: translate3d(4px, 0, 0);
  }
  40% {
    transform: translate(0, 0) rotate(0);
  }
  100% {
    transform: translate(30px, -100px) rotate(30deg);
  }
}
@keyframes frAnimation-sd-b {
  4%, 36% {
    transform: translate3d(-1px, 0, 0);
  }
  8%, 32% {
    transform: translate3d(2px, 0, 0);
  }
  12%, 20%, 28% {
    transform: translate3d(-4px, 0, 0);
  }
  16%, 24% {
    transform: translate3d(4px, 0, 0);
  }
  40% {
    transform: translate(0, 0) rotate(0);
  }
  100% {
    transform: translate(30px, -100px) rotate(30deg);
  }
}
@keyframes frAnimation-sd-moveUp {
  100% {
    transform: translateY(-90px);
  }
}
@-webkit-keyframes frAnimation-sd-hide {
  100% {
    opacity: 0;
  }
}
@keyframes frAnimation-sd-hide {
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes frAnimation-sd-show {
  100% {
    opacity: 1;
  }
}
@keyframes frAnimation-sd-show {
  100% {
    opacity: 1;
  }
}
/* #endregion Flip Animation*/
/* #endregion FlipResult Sedie Animation */
/* end bau-cua */
/* dua-xe */
.isHighlight {
  color: red;
}

@keyframes carMoveF0ToEnd {
  0% {
    transform: translateX(-171px);
  }
  100% {
    transform: translateX(-340px);
  }
}
@keyframes carMoveF40ToEnd {
  0% {
    transform: translateX(-211px);
  }
  100% {
    transform: translateX(-380px);
  }
}
@keyframes carMoveF60ToEnd {
  0% {
    transform: translateX(-231px);
  }
  100% {
    transform: translateX(-400px);
  }
}
@keyframes carMoveF80ToEnd {
  0% {
    transform: translateX(-251px);
  }
  100% {
    transform: translateX(-420px);
  }
}
@keyframes carMoveF100ToEnd {
  0% {
    transform: translateX(-271px);
  }
  100% {
    transform: translateX(-440px);
  }
}
@keyframes carMoveF120ToEnd {
  0% {
    transform: translateX(-291px);
  }
  100% {
    transform: translateX(-460px);
  }
}
@keyframes carMoveF140ToEnd {
  0% {
    transform: translateX(-310px);
  }
  100% {
    transform: translateX(-310px);
  }
}
/* #region FlipResult Racing */
.flipResult-pk10-ranking {
  width: 24px;
  height: 24px;
  font-size: 14px;
  border-radius: 100%;
  color: #ffffff;
  opacity: 0;
  margin-left: 3px;
}

.flipResult-pk10-car-minimized {
  animation: flipResult-lottery-tyreIconAnimation 1.3s linear 6 forwards;
  position: absolute;
  right: 0;
  top: 22px;
  z-index: 1;
}

.AnimationContainer {
  position: absolute;
  z-index: 10;
  height: 230px;
  width: 300px;
  background-color: transparent;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
}

.roadIMG {
  right: 0;
  bottom: 0;
  position: absolute;
  width: 600px;
  height: 230px;
}

.StartIndicator {
  font-size: 80px;
  font-weight: bold;
  text-shadow: 4px 3px 0px black, 9px 8px 0px #f8c373;
  color: orange;
  position: absolute;
  z-index: 5;
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 230px;
}

.AllCarContainer {
  position: absolute;
  bottom: 0;
  height: 230px;
  width: 100%;
}

.finishLineImgLeft {
  left: -45px;
  position: absolute;
  height: 219px;
  width: 41px;
  top: 5px;
}

.finishLineImgRight {
  right: 70px;
  position: absolute;
  height: 219px;
  width: 41px;
  top: 5px;
}

.Car {
  animation-delay: 0ms, 1500ms, 3000ms, 4500ms, 6000ms;
  animation-duration: 1500ms, 1500ms, 1500ms, 1500ms, 1500ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.CarRoad {
  position: relative;
  height: 22px;
}

.CarNumber {
  position: absolute;
  z-index: 10;
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  width: 100%;
  height: 20px;
  text-align: center;
}

.carNumber1 {
  line-height: 21px;
  font-size: 18px;
  margin-left: 3px;
}

.carNumber2 {
  line-height: 21px;
  font-size: 19px;
  margin-left: 2px;
}

.carNumber3 {
  line-height: 21px;
  font-size: 20px;
  margin-left: 1px;
}

.carNumber4 {
  line-height: 21px;
  font-size: 21px;
  margin-left: 0px;
}

.carNumber5 {
  line-height: 21px;
  font-size: 22px;
  margin-left: -1px;
}

.carNumber6 {
  line-height: 21px;
  font-size: 23px;
  margin-left: -2px;
}

.carNumber7 {
  line-height: 21px;
  font-size: 24px;
  margin-left: -3px;
}

.carNumber8 {
  line-height: 21px;
  font-size: 25px;
  margin-left: -4px;
}

.carNumber9 {
  line-height: 21px;
  font-size: 26px;
  margin-left: -5px;
}

.carNumber10 {
  line-height: 21px;
  font-size: 27px;
  margin-left: -7px;
}

.tireImg {
  height: 100%;
  width: 100%;
}

.Car1 {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 4px;
  height: 24px;
  width: 62px;
}

.Car1frontTire {
  position: absolute;
  height: 11.5px;
  width: 11.5px;
  left: 3px;
  bottom: 2px;
  display: flex;
}

.Car1backTire {
  position: absolute;
  height: 11.5px;
  width: 11.5px;
  right: 8px;
  bottom: 2.3px;
  display: flex;
}

.Car2 {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 4px;
  height: 25px;
  width: 66px;
}

.Car2frontTire {
  position: absolute;
  height: 12px;
  width: 12px;
  left: 4.5px;
  bottom: 1.6px;
  display: flex;
}

.Car2backTire {
  position: absolute;
  height: 11.5px;
  width: 11.5px;
  right: 12.9px;
  bottom: 1.5px;
  display: flex;
}

.Car3 {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 4px;
  height: 26px;
  width: 68px;
}

.Car3frontTire {
  position: absolute;
  height: 13px;
  width: 13px;
  left: 0;
  bottom: 0.5px;
  display: flex;
}

.Car3backTire {
  position: absolute;
  height: 13px;
  width: 13px;
  right: 8px;
  bottom: 0.5px;
  display: flex;
}

.Car4 {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 5px;
  height: 27px;
  width: 68px;
}

.Car4frontTire {
  position: absolute;
  height: 12px;
  width: 12px;
  left: 3.4px;
  bottom: 3.4px;
  display: flex;
}

.Car4backTire {
  position: absolute;
  height: 12px;
  width: 12px;
  right: 12px;
  bottom: 4.3px;
  display: flex;
}

.Car5 {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 6px;
  height: 27px;
  width: 69px;
}

.Car5frontTire {
  position: absolute;
  height: 12px;
  width: 12px;
  left: 0px;
  bottom: 3px;
  display: flex;
}

.Car5backTire {
  position: absolute;
  height: 12px;
  width: 12px;
  right: 14.5px;
  bottom: 3px;
  display: flex;
}

.Car6 {
  position: absolute;
  top: -1px;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 6px;
  height: 28px;
  width: 72px;
}

.Car6frontTire {
  position: absolute;
  height: 13px;
  width: 13px;
  left: 3.5px;
  bottom: 2.2px;
  display: flex;
}

.Car6backTire {
  position: absolute;
  height: 13px;
  width: 13px;
  right: 15.5px;
  bottom: 2.3px;
  display: flex;
}

.Car7 {
  position: absolute;
  top: -1px;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 6px;
  height: 31px;
  width: 74px;
}

.Car7frontTire {
  position: absolute;
  height: 15px;
  width: 15px;
  left: -2px;
  bottom: 1.4px;
  display: flex;
}

.Car7backTire {
  position: absolute;
  height: 15px;
  width: 15px;
  right: 10px;
  bottom: 1.4px;
  display: flex;
}

.Car8 {
  position: absolute;
  top: -1px;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 6px;
  height: 31px;
  width: 77px;
}

.Car8frontTire {
  position: absolute;
  height: 13px;
  width: 13px;
  left: 1px;
  bottom: 4px;
  display: flex;
}

.Car8backTire {
  position: absolute;
  height: 13px;
  width: 13px;
  right: 15.5px;
  bottom: 4px;
  display: flex;
}

.Car9 {
  position: absolute;
  top: -1px;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 5px;
  height: 32px;
  width: 82px;
}

.Car9frontTire {
  position: absolute;
  height: 14px;
  width: 14px;
  left: 5.3px;
  bottom: 4.6px;
  display: flex;
}

.Car9backTire {
  position: absolute;
  height: 14px;
  width: 14px;
  right: 13.5px;
  bottom: 5.8px;
  display: flex;
}

.Car10 {
  position: absolute;
  top: -1px;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 5px;
  height: 33px;
  width: 85px;
}

.Car10frontTire {
  position: absolute;
  height: 16px;
  width: 16px;
  left: 5px;
  bottom: 3.3px;
  display: flex;
}

.Car10backTire {
  position: absolute;
  height: 16px;
  width: 16px;
  right: 10px;
  bottom: 3px;
  display: flex;
}

.startIndicator {
  animation-name: startIndicatorInviAnim;
  animation-delay: 0ms;
  animation-duration: 700ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.indicatorTextAnim {
  animation-name: startIndicataorAnim;
  animation-delay: 0ms;
  animation-duration: 700ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.roadMove {
  animation-name: roadMove-playbox;
  animation-delay: 0ms;
  animation-duration: 600ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.finishLineMove {
  animation-name: finishLineStartMove;
  animation-delay: 0ms;
  animation-duration: 300ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.finishLineEndMove {
  animation-name: finishLineEndMove;
  animation-delay: 1300ms;
  animation-duration: 300ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-pk10-fadeOutDelay {
  animation-name: flipResult-fadeOutAnimation;
  animation-delay: 1500ms;
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

/* #endregion FlipResult Racing*/
/* #region FlipSummary Racing */
.flipSummary-pk10-container-all {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 280px;
  height: 159px;
  padding: 0px 3px 0px 3px;
  background-color: #f6d9cc;
  border: 0.5px solid #abadb4;
  border-radius: 0.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 5;
}

.flipSummary-pk10-number {
  height: 30px;
  width: 30px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

.flipSummary-pk10-hLine {
  height: 2px;
  width: 100%;
  margin-left: 0;
}

.flipSummary-pk10-sum {
  display: flex;
  align-items: center;
  height: 50px;
  width: 100%;
}

.flipSummary-pk10-sum-crown-container-1 {
  height: 100%;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flipSummary-pk10-sum-crown-container-2 {
  position: relative;
  height: 100%;
  width: 40px;
  display: inline-block;
}

.flipSummary-pk10-sum-crown-1 {
  width: 35px;
  margin-bottom: 5px;
}

.flipSummary-pk10-sum-crown-2 {
  position: absolute;
  width: 30px;
  left: 2px;
  top: 12px;
}

.flipSummary-pk10-sum-crown-3 {
  position: absolute;
  width: 22px;
  left: 15px;
  top: 8px;
}

.flipSummary-pk10-result-box {
  flex: 1 1 25px;
  margin: 0 1px 0 1px;
}

.flipSummary-pk10-vline {
  height: 40px;
}

.flipSummary-pk10-rank {
  justify-content: space-around;
  margin: 10px 5px;
  margin-top: 20px;
}

.flipSummary-pk10-rank div {
  width: 24px;
  height: 24px;
  font-size: 14px;
}

.flipSummary-pk10-sum-value {
  margin-right: 5px;
  font-size: 26px;
  font-weight: bold;
  color: #313232;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  line-height: 0.8;
  width: 25px;
}

.flipSummary-pk10-number-ranking-1 {
  height: 30px !important;
  width: 30px !important;
}

.flipSummary-pk10-number-ranking-2 {
  height: 27px !important;
  width: 27px !important;
}

.flipSummary-pk10-number-div-1 {
  margin-top: -5px;
  margin-right: 5px;
}

.flipSummary-pk10-number-div-2 {
  margin-top: -3px;
  margin-right: 2px;
}

.flipSummary-pk10-crown-1 {
  position: absolute;
  width: 30px;
  margin-top: -16px;
}

.flipSummary-pk10-crown-2 {
  position: absolute;
  width: 28px;
  margin-top: -16px;
}

.flipSummary-pk10-container-all .flipSummary-pk10-rank {
  width: 100%;
}

/* #endregion FlipSummary Racing */
/*#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(-170px);
  }
}
@keyframes carMoveF10 {
  0% {
    transform: translateX(-11px);
  }
  100% {
    transform: translateX(-180px);
  }
}
@keyframes carMoveF20 {
  0% {
    transform: translateX(-21px);
  }
  100% {
    transform: translateX(-190px);
  }
}
@keyframes carMoveF30 {
  0% {
    transform: translateX(-31px);
  }
  100% {
    transform: translateX(-200px);
  }
}
@keyframes carMoveF40 {
  0% {
    transform: translateX(-41px);
  }
  100% {
    transform: translateX(-210px);
  }
}
@keyframes carMoveF50 {
  0% {
    transform: translateX(-51px);
  }
  100% {
    transform: translateX(-220px);
  }
}
@keyframes carMoveF60 {
  0% {
    transform: translateX(-61px);
  }
  100% {
    transform: translateX(-230px);
  }
}
@keyframes carMoveF70 {
  0% {
    transform: translateX(-71px);
  }
  100% {
    transform: translateX(-240px);
  }
}
@keyframes carMoveF80 {
  0% {
    transform: translateX(-81px);
  }
  100% {
    transform: translateX(-250px);
  }
}
@keyframes carMoveF90 {
  0% {
    transform: translateX(-91px);
  }
  100% {
    transform: translateX(-260px);
  }
}
@keyframes carMoveF100 {
  0% {
    transform: translateX(-101px);
  }
  100% {
    transform: translateX(-270px);
  }
}
@keyframes carMoveF110 {
  0% {
    transform: translateX(-111px);
  }
  100% {
    transform: translateX(-280px);
  }
}
@keyframes carMoveF120 {
  0% {
    transform: translateX(-121px);
  }
  100% {
    transform: translateX(-290px);
  }
}
@keyframes carMoveF130 {
  0% {
    transform: translateX(-131px);
  }
  100% {
    transform: translateX(-300px);
  }
}
@keyframes carMoveF140 {
  0% {
    transform: translateX(-141px);
  }
  100% {
    transform: translateX(-310px);
  }
}
/*#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);
  }
}
@keyframes carMoveS140T150 {
  0% {
    transform: translateX(-140px);
  }
  100% {
    transform: translateX(-150px);
  }
}
/*#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*/
/* end dua-xe */
/* roulette */
.green {
  background-color: #3a3 !important;
}

/* .black { background-color: black!important; } */
.highlight {
  background: #fff078 !important;
}

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

/* end roulette */
/* xoc-dia */
/* #region FlipResult Sedie */
.flipResult-sedie-summary-container {
  position: absolute;
  width: 280px;
  height: 114px;
  top: 135px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 0.5px solid #abadb4;
  border-radius: 0.5em;
  z-index: 3;
  background-color: #f6d9cc;
}

.flipResult-sedie-colorButton {
  width: 30px;
  height: 30px;
  font-size: 14px;
  border-radius: 100%;
  margin-left: 7px;
  font-weight: bold;
}

.flipResult-sd-container {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.flipResult-sd-container-sedie {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-around;
  padding-top: 4px;
  padding-bottom: 4px;
}

.flipResult-sd-set {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  /*animation*/
  animation-name: frAnimation-sd-copy, frAnimation-sd, frAnimation-sd-moveUp;
  animation-delay: 1s, 3s, 6.5s;
  animation-duration: 2s, 1s, 0.5s;
  animation-iteration-count: 1, 2, 1;
  animation-fill-mode: forwards, forwards, forwards;
  animation-timing-function: linear, linear, linear;
}

.flipResult-sd-summary {
  opacity: 0;
  animation-name: frAnimation-sd-show;
  animation-delay: 7.2s;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-sd-b {
  position: absolute;
  z-index: 2;
  width: 150px;
  height: 128.91px;
  left: calc(50% - 75px);
  top: 120px;
  pointer-events: none;
  transform: translate3d(0, 0px, 0px);
  -webkit-transform: translate3d(0, 0, 0);
  background-image: url("/images/sedie_b.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  /*animation*/
  animation-name: frAnimation-sd-b, frAnimation-sd-hide;
  animation-delay: 5s, 6s;
  animation-duration: 2s, 0.5s;
  animation-fill-mode: forwards, forwards;
  animation-timing-function: linear, linear;
}

.flipResult-sd-p {
  position: absolute;
  z-index: 1;
  width: 240px;
  height: 147px;
  left: calc(50% - 120px);
  top: 130px;
  background-image: url("/images/sedie_p.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.flipResult-sd-br {
  position: absolute;
  z-index: 1;
  width: 40px;
  transform: translate3d(0, 0px, 0px);
  -webkit-transform: translate3d(0, 0, 0);
}

.flipResult-sd-br img {
  width: 40px;
}

.flipResult-sd-br span {
  color: white;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: -4px;
  left: 14px;
}

.flipResult-sd-bw {
  position: absolute;
  z-index: 1;
  width: 40px;
  transform: translate3d(0, 0px, 0px);
}

.flipResult-sd-bw img {
  width: 40px;
}

.flipResult-sd-bw span {
  color: red;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: -4px;
  left: 14px;
}

/*Position of 4 buttons*/
.flipResult-sd-bA {
  top: 175px;
  left: calc(50% - 55px);
}

.flipResult-sd-bB {
  top: 200px;
  left: calc(50% - 20px);
}

.flipResult-sd-bC {
  top: 190px;
  left: calc(50% + 23px);
}

.flipResult-sd-bD {
  top: 168px;
  left: calc(50% - 7px);
}

.flipResult-sd-image-bw {
  width: 40px;
  height: 29.59px;
  background-image: url("/images/sedie_bw.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
}

.flipResult-sd-image-br {
  width: 40px;
  height: 29.33px;
  background-image: url("/images/sedie_br.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
}

.flipResult-sd-ball {
  width: 30px;
  height: 30px;
  border-radius: 40px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flipResult-sd-red {
  border: solid 0.5px #7a7a7a;
  box-shadow: 1px 1px 1px #AAA;
  color: white;
}

.flipResult-sd-white {
  background-color: white;
  border: solid 0.5px #7a7a7a;
  box-shadow: 1px 1px 1px #AAA;
  color: #ac3f37;
}

.flipResult-sd-container-numbers {
  padding: 15px 50px 15px 50px;
}

.flipResult-sd-container-sum-left {
  width: calc(100%/3);
}

.flipResult-sd-sum-result {
  height: 24px;
}

.flipResult-sd-sum-ball {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin-right: 6px;
  border: solid 0.5px #7a7a7a;
  box-shadow: 1px 1px 1px #AAA;
}

.bg_ad0707 {
  color: white;
}

.bg_white {
  background-color: white;
}

.flipResult-sd-sum-number {
  font-size: 16px;
  font-weight: bold;
}

.flipResult-sd-container-sum-right {
  width: calc(100%*2/3);
}

.flipResult-sd-sum-score {
  width: 75%;
}

.flipResult-sd-vline {
  width: 2px;
  height: 42px;
}

.flipResult-sedie-fadeOutDelay {
  animation-name: flipResult-fadeOutAnimation;
  animation-delay: 9s;
  /*7.5s from flipResult-sd-summary*/
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-sedie-colorAnimation {
  animation-name: flipResult-sedie-colorAnimation;
  animation-delay: 5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

/* #endregion FlipResult Sedie */
/* #region FlipResult Sedie Animation */
/* #region Header Animation */
@keyframes flipResult-sedie-colorAnimation {
  100% {
    border-radius: 100%;
  }
}
/* #endregion Header Animation */
/* #region Flip Animation*/
@-webkit-keyframes frAnimation-sd {
  0%, 50%, 100% {
    transform: translateY(0) rotateX(0);
  }
  10%, 15%, 35%, 40%, 60%, 65%, 85%, 90% {
    transform: translateY(-45px);
  }
  13%, 37%, 63%, 87% {
    transform: translateY(-65px) rotateX(20deg);
  }
  25%, 75% {
    transform: translateY(0) rotateX(0);
  }
}
@keyframes frAnimation-sd {
  0%, 50%, 100% {
    transform: translateY(0) rotateX(0);
  }
  10%, 15%, 35%, 40%, 60%, 65%, 85%, 90% {
    transform: translateY(-45px);
  }
  13%, 37%, 63%, 87% {
    transform: translateY(-65px) rotateX(20deg);
  }
  25%, 75% {
    transform: translateY(0) rotateX(0);
  }
}
/* Same as frAnimation-sd - duplicate it because ie and safari cannot run the same animation twice in a set*/
@-webkit-keyframes frAnimation-sd-copy {
  0%, 50%, 100% {
    transform: translateY(0) rotateX(0);
  }
  10%, 15%, 35%, 40%, 60%, 65%, 85%, 90% {
    transform: translateY(-45px);
  }
  13%, 37%, 63%, 87% {
    transform: translateY(-65px) rotateX(20deg);
  }
  25%, 75% {
    transform: translateY(0) rotateX(0);
  }
}
@keyframes frAnimation-sd-copy {
  0%, 50%, 100% {
    transform: translateY(0) rotateX(0);
  }
  10%, 15%, 35%, 40%, 60%, 65%, 85%, 90% {
    transform: translateY(-45px);
  }
  13%, 37%, 63%, 87% {
    transform: translateY(-65px) rotateX(20deg);
  }
  25%, 75% {
    transform: translateY(0) rotateX(0);
  }
}
@-webkit-keyframes frAnimation-sd-b {
  4%, 36% {
    transform: translate3d(-1px, 0, 0);
  }
  8%, 32% {
    transform: translate3d(2px, 0, 0);
  }
  12%, 20%, 28% {
    transform: translate3d(-4px, 0, 0);
  }
  16%, 24% {
    transform: translate3d(4px, 0, 0);
  }
  40% {
    transform: translate(0, 0) rotate(0);
  }
  100% {
    transform: translate(30px, -100px) rotate(30deg);
  }
}
@keyframes frAnimation-sd-b {
  4%, 36% {
    transform: translate3d(-1px, 0, 0);
  }
  8%, 32% {
    transform: translate3d(2px, 0, 0);
  }
  12%, 20%, 28% {
    transform: translate3d(-4px, 0, 0);
  }
  16%, 24% {
    transform: translate3d(4px, 0, 0);
  }
  40% {
    transform: translate(0, 0) rotate(0);
  }
  100% {
    transform: translate(30px, -100px) rotate(30deg);
  }
}
@keyframes frAnimation-sd-moveUp {
  100% {
    transform: translateY(-90px);
  }
}
@-webkit-keyframes frAnimation-sd-hide {
  100% {
    opacity: 0;
  }
}
@keyframes frAnimation-sd-hide {
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes frAnimation-sd-show {
  100% {
    opacity: 1;
  }
}
@keyframes frAnimation-sd-show {
  100% {
    opacity: 1;
  }
}
/* #endregion Flip Animation*/
/* #endregion FlipResult Sedie Animation */
/* end xoc-dia */
/* tai-xiu */
/* #region FlipResult Sedie */
.flipResult-sedie-summary-container {
  position: absolute;
  width: 280px;
  height: 114px;
  top: 135px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 0.5px solid #abadb4;
  border-radius: 0.5em;
  z-index: 3;
  background-color: #f6d9cc;
}

.flipResult-sedie-colorButton {
  width: 30px;
  height: 30px;
  font-size: 14px;
  border-radius: 100%;
  margin-left: 7px;
  font-weight: bold;
}

.flipResult-sd-container {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.flipResult-sd-container-sedie {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-around;
  padding-top: 4px;
  padding-bottom: 4px;
}

.flipResult-sd-set {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  /*animation*/
  animation-name: frAnimation-sd-copy, frAnimation-sd, frAnimation-sd-moveUp;
  animation-delay: 1s, 3s, 6.5s;
  animation-duration: 2s, 1s, 0.5s;
  animation-iteration-count: 1, 2, 1;
  animation-fill-mode: forwards, forwards, forwards;
  animation-timing-function: linear, linear, linear;
}

.flipResult-sd-summary {
  opacity: 0;
  animation-name: frAnimation-sd-show;
  animation-delay: 7.2s;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-sd-b {
  position: absolute;
  z-index: 2;
  width: 150px;
  height: 128.91px;
  left: calc(50% - 75px);
  top: 120px;
  pointer-events: none;
  transform: translate3d(0, 0px, 0px);
  -webkit-transform: translate3d(0, 0, 0);
  background-image: url("/images/sedie_b.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  /*animation*/
  animation-name: frAnimation-sd-b, frAnimation-sd-hide;
  animation-delay: 5s, 6s;
  animation-duration: 2s, 0.5s;
  animation-fill-mode: forwards, forwards;
  animation-timing-function: linear, linear;
}

.flipResult-sd-p {
  position: absolute;
  z-index: 1;
  width: 240px;
  height: 147px;
  left: calc(50% - 120px);
  top: 130px;
  background-image: url("/images/sedie_p.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.flipResult-sd-br {
  position: absolute;
  z-index: 1;
  width: 40px;
  transform: translate3d(0, 0px, 0px);
  -webkit-transform: translate3d(0, 0, 0);
}

.flipResult-sd-br img {
  width: 40px;
}

.flipResult-sd-br span {
  color: white;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: -4px;
  left: 14px;
}

.flipResult-sd-bw {
  position: absolute;
  z-index: 1;
  width: 40px;
  transform: translate3d(0, 0px, 0px);
}

.flipResult-sd-bw img {
  width: 40px;
}

.flipResult-sd-bw span {
  color: red;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: -4px;
  left: 14px;
}

/*Position of 4 buttons*/
.flipResult-sd-bA {
  top: 175px;
  left: calc(50% - 55px);
}

.flipResult-sd-bB {
  top: 200px;
  left: calc(50% - 20px);
}

.flipResult-sd-bC {
  top: 190px;
  left: calc(50% + 23px);
}

.flipResult-sd-bD {
  top: 168px;
  left: calc(50% - 7px);
}

.flipResult-sd-image-bw {
  width: 40px;
  height: 29.59px;
  background-image: url("/images/sedie_bw.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
}

.flipResult-sd-image-br {
  width: 40px;
  height: 29.33px;
  background-image: url("/images/sedie_br.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
}

.flipResult-sd-ball {
  width: 30px;
  height: 30px;
  border-radius: 40px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flipResult-sd-red {
  border: solid 0.5px #7a7a7a;
  box-shadow: 1px 1px 1px #AAA;
  color: white;
}

.flipResult-sd-white {
  background-color: white;
  border: solid 0.5px #7a7a7a;
  box-shadow: 1px 1px 1px #AAA;
  color: #ac3f37;
}

.flipResult-sd-container-numbers {
  padding: 15px 50px 15px 50px;
}

.flipResult-sd-container-sum-left {
  width: calc(100%/3);
}

.flipResult-sd-sum-result {
  height: 24px;
}

.flipResult-sd-sum-ball {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin-right: 6px;
  border: solid 0.5px #7a7a7a;
  box-shadow: 1px 1px 1px #AAA;
}

.bg_ad0707 {
  color: white;
}

.bg_white {
  background-color: white;
}

.flipResult-sd-sum-number {
  font-size: 16px;
  font-weight: bold;
}

.flipResult-sd-container-sum-right {
  width: calc(100%*2/3);
}

.flipResult-sd-sum-score {
  width: 75%;
}

.flipResult-sd-vline {
  width: 2px;
  height: 42px;
}

.flipResult-sedie-fadeOutDelay {
  animation-name: flipResult-fadeOutAnimation;
  animation-delay: 9s;
  /*7.5s from flipResult-sd-summary*/
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.flipResult-sedie-colorAnimation {
  animation-name: flipResult-sedie-colorAnimation;
  animation-delay: 5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

/* #endregion FlipResult Sedie */
/* #region FlipResult Sedie Animation */
/* #region Header Animation */
@keyframes flipResult-sedie-colorAnimation {
  100% {
    border-radius: 100%;
  }
}
/* #endregion Header Animation */
/* #region Flip Animation*/
@-webkit-keyframes frAnimation-sd {
  0%, 50%, 100% {
    transform: translateY(0) rotateX(0);
  }
  10%, 15%, 35%, 40%, 60%, 65%, 85%, 90% {
    transform: translateY(-45px);
  }
  13%, 37%, 63%, 87% {
    transform: translateY(-65px) rotateX(20deg);
  }
  25%, 75% {
    transform: translateY(0) rotateX(0);
  }
}
@keyframes frAnimation-sd {
  0%, 50%, 100% {
    transform: translateY(0) rotateX(0);
  }
  10%, 15%, 35%, 40%, 60%, 65%, 85%, 90% {
    transform: translateY(-45px);
  }
  13%, 37%, 63%, 87% {
    transform: translateY(-65px) rotateX(20deg);
  }
  25%, 75% {
    transform: translateY(0) rotateX(0);
  }
}
/* Same as frAnimation-sd - duplicate it because ie and safari cannot run the same animation twice in a set*/
@-webkit-keyframes frAnimation-sd-copy {
  0%, 50%, 100% {
    transform: translateY(0) rotateX(0);
  }
  10%, 15%, 35%, 40%, 60%, 65%, 85%, 90% {
    transform: translateY(-45px);
  }
  13%, 37%, 63%, 87% {
    transform: translateY(-65px) rotateX(20deg);
  }
  25%, 75% {
    transform: translateY(0) rotateX(0);
  }
}
@keyframes frAnimation-sd-copy {
  0%, 50%, 100% {
    transform: translateY(0) rotateX(0);
  }
  10%, 15%, 35%, 40%, 60%, 65%, 85%, 90% {
    transform: translateY(-45px);
  }
  13%, 37%, 63%, 87% {
    transform: translateY(-65px) rotateX(20deg);
  }
  25%, 75% {
    transform: translateY(0) rotateX(0);
  }
}
@-webkit-keyframes frAnimation-sd-b {
  4%, 36% {
    transform: translate3d(-1px, 0, 0);
  }
  8%, 32% {
    transform: translate3d(2px, 0, 0);
  }
  12%, 20%, 28% {
    transform: translate3d(-4px, 0, 0);
  }
  16%, 24% {
    transform: translate3d(4px, 0, 0);
  }
  40% {
    transform: translate(0, 0) rotate(0);
  }
  100% {
    transform: translate(30px, -100px) rotate(30deg);
  }
}
@keyframes frAnimation-sd-b {
  4%, 36% {
    transform: translate3d(-1px, 0, 0);
  }
  8%, 32% {
    transform: translate3d(2px, 0, 0);
  }
  12%, 20%, 28% {
    transform: translate3d(-4px, 0, 0);
  }
  16%, 24% {
    transform: translate3d(4px, 0, 0);
  }
  40% {
    transform: translate(0, 0) rotate(0);
  }
  100% {
    transform: translate(30px, -100px) rotate(30deg);
  }
}
@keyframes frAnimation-sd-moveUp {
  100% {
    transform: translateY(-90px);
  }
}
@-webkit-keyframes frAnimation-sd-hide {
  100% {
    opacity: 0;
  }
}
@keyframes frAnimation-sd-hide {
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes frAnimation-sd-show {
  100% {
    opacity: 1;
  }
}
@keyframes frAnimation-sd-show {
  100% {
    opacity: 1;
  }
}
/* #endregion Flip Animation*/
/* #endregion FlipResult Sedie Animation */
/* end tai-xiu */
.flipSummary-bull-card-holder-10-summary {
  position: absolute;
  top: 6px;
  left: 3px;
}

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

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

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

/* #region FlipSummary Racing */
.flipSummary-pk10-container-all {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 280px;
  height: 159px;
  padding: 0px 3px 0px 3px;
  background-color: #f6d9cc;
  border: 0.5px solid #abadb4;
  border-radius: 0.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 5;
}

.flipSummary-pk10-number {
  height: 30px;
  width: 30px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

.flipSummary-pk10-hLine {
  height: 2px;
  width: 100%;
  margin-left: 0;
}

.flipSummary-pk10-sum {
  display: flex;
  align-items: center;
  height: 50px;
  width: 100%;
}

.flipSummary-pk10-sum-crown-container-1 {
  height: 100%;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flipSummary-pk10-sum-crown-container-2 {
  position: relative;
  height: 100%;
  width: 40px;
  display: inline-block;
}

.flipSummary-pk10-sum-crown-1 {
  width: 35px;
  margin-bottom: 5px;
}

.flipSummary-pk10-sum-crown-2 {
  position: absolute;
  width: 30px;
  left: 2px;
  top: 12px;
}

.flipSummary-pk10-sum-crown-3 {
  position: absolute;
  width: 22px;
  left: 15px;
  top: 8px;
}

.flipSummary-pk10-result-box {
  flex: 1 1 25px;
  margin: 0 1px 0 1px;
}

.flipSummary-pk10-vline {
  height: 40px;
}

.flipSummary-pk10-rank {
  justify-content: space-around;
  margin: 10px 5px;
  margin-top: 20px;
}

.flipSummary-pk10-rank div {
  width: 24px;
  height: 24px;
  font-size: 14px;
}

.flipSummary-pk10-sum-value {
  margin-right: 5px;
  font-size: 26px;
  font-weight: bold;
  color: #313232;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  line-height: 0.8;
  width: 25px;
}

.flipSummary-pk10-number-ranking-1 {
  height: 30px !important;
  width: 30px !important;
}

.flipSummary-pk10-number-ranking-2 {
  height: 27px !important;
  width: 27px !important;
}

.flipSummary-pk10-number-div-1 {
  margin-top: -5px;
  margin-right: 5px;
}

.flipSummary-pk10-number-div-2 {
  margin-top: -3px;
  margin-right: 2px;
}

.flipSummary-pk10-crown-1 {
  position: absolute;
  width: 30px;
  margin-top: -16px;
}

.flipSummary-pk10-crown-2 {
  position: absolute;
  width: 28px;
  margin-top: -16px;
}

.flipSummary-pk10-container-all .flipSummary-pk10-rank {
  width: 100%;
}

/* #endregion FlipSummary Racing */
.game-roulette .playbox-highlight-text-color .number {
  color: #fbff00 !important;
}

.game-roulette .playbox-highlight-text-color .play-black {
  color: #fbff00 !important;
}

.game-roulette .playbox-highlight-text-color .play-red {
  color: #fbff00 !important;
}

.spin-ball1:after {
  animation-name: spinball1;
}

.spin-ball2:after {
  animation-name: spinball2;
}

.spin-ball3:after {
  animation-name: spinball3;
}

.spin-ball4:after {
  animation-name: spinball4;
}

.spin-ball5:after {
  animation-name: spinball5;
}

.pieContainer > .ball0 {
  animation: spinback-0 6.5s forwards;
}

.pieContainer > .ball1 {
  animation: spinback-1 6.5s forwards;
}

.pieContainer > .ball2 {
  animation: spinback-2 6.5s forwards;
}

.pieContainer > .ball3 {
  animation: spinback-3 6.5s forwards;
}

.pieContainer > .ball4 {
  animation: spinback-4 6.5s forwards;
}

.pieContainer > .ball5 {
  animation: spinback-5 6.5s forwards;
}

.pieContainer > .ball6 {
  animation: spinback-6 6.5s forwards;
}

.pieContainer > .ball7 {
  animation: spinback-7 6.5s forwards;
}

.pieContainer > .ball8 {
  animation: spinback-8 6.5s forwards;
}

.pieContainer > .ball9 {
  animation: spinback-9 6.5s forwards;
}

.pieContainer > .ball10 {
  animation: spinback-10 6.5s forwards;
}

.pieContainer > .ball11 {
  animation: spinback-11 6.5s forwards;
}

.pieContainer > .ball12 {
  animation: spinback-12 6.5s forwards;
}

@keyframes spinball1 {
  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;
  }
}
@keyframes spinball2 {
  0% {
    top: 38px;
    left: 38px;
  }
  50% {
    top: 38px;
    left: 38px;
  }
  60% {
    top: 60px;
    left: 60px;
  }
  100% {
    top: 60px;
    left: 60px;
  }
}
@keyframes spinball3 {
  0% {
    top: 38px;
    left: 38px;
  }
  92% {
    top: 38px;
    left: 38px;
  }
  95% {
    top: 60px;
    left: 60px;
  }
  97% {
    top: 58px;
    left: 58px;
  }
  100% {
    top: 60px;
    left: 60px;
  }
}
@keyframes spinball4 {
  0% {
    top: 38px;
    left: 38px;
  }
  40% {
    top: 45px;
    left: 45px;
  }
  42% {
    top: 58px;
    left: 58px;
  }
  100% {
    top: 60px;
    left: 60px;
  }
}
@keyframes spinball5 {
  0% {
    top: 38px;
    left: 38px;
  }
  30% {
    top: 45px;
    left: 45px;
  }
  32% {
    top: 60px;
    left: 60px;
  }
  100% {
    top: 60px;
    left: 60px;
  }
}
button:focus {
  outline: none;
}

:focus {
  outline: none;
}

.rebet-btn-arrow-left {
  outline: none;
}

.play-roulette-tx {
  height: auto;
  margin-top: 15px;
  flex-wrap: wrap;
}

.font-small {
  flex: 0 0 100%;
  font-size: 11px;
}

.t-5 {
  top: 5px;
  margin-top: 5px;
}

.t-20 {
  top: 20px;
}

.opacity-1 {
  opacity: 1;
}

.h74 {
  height: 74px;
}

/* baccarat */
.flipSummary-barh-container-2 {
  padding-bottom: 2px;
}

.playboxRowHeightBottomPart3EqualRH {
  height: 54px;
}

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

@keyframes flipResult-barh-expandIn-1 {
  0% {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
  40% {
    opacity: 0;
    visibility: hidden;
  }
  60% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

.blank-text {
  opacity: 0;
}

.footer-empty {
  width: 1.5em;
}

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