.heng99-baccarat {
  background: #0a1631;
  border-radius: 24px;
  padding: 40px 0;
  position: relative;
  border: 1px solid rgba(41, 69, 132, 1);
  max-width: 980px;
  margin: 40px auto;
  margin-top: 90px;
}

.heng99-baccarat-provider__title {
  width: 400px;
  color: #fff;
  text-align: center;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  background: linear-gradient(#0a1631, #0a1631) padding-box,
    linear-gradient(to right, #7e3ae9, #23ffff) border-box;
  border-radius: 10px;
  border: 1px solid transparent;
  top: -10px;
}

.heng99-baccarat-provider__logo {
  margin-top: -130px;
  text-align: center;
}

ul.heng99-baccarat-provider-list {
  display: flex;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  gap: 20px;
  list-style: none;
  justify-content: center;
}

li.heng99-baccarat-provider-item {
  width: 250px;
  border: 1px solid #0855c4;
  border-radius: 8px;
}

li.heng99-baccarat-provider-item:hover,
li.heng99-baccarat-provider-item.is-active {
  border: 1px solid #ffffff;
  box-shadow: 0px 4px 12px #052e8a;
  background: linear-gradient(0deg, #0f2557, #0f2557),
    linear-gradient(0deg, #ffffff, #ffffff);
}

.heng99-baccarat-room {
  margin-top: 30px;
}

ul.heng99-baccarat-room-list {
  display: flex;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  gap: 35px;
  row-gap: 20px;
  list-style: none;
  justify-content: center;
}

li.heng99-baccarat-room-item {
  box-sizing: border-box;
  height: 50px;
  width: 250px;
  border: 1px solid #0855c4;
  border-radius: 8px;
}

a.heng99-baccarat-room-item__link {
  display: flex;
  align-items: center;
  text-decoration: none;
}

a.heng99-baccarat-room-item__link .heng99-baccarat-room-item__name {
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
}

.heng99-baccarat-room-item__logo {
  width: 93px;
  margin-right: 10px;
}
.heng99-baccarat-room-item__logo img {
  margin: 0;
  max-height: 50px;
}

li.heng99-baccarat-room-item:hover,
li.heng99-baccarat-room-item.is-active {
  border: 1px solid #ffffff;
  box-shadow: 0px 4px 12px #052e8a;
  background: linear-gradient(0deg, #0f2557, #0f2557),
    linear-gradient(0deg, #ffffff, #ffffff);
}

.heng99-baccarat-room-item {
  position: relative;
}

.heng99-baccarat-room-item-rate {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  right: -10px;
  top: -10px;
  width: 97px;
  height: 64px;
  background-image: var(--wpr-bg-2a13bb60-94c0-474c-b745-d767e4234217);
  background-repeat: no-repeat;
  background-size: 100%;
  color: #ffffff;
  padding-left: 20px;
}

.heng99-baccarat-room-item-rate__prefix {
  font-weight: 500;
  font-size: 12px;
  width: max-content;
}

.heng99-baccarat-room-item-rate__value {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  width: max-content;
}

.heng99-baccarat-content {
  margin-top: 30px;
}

.heng99-baccarat-content-room {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: max-content;
  margin: auto;
}

.heng99-baccarat-content-room__logo img {
  max-width: 160px;
  max-height: 50px;
  margin: 0;
}

.heng99-baccarat-content-room__name {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}

.heng99-baccarat-content-next__prefix {
  margin-top: 10px;
  text-align: center;
  color: #ff0;
  font-size: 20px;
}

.heng99-baccarat-content-next {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: max-content;
  margin: auto;
}

.heng99-baccarat-content-next-chance,
.heng99-baccarat-content-next-countdown {
  padding: 5px;
  border: 1px solid #0855c4;
  border-radius: 8px;
}

.heng99-baccarat-content-next-chance__prefix,
.heng99-baccarat-content-next-countdown__prefix {
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.heng99-baccarat-content-next-chance__icon img {
  margin-top: 10px;
  width: 35px;
}

.heng99-baccarat-content-next-chance__rate,
.heng99-baccarat-content-next-countdown__time {
  margin-top: 10px;
  color: #ff0;
  font-size: 16px;
  text-align: center;
}

.heng99-baccarat-content-next-result__icon img {
  width: 120px;
}

.heng99-baccarat-content-next__text {
  width: 110px;
  height: 36px;
  margin: auto;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 700;
  background: #f5ead9;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}

.text-color--player {
  color: #2c32ac;
}

.text-color--banker {
  color: #c00300;
}

.text-color--tie {
  color: #258e01;
}

.heng99-baccarat-content-total {
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  padding: 10px;
  border: 1px solid #0855c4;
  border-radius: 8px;
  gap: 5px;
  width: max-content;
  margin: auto;
  margin-top: 10px;
}

.heng99-baccarat-content-total-item__value {
  width: max-content;
}

.heng99-baccarat-content-total-item {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}

.heng99-baccarat-content-total-item__icon img {
  width: 25px;
}

.heng99-baccarat-content-total-item__value {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.heng99-baccarat-content-total-item__suffix {
  color: #ff0;
  font-size: 16px;
  font-weight: 700;
}

.heng99-baccarat-content-history {
  margin-top: 10px;
}

.heng99-baccarat-content-history-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 250px;
  width: 443px;
  margin: auto;
}

.heng99-baccarat-content-item {
  width: 37px;
  height: 37px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #dee2e6;
  background-color: #ffffff;
}

.heng99-baccarat-content-item img {
  width: 27px;
}

.heng99-baccarat-loading {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.heng99-baccarat-loading::after {
  content: "Loading...";
  display: block;
  color: #ffffff;
  font-size: 18px;
}

.heng99-baccarat-content__not-ready {
  text-align: center;
}

#content .heng99-baccarat-content-next-result__icon img.img-loading {
  display: none;
}

#content .heng99-baccarat-content-next-result__icon.is-loading img {
  display: none;
}

#content .heng99-baccarat-content-next-result__icon.is-loading img.img-loading {
  display: block;
}

#content div.heng99-baccarat-room-item-rate {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  right: -10px;
  top: -10px;
  width: 97px !important;
  height: 64px;
  background-image: var(--wpr-bg-762ed1a5-6c13-460d-9b2a-33226a22382e);
  background-repeat: no-repeat;
  background-size: 100%;
  color: #ffffff;
  padding-left: 20px;
}

#content .heng99-baccarat-room-item__logo {
  width: 93px !important;
  margin-right: 10px;
}
#content .heng99-baccarat-room-item__logo img {
  margin: 0;
  max-height: 50px;
}

#content div.heng99-baccarat-room-item-rate__prefix {
  font-weight: 500;
  font-size: 12px;
  width: max-content !important;
}

#content div.heng99-baccarat-room-item-rate__value {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  width: max-content !important;
}

#content div.heng99-baccarat-content-room {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: max-content !important;
  margin: auto;
}

#content .heng99-baccarat-content-room__logo img {
  max-width: 160px;
  max-height: 50px;
  margin: 0;
}

#content div.heng99-baccarat-content-next {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: max-content !important;
  margin: auto;
}

#content div.heng99-baccarat-content-next__text {
  width: 110px !important;
  height: 36px;
  margin: auto;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 700;
  background: #f5ead9;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}

#content div.heng99-baccarat-content-total {
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  padding: 10px;
  border: 1px solid #0855c4;
  border-radius: 8px;
  gap: 5px;
  width: max-content !important;
  margin: auto;
  margin-top: 10px;
}

#content div.heng99-baccarat-content-total-item__value {
  width: max-content !important;
}

#content .heng99-baccarat-content-total-item__icon img {
  width: 25px;
}

#content div.heng99-baccarat-content-history {
  margin-top: 10px;
}

#content div.heng99-baccarat-content-history-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 250px;
  width: 443px !important;
  margin: auto;
}

#content div.heng99-baccarat-content-item {
  width: 37px !important;
  height: 37px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #dee2e6;
  background-color: #ffffff;
}

#content div.heng99-baccarat-content-item img {
  width: 27px;
}