.theHome {
  min-height: 100vh;
  position: relative;
  padding: 0 0 8rem;
}
@media screen and (min-width: 768px) {
  .theHome {
    padding: 0 0 9.25rem;
  }
}
.theHome .theHDownload {
  position: fixed;
  left: 0;
  bottom: 15%;
  width: fit-content;
  max-width: 100%;
  z-index: 10;
}
@media screen and (min-width: 1440px) {
  .theHome .theHDownload {
    bottom: 0;
  }
}
.theHome .theHDownload .theHDownloadBox {
  position: relative;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.theHome .theHDownload .theHDownloadBox .theHDBClose {
  width: 25px;
  aspect-ratio: 1;
  background-color: var(--global-button-color);
  border-radius: 50%;
  margin: 0 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.theHome .theHDownload .theHDownloadBox .theHDBClose svg {
  width: 50%;
  display: flex;
  color: var(--global-button-text-color);
}
.theHome .theHDownload .theHDownloadBox img {
  width: fit-content;
  display: block;
  object-fit: contain;
}
.theHome .theHomePadd {
  padding: 1.125rem 1rem 0;
  margin: 0 auto;
  display: none;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .theHome .theHomePadd {
    display: flex;
    flex-direction: row;
  }
}
@media screen and (min-width: 1440px) {
  .theHome .theHomePadd {
    display: flex;
    flex-direction: row;
    padding: 1.125rem 1rem 0;
  }
}
.theHome .theHomePadd .theHPLeft {
  width: 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .theHome .theHomePadd .theHPLeft {
    width: 50%;
    border-right: 1px solid color-mix(in srgb, var(--global-primary-text-color) 10%, transparent);
  }
}
@media screen and (min-width: 1440px) {
  .theHome .theHomePadd .theHPLeft {
    width: 391px;
    border-right: 1px solid color-mix(in srgb, var(--global-primary-text-color) 10%, transparent);
  }
}
.theHome .theHomePadd .theHPLeft .theHPLPadd {
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .theHome .theHomePadd .theHPLeft .theHPLPadd {
    padding: 0 1rem 0 0;
  }
}
.theHome .theHomePadd .theHPLeft .theHPLBonusImg {
  margin: 0 0 0.625rem;
}
.theHome .theHomePadd .theHPLeft .theHPLBonusImg .thePromotionBannerSlider {
  margin: 0 !important;
}
.theHome .theHomePadd .theHPLeft .theHPLBonusImg .thePromotionBannerSlider .thePromotionBannerSliderDot {
  width: 6px;
  height: auto;
  aspect-ratio: 1;
  padding: 0;
  border-radius: 50%;
  background: #777777;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}
.theHome .theHomePadd .theHPLeft .theHPLBonusImg .thePromotionBannerSlider .slick-dots {
  bottom: 10px;
}
.theHome .theHomePadd .theHPLeft .theHPLBonusImg .thePromotionBannerSlider .slick-dots li {
  width: fit-content;
  height: auto;
  margin: 0 3px;
}
.theHome .theHomePadd .theHPLeft .theHPLBonusImg .thePromotionBannerSlider .slick-dots li.slick-active .thePromotionBannerSliderDot {
  background: #ececec;
  transform: scale(1.4);
  /* Active dot color */
}
.theHome .theHomePadd .theHPLeft .theHPLBonusImg .thePromotionBannerSlider .slick-dots li.slick-active button:before {
  display: none;
}
.theHome .theHomePadd .theHPLeft .theHPLBonusImg .thePromotionBannerSlider .slick-dots li button:before {
  display: none;
}
.theHome .theHomePadd .theHPLeft .theHPLBonusImg .thePromotionBannerSlider .thePromotionBanner {
  width: 100%;
  cursor: pointer;
}
.theHome .theHomePadd .theHPLeft .theHPLBonusImg .thePromotionBannerSlider .thePromotionBanner img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePadd .theHPLeft .theHPLJackpotImg {
  width: 100%;
  position: relative;
}
.theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 94%;
}
@media screen and (min-width: 425px) {
  .theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex {
    max-width: 344px;
  }
}
@media screen and (min-width: 500px) {
  .theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex {
    max-width: none;
    width: 94%;
  }
}
@media screen and (min-width: 1440px) {
  .theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex {
    max-width: 344px;
  }
}
.theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotEmpty {
  max-width: 78px;
}
.theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 0.375rem;
  width: 243px;
}
@media screen and (min-width: 500px) {
  .theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex {
    width: 70%;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1440px) {
  .theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex {
    width: 243px;
  }
}
.theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox {
  min-width: 18px;
  aspect-ratio: 3/4;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  color: #fff;
  font-weight: 700;
  transition: transform 0.25s ease, filter 0.25s ease;
  transform-origin: center bottom;
  will-change: transform, filter;
}
.theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox.is-jackpot-rolling {
  animation: jackpot-rolling 0.35s ease-in-out infinite alternate;
}
.theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox.is-jackpot-final {
  animation: jackpot-pop 0.4s ease-out;
}
@media screen and (min-width: 425px) {
  .theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox {
    min-width: 24px;
    font-size: 0.89rem;
  }
}
@media screen and (min-width: 500px) {
  .theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox {
    min-width: unset;
    width: 10%;
  }
}
@media screen and (min-width: 768px) {
  .theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox {
    min-width: unset;
    width: 10%;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1440px) {
  .theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox {
    min-width: 24px;
    font-size: 0.89rem;
  }
}
.theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFText {
  font-size: 0.75rem;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFText {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFText {
    font-size: 1rem;
  }
}
@media screen and (min-width: 425px) {
  .theHome .theHomePadd .theHPLeft .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFText {
    font-size: 0.89rem;
  }
}
.theHome .theHomePadd .theHPLeft .theHPLJackpotImg img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox {
  width: 100%;
  margin: 1rem 0;
  border-width: 1px;
  border-style: solid;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBHeader {
  padding: 0.3125rem 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBHeader .theHPLLBHText {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBHeader .theHPLLBHLive {
  animation: blinker 1.5s linear infinite;
  color: var(--global-primary-text-color);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.1875rem 0.375rem;
  border-radius: 0.0625rem;
  font-weight: 700;
  font-size: 0.63rem;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBHeader .theHPLLBHLive .theHPLLBHLCircle {
  width: 6px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--global-primary-text-color);
  margin: 0 0 0 0.375rem;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBTableHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBTableHeader .theHPLLBTableHDeposit {
  width: 39%;
  border-right-width: 1px;
  border-right-style: solid;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBTableHeader .theHPLLBTableHDeposit .theHPLLBTableHDText {
  color: var(--global-primary-text-color);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: capitalize;
  padding: 0.25rem 0.625rem;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBTableHeader .theHPLLBTableHWining {
  width: 61%;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBTableHeader .theHPLLBTableHWining .theHPLLBTableHWText {
  color: var(--global-primary-text-color);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: capitalize;
  padding: 0.25rem 0.625rem;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBTableBodyWrapper {
  display: flex;
  flex-direction: column;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBTableBody {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBTableBody .theHPLLBTableBBorder {
  width: 1px;
  height: 100%;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBTableBody .theHPLLBTableBDeposit {
  width: 39%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBTableBody .theHPLLBTableBDeposit .theHPLLBTableBDTextBox {
  border-right-width: 1px;
  border-right-style: solid;
  width: 50%;
  align-self: stretch;
  min-width: 0;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBTableBody .theHPLLBTableBDeposit .theHPLLBTableHDText {
  font-size: 0.63rem;
  font-weight: 500;
  text-transform: capitalize;
  padding: 0.25rem 0.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBTableBody .theHPLLBTableHWining {
  width: 61%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBTableBody .theHPLLBTableHWining .theHPLLBTableBWTextBox {
  flex: 1;
  align-self: stretch;
  min-width: 0;
}
.theHome .theHomePadd .theHPLeft .theHPLLiveBox .theHPLLBTableBody .theHPLLBTableHWining .theHPLLBTableHWText {
  font-size: 0.63rem;
  font-weight: 500;
  text-transform: capitalize;
  padding: 0.25rem 0.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.theHome .theHomePadd .theHPLeft .theHPLCommImg {
  width: 100%;
  margin: 0;
}
.theHome .theHomePadd .theHPLeft .theHPLCommImg img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePadd .theHPLeft .theHPLCommButtonFlexWrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.theHome .theHomePadd .theHPLeft .theHPLCommButtonFlexWrap .theHPLCommBFWButton {
  width: 100%;
  cursor: pointer;
}
.theHome .theHomePadd .theHPLeft .theHPLCommButtonFlexWrap .theHPLCommBFWButton img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePadd .theHPGameBox {
  display: none;
  flex: 1;
  padding: 0 1rem;
  min-width: 0;
  overflow: hidden;
}
@media screen and (min-width: 1440px) {
  .theHome .theHomePadd .theHPGameBox {
    display: block;
  }
}
.theHome .theHomePadd .theHPGameBox .theHPGBBack {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0.5rem 0 1rem;
  cursor: pointer;
}
.theHome .theHomePadd .theHPGameBox .theHPGBBack .theHPGBBIcon {
  width: 16px;
}
.theHome .theHomePadd .theHPGameBox .theHPGBBack .theHPGBBIcon svg {
  display: flex;
  color: var(--global-button-color);
}
.theHome .theHomePadd .theHPGameBox .theHPGBBack .theHPGBBText {
  font-size: 0.75rem;
  font-weight: 500;
  margin: 0 0 0 0.625rem;
}
.theHome .theHomePadd .theHPGameBox .theHPGBCategory {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  gap: 1rem;
  margin: 0 0 1.25rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.theHome .theHomePadd .theHPGameBox .theHPGBCategory::-webkit-scrollbar {
  display: none;
}
.theHome .theHomePadd .theHPGameBox .theHPGBCategory .theHPGBCategoryLogo {
  width: fit-content;
}
.theHome .theHomePadd .theHPGameBox .theHPGBCategory .theHPGBCategoryLogo img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePadd .theHPGameBox .theHPGBCategory .theHPGBCBox {
  display: inline-block;
  padding: 1rem 1.5625rem;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  text-transform: capitalize;
}
.theHome .theHomePadd .theHPGameBox .theHPGBCategory .theHPGBCImgBox {
  min-width: 100px;
  max-width: 100px;
  margin: 0 0 0.625rem;
}
.theHome .theHomePadd .theHPGameBox .theHPGBCategory .theHPGBCImgBox img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePadd .theHPGameBox .theHPGameFlexWrap {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1.5rem 1.875rem;
}
.theHome .theHomePadd .theHPGameBox .theHPGameFlexWrap .theHPGameFWGame {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.theHome .theHomePadd .theHPGameBox .theHPGameFlexWrap .theHPGameFWGame .provider-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  /* dark overlay */
  opacity: 0;
  z-index: 1;
  display: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: not-allowed;
}
.theHome .theHomePadd .theHPGameBox .theHPGameFlexWrap .theHPGameFWGame img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePadd .theHPGameBox .theHPGameFlexWrap .theHPGameFWGame .theHPGameFWGName {
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0.5rem 0;
  text-align: center;
}
.theHome .theHomePadd .theHPGameBox .theHPGameFlexWrap .theHPGameFWGame .theHPGameFWGButtonFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.3125rem;
}
.theHome .theHomePadd .theHPGameBox .theHPGameFlexWrap .theHPGameFWGame .theHPGameFWGButtonFlex .theHPGameFWGBFDemoButton {
  width: 35%;
  text-align: center;
  font-size: 0.625rem;
  font-weight: 900;
  text-align: center;
  border-radius: 0.3125rem;
  padding: 0.3125rem 0;
}
.theHome .theHomePadd .theHPGameBox .theHPGameFlexWrap .theHPGameFWGame .theHPGameFWGButtonFlex .theHPGameFWGBFPlayButton {
  flex: 1;
  text-align: center;
  font-size: 0.625rem;
  font-weight: 900;
  text-align: center;
  border-radius: 0.3125rem;
  padding: 0.3125rem 0;
}
.theHome .theHomePadd .theHPGameBox .theHPGameFlexWrap .provider-item.disabled {
  cursor: not-allowed;
}
.theHome .theHomePadd .theHPGameBox .theHPGameFlexWrap .provider-item.disabled .provider-overlay {
  display: block;
  /* Show overlay */
  opacity: 1;
  cursor: not-allowed;
}
.theHome .theHomePadd .theHPRight {
  width: 100%;
  margin: 1rem 0 0;
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .theHome .theHomePadd .theHPRight {
    width: 50%;
    margin: 0;
    border-left: 1px solid color-mix(in srgb, var(--global-primary-text-color) 10%, transparent);
  }
}
@media screen and (min-width: 1440px) {
  .theHome .theHomePadd .theHPRight {
    width: 391px;
    margin: 0;
    border-left: 1px solid color-mix(in srgb, var(--global-primary-text-color) 10%, transparent);
  }
}
.theHome .theHomePadd .theHPRight .theHPRPadd {
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .theHome .theHomePadd .theHPRight .theHPRPadd {
    padding: 0 0 0 1rem;
  }
}
.theHome .theHomePadd .theHPRight .theHPRVideo {
  width: 100%;
  margin: 0 0 1rem;
  position: relative;
}
.theHome .theHomePadd .theHPRight .theHPRVideo .theHPRVPlayButton {
  width: 57px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #4b4b4b;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.theHome .theHomePadd .theHPRight .theHPRVideo .theHPRVPlayButton svg {
  width: 22px;
  display: block;
}
.theHome .theHomePadd .theHPRight .theHPRVideo img {
  width: 100%;
  display: block;
  object-fit: contain;
  border-radius: 0.5rem;
}
.theHome .theHomePadd .theHPRight .theHPRVideo video {
  width: 100%;
  display: block;
  border-radius: 0.5rem;
}
.theHome .theHomePadd .theHPRight .theHPRAccessImg {
  width: 100%;
  position: relative;
  margin: 0 0 1rem;
}
.theHome .theHomePadd .theHPRight .theHPRAccessImg .theHPRAccessButtonFlex {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 94%;
}
.theHome .theHomePadd .theHPRight .theHPRAccessImg .theHPRAccessButtonFlex .theHPRAccessButton {
  width: 48%;
}
.theHome .theHomePadd .theHPRight .theHPRAccessImg .theHPRAccessButtonFlex .theHPRAccessButton img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePadd .theHPRight .theHPRAccessImg img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePadd .theHPRight .theHPRProgram {
  width: 100%;
  cursor: pointer;
}
.theHome .theHomePadd .theHPRight .theHPRProgram img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePadd .theHPRight .theHPRUser {
  width: 100%;
  position: relative;
  margin: 0 0 1rem;
}
.theHome .theHomePadd .theHPRight .theHPRUser .theHPRUserBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.theHome .theHomePadd .theHPRight .theHPRUser .theHPRUserBox .theHPRUBText {
  padding: 0 1.125rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.theHome .theHomePadd .theHPRight .theHPRUser .theHPRUserBox .theHPRUBBoldText {
  font-size: 1.125rem;
  font-weight: 700;
}
.theHome .theHomePadd .theHPRight .theHPRUser img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePadd .theHPRight .theHPRWallet {
  width: 100%;
  position: relative;
  margin: 0 0 1rem;
  background-repeat: no-repeat;
  background-size: cover;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTBPadd {
  padding: 0.9375rem 1.25rem;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox {
  width: 100%;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBHeaderLabel {
  font-size: 0.75rem;
  font-weight: 600;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBHeaderFlex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBHeaderFlex .theHPRWalletTBHFButton {
  width: 100%;
  max-width: 94px;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBHeaderFlex .theHPRWalletTBHFButton img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBHeaderValue {
  font-size: 1.75rem;
  font-weight: 700;
}
@media screen and (min-width: 600px) {
  .theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBHeaderValue {
    font-size: 1.75rem;
  }
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBDivider {
  width: 100%;
  height: 1px;
  margin: 0 0 0.625rem;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBProgress {
  width: 100%;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBProgress progress {
  width: 100%;
  height: 12px;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0.3rem;
  overflow: hidden;
  background-color: #565769;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBProgress progress::-webkit-progress-bar {
  background-color: #565769;
  border-radius: 0.3rem;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBProgress progress::-webkit-progress-value {
  background: var(--global-button-color, #ff0000);
  border-radius: 0.3rem;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBProgress progress::-moz-progress-bar {
  background: var(--global-button-color, #ff0000);
  border-radius: 0.3rem;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBFlex .theHPRWalletTBFLabel {
  font-size: 0.875rem;
  font-weight: 500;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBFlex .theHPRWalletTBFValue {
  font-size: 0.875rem;
  font-weight: 500;
  text-align: right;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletButtonBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 0 0;
  width: 100%;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletButtonBox .theHPRWalletButton {
  flex: 1;
}
.theHome .theHomePadd .theHPRight .theHPRWallet .theHPRWalletButtonBox .theHPRWalletButton img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePadd .theHPRight .theHPRWallet img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomeMobile {
  padding: 1.125rem 1rem 1rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .theHome .theHomeMobile {
    display: none;
  }
}
.theHome .theHomeMobile .theHMLWidth {
  width: 100%;
}
.theHome .theHomeMobile .theHMLWidth .theHPLBonusImg {
  margin: 0 0 0.625rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPLBonusImg .thePromotionBannerSlider {
  margin: 0 !important;
}
.theHome .theHomeMobile .theHMLWidth .theHPLBonusImg .thePromotionBannerSlider .thePromotionBannerSliderDot {
  width: 6px;
  height: auto;
  aspect-ratio: 1;
  padding: 0;
  border-radius: 50%;
  background: #777777;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}
.theHome .theHomeMobile .theHMLWidth .theHPLBonusImg .thePromotionBannerSlider .slick-dots {
  bottom: 10px;
}
.theHome .theHomeMobile .theHMLWidth .theHPLBonusImg .thePromotionBannerSlider .slick-dots li {
  width: fit-content;
  height: auto;
  margin: 0 3px;
}
.theHome .theHomeMobile .theHMLWidth .theHPLBonusImg .thePromotionBannerSlider .slick-dots li.slick-active .thePromotionBannerSliderDot {
  background: #ececec;
  transform: scale(1.4);
  /* Active dot color */
}
.theHome .theHomeMobile .theHMLWidth .theHPLBonusImg .thePromotionBannerSlider .slick-dots li.slick-active button:before {
  display: none;
}
.theHome .theHomeMobile .theHMLWidth .theHPLBonusImg .thePromotionBannerSlider .slick-dots li button:before {
  display: none;
}
.theHome .theHomeMobile .theHMLWidth .theHPLBonusImg .thePromotionBannerSlider .thePromotionBanner {
  width: 100%;
  cursor: pointer;
}
.theHome .theHomeMobile .theHMLWidth .theHPLBonusImg .thePromotionBannerSlider .thePromotionBanner img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg {
  width: 100%;
  position: relative;
}
.theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 94%;
}
@media screen and (min-width: 425px) {
  .theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex {
    max-width: 344px;
  }
}
@media screen and (min-width: 500px) {
  .theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex {
    max-width: none;
    width: 94%;
  }
}
@media screen and (min-width: 1440px) {
  .theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex {
    max-width: 344px;
  }
}
.theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotEmpty {
  max-width: 78px;
}
.theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 0.375rem;
  width: 243px;
}
@media screen and (min-width: 500px) {
  .theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex {
    width: 70%;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1440px) {
  .theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex {
    width: 243px;
  }
}
.theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox {
  min-width: 18px;
  aspect-ratio: 3/4;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  color: #fff;
  font-weight: 700;
  transition: transform 0.25s ease, filter 0.25s ease;
  transform-origin: center bottom;
  will-change: transform, filter;
}
.theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox.is-jackpot-rolling {
  animation: jackpot-rolling 0.35s ease-in-out infinite alternate;
}
.theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox.is-jackpot-final {
  animation: jackpot-pop 0.4s ease-out;
}
@media screen and (min-width: 425px) {
  .theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox {
    min-width: 24px;
    font-size: 0.89rem;
  }
}
@media screen and (min-width: 500px) {
  .theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox {
    min-width: unset;
    width: 10%;
  }
}
@media screen and (min-width: 768px) {
  .theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox {
    min-width: unset;
    width: 10%;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1440px) {
  .theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFBox {
    min-width: 24px;
    font-size: 0.89rem;
  }
}
.theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFText {
  font-size: 0.75rem;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFText {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFText {
    font-size: 1rem;
  }
}
@media screen and (min-width: 425px) {
  .theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg .theHPLJackpotBoxFlex .theHPLJackpotFlex .theHPLJFText {
    font-size: 0.89rem;
  }
}
.theHome .theHomeMobile .theHMLWidth .theHPLJackpotImg img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox {
  width: 100%;
  margin: 1rem 0;
  border-width: 1px;
  border-style: solid;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBHeader {
  padding: 0.3125rem 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBHeader .theHPLLBHText {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBHeader .theHPLLBHLive {
  animation: blinker 1.5s linear infinite;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.1875rem 0.375rem;
  border-radius: 0.0625rem;
  font-weight: 700;
  font-size: 0.63rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBHeader .theHPLLBHLive .theHPLLBHLCircle {
  width: 6px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 0 0 0.375rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBTableHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBTableHeader .theHPLLBTableHDeposit {
  width: 39%;
  border-right-width: 1px;
  border-right-style: solid;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBTableHeader .theHPLLBTableHDeposit .theHPLLBTableHDText {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: capitalize;
  padding: 0.25rem 0.625rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBTableHeader .theHPLLBTableHWining {
  width: 61%;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBTableHeader .theHPLLBTableHWining .theHPLLBTableHWText {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: capitalize;
  padding: 0.25rem 0.625rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBTableBodyWrapper {
  display: flex;
  flex-direction: column;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBTableBody {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBTableBody .theHPLLBTableBBorder {
  width: 1px;
  height: 100%;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBTableBody .theHPLLBTableBDeposit {
  width: 39%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBTableBody .theHPLLBTableBDeposit .theHPLLBTableBDTextBox {
  border-right-width: 1px;
  border-right-style: solid;
  width: 50%;
  align-self: stretch;
  min-width: 0;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBTableBody .theHPLLBTableBDeposit .theHPLLBTableHDText {
  font-size: 0.63rem;
  font-weight: 500;
  text-transform: capitalize;
  padding: 0.25rem 0.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBTableBody .theHPLLBTableHWining {
  width: 61%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBTableBody .theHPLLBTableHWining .theHPLLBTableBWTextBox {
  flex: 1;
  align-self: stretch;
  min-width: 0;
}
.theHome .theHomeMobile .theHMLWidth .theHPLLiveBox .theHPLLBTableBody .theHPLLBTableHWining .theHPLLBTableHWText {
  font-size: 0.63rem;
  font-weight: 500;
  text-transform: capitalize;
  padding: 0.25rem 0.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.theHome .theHomeMobile .theHMLWidth .theHPRVideo {
  width: 100%;
  margin: 0 0 1rem;
  position: relative;
}
.theHome .theHomeMobile .theHMLWidth .theHPRVideo .theHPRVPlayButton {
  width: 57px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #4b4b4b;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.theHome .theHomeMobile .theHMLWidth .theHPRVideo .theHPRVPlayButton svg {
  width: 22px;
  display: block;
}
.theHome .theHomeMobile .theHMLWidth .theHPRVideo img {
  width: 100%;
  display: block;
  object-fit: contain;
  border-radius: 0.5rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPRVideo video {
  width: 100%;
  display: block;
  border-radius: 0.5rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPRAccessImg {
  width: 100%;
  position: relative;
  margin: 0 0 1rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPRAccessImg .theHPRAccessButtonFlex {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 94%;
}
.theHome .theHomeMobile .theHMLWidth .theHPRAccessImg .theHPRAccessButtonFlex .theHPRAccessButton {
  width: 48%;
}
.theHome .theHomeMobile .theHMLWidth .theHPRAccessImg .theHPRAccessButtonFlex .theHPRAccessButton img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomeMobile .theHMLWidth .theHPRAccessImg img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomeMobile .theHMLWidth .theHPRProgram {
  width: 100%;
  cursor: pointer;
}
.theHome .theHomeMobile .theHMLWidth .theHPRProgram img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomeMobile .theHMLWidth .theHPRUser {
  width: 100%;
  position: relative;
  margin: 0 0 1rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPRUser .theHPRUserBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.theHome .theHomeMobile .theHMLWidth .theHPRUser .theHPRUserBox .theHPRUBText {
  padding: 0 1.125rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.theHome .theHomeMobile .theHMLWidth .theHPRUser .theHPRUserBox .theHPRUBBoldText {
  font-size: 1.125rem;
  font-weight: 700;
}
.theHome .theHomeMobile .theHMLWidth .theHPRUser img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet {
  width: 100%;
  position: relative;
  margin: 0 0 1rem;
  background-repeat: no-repeat;
  background-size: cover;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTBPadd {
  padding: 0.9375rem 1.25rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox {
  width: 100%;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBHeaderLabel {
  font-size: 0.75rem;
  font-weight: 600;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBHeaderFlex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBHeaderFlex .theHPRWalletTBHFButton {
  width: 100%;
  max-width: 94px;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBHeaderFlex .theHPRWalletTBHFButton img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBHeaderValue {
  font-size: 1.75rem;
  font-weight: 700;
}
@media screen and (min-width: 600px) {
  .theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBHeaderValue {
    font-size: 1.75rem;
  }
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBDivider {
  width: 100%;
  height: 1px;
  margin: 0 0 0.625rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBProgress {
  width: 100%;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBProgress progress {
  width: 100%;
  height: 12px;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0.3rem;
  overflow: hidden;
  background-color: #565769;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBProgress progress::-webkit-progress-bar {
  background-color: #565769;
  border-radius: 0.3rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBProgress progress::-webkit-progress-value {
  background: var(--global-button-color, #ff0000);
  border-radius: 0.3rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBProgress progress::-moz-progress-bar {
  background: var(--global-button-color, #ff0000);
  border-radius: 0.3rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBFlex .theHPRWalletTBFLabel {
  font-size: 0.875rem;
  font-weight: 500;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletTextBox .theHPRWalletTBFlex .theHPRWalletTBFValue {
  font-size: 0.875rem;
  font-weight: 500;
  text-align: right;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletButtonBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 0 0;
  width: 100%;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletButtonBox .theHPRWalletButton {
  flex: 1;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet .theHPRWalletButtonBox .theHPRWalletButton img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomeMobile .theHMLWidth .theHPRWallet img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomeMobile .theHMLWidth .theHPLCommImg {
  width: 100%;
  margin: 0;
}
.theHome .theHomeMobile .theHMLWidth .theHPLCommImg img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomeMobile .theHMLWidth .theHPLCommButtonFlexWrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.theHome .theHomeMobile .theHMLWidth .theHPLCommButtonFlexWrap .theHPLCommBFWButton {
  width: 100%;
  cursor: pointer;
}
.theHome .theHomeMobile .theHMLWidth .theHPLCommButtonFlexWrap .theHPLCommBFWButton img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePaddMob {
  padding: 1.125rem 1rem 1.125rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 758px) {
  .theHome .theHomePaddMob {
    padding: 1.125rem 1rem 1.125rem;
  }
}
@media screen and (min-width: 1440px) {
  .theHome .theHomePaddMob {
    display: none;
  }
}
.theHome .theHomePaddMob .theHPGameBoxMob {
  display: block;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGBBack {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0.5rem 0 1rem;
  cursor: pointer;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGBBack .theHPGBBIcon {
  width: 16px;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGBBack .theHPGBBIcon svg {
  display: flex;
  color: var(--global-button-color);
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGBBack .theHPGBBText {
  font-size: 0.75rem;
  font-weight: 500;
  margin: 0 0 0 0.625rem;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGBCategory {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  gap: 1rem;
  margin: 0 0 1.25rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGBCategory::-webkit-scrollbar {
  display: none;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGBCategory .theHPGBCategoryLogo {
  width: fit-content;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGBCategory .theHPGBCategoryLogo img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGBCategory .theHPGBCBox {
  display: inline-block;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  text-transform: capitalize;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGBCategory .theHPGBCImgBox {
  min-width: 80px;
  max-width: 80px;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGBCategory .theHPGBCImgBox img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGameFlexWrap {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
  gap: 0.875rem;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGameFlexWrap .theHPGameFWGame {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGameFlexWrap .theHPGameFWGame .provider-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  /* dark overlay */
  z-index: 1;
  opacity: 0;
  display: none;
  cursor: not-allowed;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGameFlexWrap .theHPGameFWGame img {
  width: 100%;
  display: block;
  object-fit: contain;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGameFlexWrap .theHPGameFWGame .theHPGameFWGName {
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0.5rem 0;
  text-align: center;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGameFlexWrap .theHPGameFWGame .theHPGameFWGButtonFlex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 0.3125rem;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGameFlexWrap .theHPGameFWGame .theHPGameFWGButtonFlex .theHPGameFWGBFDemoButton {
  width: 100%;
  text-align: center;
  font-size: 0.625rem;
  font-weight: 900;
  text-align: center;
  border-radius: 0.3125rem;
  padding: 0.3125rem 0;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGameFlexWrap .theHPGameFWGame .theHPGameFWGButtonFlex .theHPGameFWGBFPlayButton {
  width: 100%;
  text-align: center;
  font-size: 0.625rem;
  font-weight: 900;
  text-align: center;
  border-radius: 0.3125rem;
  padding: 0.3125rem 0;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGameFlexWrap .provider-item-mobile.disabled {
  cursor: not-allowed;
}
.theHome .theHomePaddMob .theHPGameBoxMob .theHPGameFlexWrap .provider-item-mobile.disabled .provider-overlay {
  display: block;
  /* Show overlay */
  opacity: 1;
  cursor: not-allowed;
}

@keyframes jackpot-rolling {
  from {
    transform: translateY(-2px);
    filter: brightness(0.9);
  }
  to {
    transform: translateY(2px);
    filter: brightness(1.1);
  }
}
@keyframes jackpot-pop {
  0% {
    transform: scale(0.85);
  }
  65% {
    transform: scale(1.12);
  }
  100% {
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .theHPLJackpotFlex .theHPLJFBox {
    animation: none !important;
    transition: none !important;
  }
}
@keyframes pulseG {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

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