/* KUBER SaaS Lottery V7 final: popup receipt, TRX hash balls, D5 colors */

/* Period/game and issue always occupy two clean lines on both win and loss cards. */
.WinningTip__C-body-l3 {
  position: relative !important;
  height: 1.95rem !important;
  overflow: visible !important;
}
.WinningTip__C-body-l3 .gameDetail,
.WinningTip__C-body .gameDetail {
  position: absolute !important;
  left: .28rem !important;
  right: .28rem !important;
  bottom: .04rem !important;
  width: auto !important;
  min-height: .72rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .015rem !important;
  line-height: .33rem !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 8 !important;
}
.WinningTip__C-body-l3 .gameDetail > span,
.WinningTip__C-body .gameDetail > span,
.kuber-period-label,
.kuber-period-issue {
  display: block !important;
  width: 100% !important;
  height: .32rem !important;
  min-height: .32rem !important;
  line-height: .32rem !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #8f8f8f !important;
  font-size: .285rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}
.WinningTip__C-body.isL .WinningTip__C-body-l3 .gameDetail {
  bottom: .08rem !important;
}
.WinningTip__C-body.isL .kuber-period-label,
.WinningTip__C-body.isL .kuber-period-issue {
  color: #7890aa !important;
}
.WinningTip__C-body-l3 .isLose {
  margin-bottom: .08rem !important;
  padding-top: .20rem !important;
}
.WinningTip__C-body-l3 .bonus { margin-bottom: .08rem !important; }

/* TRX hash balls: original Vue TimeLeft CSS only. */

/* Main Big/Small/Odd/Even colors across the lottery components. */
[data-kuber-choice="big"] {
  background: #f5a036 !important;
  background-image: none !important;
  border-color: #f5a036 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
[data-kuber-choice="small"] {
  background: #6ea8f4 !important;
  background-image: none !important;
  border-color: #6ea8f4 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
[data-kuber-choice="odd"],
.FDB__C-H > div:nth-child(3) {
  background: #e83b3b !important;
  background-image: none !important;
  border-color: #e83b3b !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
[data-kuber-choice="even"],
.FDB__C-H > div:nth-child(4) {
  background: #17b15e !important;
  background-image: none !important;
  border-color: #17b15e !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
.FDB__C-H > div:nth-child(1) { background: #f5a036 !important; color:#fff !important; }
.FDB__C-H > div:nth-child(2) { background: #6ea8f4 !important; color:#fff !important; }
.FDB__C-H > div > span { color: inherit !important; -webkit-text-fill-color: inherit !important; }

/* Matching popup sheet controls for the chosen category. */
.van-popup[data-kuber-choice="big"] .Betting__Popup-head,
.van-popup[data-kuber-choice="big"] .Betting__Popup-foot-s,
.van-popup[data-kuber-choice="big"] .bgcolor { background:#f5a036 !important; border-color:#f5a036 !important; }
.van-popup[data-kuber-choice="small"] .Betting__Popup-head,
.van-popup[data-kuber-choice="small"] .Betting__Popup-foot-s,
.van-popup[data-kuber-choice="small"] .bgcolor { background:#6ea8f4 !important; border-color:#6ea8f4 !important; }
.van-popup[data-kuber-choice="odd"] .Betting__Popup-head,
.van-popup[data-kuber-choice="odd"] .Betting__Popup-foot-s,
.van-popup[data-kuber-choice="odd"] .bgcolor { background:#e83b3b !important; border-color:#e83b3b !important; }
.van-popup[data-kuber-choice="even"] .Betting__Popup-head,
.van-popup[data-kuber-choice="even"] .Betting__Popup-foot-s,
.van-popup[data-kuber-choice="even"] .bgcolor { background:#17b15e !important; border-color:#17b15e !important; }

@media (max-width: 380px) {
  .kuber-period-label, .kuber-period-issue { font-size: .27rem !important; }
}

/* TRX hash balls: original Vue TimeLeft CSS only. */