@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin,latin-ext&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin,latin-ext&display=swap);
[data-v-61fc7a0b]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
@keyframes circles-61fc7a0b {
100% {
    transform: rotate(360deg);
}
}
.root[data-v-61fc7a0b] {
  background: rgb(var(--brand-tertiary));
  color: rgb(var(--text-type1-primary));
  font-family: Roboto;
  font-size: 1.16666667rem;
  padding-top: 8px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}
.root .message-container[data-v-61fc7a0b] {
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
.root .refresh-icon[data-v-61fc7a0b] {
  animation: loading-rotate 1.2s linear infinite;
  display: inline-block;
}
.root .refresh-icon[data-v-61fc7a0b]::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.root .refresh-icon[data-v-61fc7a0b]::before {
  color: #000000;
  font-size: 30px;
  line-height: 1;
  vertical-align: top;
}

.router-link-active[data-v-449f449e] {
  background-color: rgb(var(--brand-tertiary));
}
.open-bet-tab-container .open-bet-tab-item[data-v-449f449e] {
  border-top-left-radius: 0.33333333rem;
  border-top-right-radius: 0.33333333rem;
}

.m-sportBets-ads[data-v-849a33d0] {
  margin-top: 5.83333333rem;
  overflow: hidden;
  width: 100%;
}
.m-sportBets-ads > img[data-v-849a33d0] {
  width: 100%;
}

.m-betslip-header[data-v-3cfd40d4] {
  background-color: rgb(var(--background-type2-secondary)) !important;
  color: rgb(var(--text-type2-primary));
  padding: 1.16666667rem 1.16666667rem 1.16666667rem 1rem;
  position: relative;
}
.m-betslip-header .bet-info-panel[data-v-3cfd40d4] {
  justify-content: initial !important;
  width: 75%;
}
.m-betslip-header .betslip-text[data-v-3cfd40d4] {
  font-size: 1.16666667rem;
  line-height: 1.75rem;
  margin-left: 0.33333333rem;
  margin-right: auto;
}
.m-betslip-header .wrapper[data-v-3cfd40d4] {
  display: flex;
}
.m-betslip-header .wrapper .wrapper-item[data-v-3cfd40d4] {
  align-items: center;
  display: flex;
  flex: 2;
  justify-content: center;
}
.m-betslip-header .bet-count[data-v-3cfd40d4] {
  margin-right: 0.33333333rem;
}
.m-betslip-header .close[data-v-3cfd40d4] {
  color: rgb(var(--text-type2-primary));
  transform: translateY(-1rem);
}
.m-betslip-header .user-assets-panel[data-v-3cfd40d4] {
  color: rgb(var(--fc-nl-400));
  font-size: 1.16666667rem;
}
.m-betslip-header .ml-auto[data-v-3cfd40d4] {
  color: rgb(var(--text-type2-primary));
  margin-left: auto;
}
.m-betslip-header .bet-type[data-v-3cfd40d4] {
  color: rgb(var(--highlight-focus));
  font-size: 1.33333333rem;
  font-weight: 500;
  margin-left: 0.33333333rem;
  text-transform: capitalize;
}
.m-betslip-header .total-odds-wrap[data-v-3cfd40d4] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-betslip-header .total-odds[data-v-3cfd40d4] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-betslip-header .bet-type-odds[data-v-3cfd40d4] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flashFreezeCount[data-v-d5b92410] {
  align-items: center;
  border-radius: 12px;
  color: rgb(var(--fc-blue-200));
  display: flex;
  padding: 8px 6px;
}
.flashFreezeCount .text[data-v-d5b92410] {
  font-size: 16px;
  font-weight: 700;
}
.skeleton[data-v-d5b92410] {
  border-radius: 16px !important;
}

[data-v-37d6cfa3]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
#reminderTip[data-v-37d6cfa3] {
  align-items: center;
  display: flex;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
#reminderTip[data-v-37d6cfa3] {
    font-size: 1.16666667rem;
}
}
#reminderTip.home-running-text p[data-v-37d6cfa3] {
  animation: my-animation-37d6cfa3 15s linear infinite;
  transform: translateX(100%);
}
@keyframes my-animation-37d6cfa3 {
from {
    transform: translateX(50%);
}
to {
    transform: translateX(-100%);
}
}
.reminder-icon[data-v-37d6cfa3] {
  margin-right: 1rem;
}
.verify-tip[data-v-37d6cfa3] {
  align-items: center;
  background: #feffe7;
  box-sizing: border-box;
  display: flex;
  padding: 1rem;
}
.verify-tip .tip-icon[data-v-37d6cfa3] {
  color: #ffd500;
  padding-right: 0.58333333rem;
}
.verify-tip .tip-icon[data-v-37d6cfa3]::before {
  content: '\e652';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.verify-tip .tip-icon[data-v-37d6cfa3]::before {
  color: rgb(var(--text-type1-primary));
}
.verify-tip .tip-icon[data-v-37d6cfa3]::before {
  font-size: 1.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
.i18n-child[data-v-37d6cfa3] {
    font-size: 1.16666667rem;
}
}
.i18n-child[data-v-37d6cfa3]:not(:first-child) {
  margin-left: 0.33333333rem;
}

[data-v-0b2ba709]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.kyc-entrance-container[data-v-0b2ba709] {
  background: linear-gradient(90deg, rgb(var(--background-type2-secondary)) 0%, rgb(var(--brand-tertiary)) 100%);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  padding: 1rem 1.33333333rem;
  position: relative;
}
.kyc-entrance-container .football-img[data-v-0b2ba709] {
  bottom: -1.25rem;
  position: absolute;
  right: -0.83333333rem;
  width: 10rem;
}
.kyc-entrance-container .kyc-entrance-title[data-v-0b2ba709] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.33333333rem;
}
.kyc-entrance-container .kyc-entrance-subtitle[data-v-0b2ba709] {
  color: rgb(var(--text-type1-secondary));
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0.66666667rem;
}
.kyc-entrance-container .kyc-entrance-time-container[data-v-0b2ba709] {
  align-items: center;
  color: rgb(var(--highlight-focus));
  display: flex;
  margin-bottom: 1.33333333rem;
}
.kyc-entrance-container .kyc-entrance-time-container .timer-icon[data-v-0b2ba709] {
  margin-right: 0.33333333rem;
}
.kyc-entrance-container .kyc-entrance-time-container .kyc-entrance-time[data-v-0b2ba709] {
  font-size: 1rem;
  font-weight: 400;
}
.kyc-entrance-container .verify-btn[data-v-0b2ba709] {
  background: transparent;
  border: 1px solid rgb(var(--brand-secondary));
  border-radius: 2px;
  color: rgb(var(--brand-secondary));
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.33333333rem;
  padding: 0.5rem 0;
  width: 8.33333333rem;
}

.m-pop-tips {
  background: rgb(var(--highlight-hint));
  border-radius: 2px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 1.16666667rem;
  font-weight: 500;
  line-height: 1.33333333rem;
  padding: 0.83333333rem;
  position: absolute;
  right: 0;
  top: 2.16666667rem;
  z-index: 1000;
}
.m-pop-tips:before {
  border: 0.5rem solid transparent;
  border-bottom-color: rgb(var(--highlight-hint));
  content: '';
  display: block;
  height: 0;
  position: absolute;
  right: 1.66666667rem;
  top: -1rem;
  width: 0;
}
.m-pop-tips:not(.active) {
  display: none;
}
.m-pop-tips__mask {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99999;
}

.gift-section[data-v-a503cd2e] {
  align-items: center;
  background-color: rgb(var(--brand-tertiary));
  background-image: url(//s.football.com/global/main/modules/main/mobile/me/images/loyalty_reward_section.a57e40b6a4.png);
  background-size: cover;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  min-height: 4.83333333rem;
  overflow: hidden;
  padding: 1rem 0;
  padding-left: 1.33333333rem;
  padding-right: 0.66666667rem;
  position: relative;
  z-index: 1;
}
.gift-section.light[data-v-a503cd2e] {
  background-color: transparent;
  background-image: url(//s.football.com/global/main/modules/main/mobile/me/images/loyalty_reward_section_light.24c2d574f5.png);
}
.gift-section .gift-icon[data-v-a503cd2e] {
  color: rgb(var(--text-type1-primary));
  margin-bottom: 0.16666667rem;
  margin-right: 0.66666667rem;
}
.gift-section .content[data-v-a503cd2e] {
  margin-right: 1.33333333rem;
  width: 100%;
}
.gift-section .content .title[data-v-a503cd2e] {
  color: rgb(var(--brand-secondary));
  font-size: 1.16666667rem;
  font-weight: 700;
}
.gift-section .content .subtitle-content[data-v-a503cd2e] {
  align-items: center;
  display: flex;
}
.gift-section .content .subtitle-content .label[data-v-a503cd2e] {
  color: rgb(var(--text-type1-primary));
  margin-right: 0.33333333rem;
}
.gift-section .content .subtitle-content .amount[data-v-a503cd2e] {
  color: rgb(var(--highlight-hint));
  font-size: 1rem;
}
.gift-section .arrow-icon[data-v-a503cd2e] {
  color: rgb(var(--text-type1-primary));
}

.checkbox[data-v-39df8aee] path:nth-child(2) {
  fill: rgb(var(--brand-tertiary));
}
.loading-icon[data-v-39df8aee] {
  animation: rotate-infinite-39df8aee 1s linear infinite;
}
.not-supported[data-v-39df8aee] {
  color: rgb(var(--text-type1-secondary));
  font-size: 1.08333333rem;
  margin-left: 2px;
}
.hiddenOneUp[data-v-39df8aee] {
  opacity: 0;
  visibility: hidden;
  width: 0;
}
@keyframes rotate-infinite-39df8aee {
from {
    transform: rotate(0);
}
to {
    transform: rotate(-360deg);
}
}

.checkbox[data-v-4e1738ad] path:nth-child(2) {
  fill: rgb(var(--brand-tertiary));
}
.loading-icon[data-v-4e1738ad] {
  animation: rotate-infinite-4e1738ad 1s linear infinite;
}
.not-supported[data-v-4e1738ad] {
  color: rgb(var(--text-type1-secondary));
  font-size: 1.08333333rem;
  margin-left: 2px;
}
.hiddenTwoUp[data-v-4e1738ad] {
  opacity: 0;
  visibility: hidden;
  width: 0;
}
@keyframes rotate-infinite-4e1738ad {
from {
    transform: rotate(0);
}
to {
    transform: rotate(-360deg);
}
}

.checkbox[data-v-5334a0c0] path:nth-child(2) {
  fill: rgb(var(--brand-tertiary));
}
.loading-icon[data-v-5334a0c0] {
  animation: rotate-infinite-5334a0c0 1s linear infinite;
}
.not-supported[data-v-5334a0c0] {
  color: rgb(var(--text-type1-secondary));
  font-size: 1.08333333rem;
  margin-left: 2px;
}
.text-ellipsis[data-v-5334a0c0] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hidden[data-v-5334a0c0] {
  opacity: 0;
  visibility: hidden;
  width: 0;
}
@keyframes rotate-infinite-5334a0c0 {
from {
    transform: rotate(0);
}
to {
    transform: rotate(-360deg);
}
}

.chat-footer[data-v-b0d708ec] {
  align-items: center;
  background-color: rgb(var(--background-type1-tertiary));
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  gap: 1rem;
  height: 4.66666667rem;
  padding: 0 1.5rem;
  position: sticky;
  width: 100%;
  z-index: 3;
}
.chat-footer .dot[data-v-b0d708ec] {
  background-color: rgb(var(--brand-secondary));
  border-radius: 50%;
  height: 8px;
  width: 8px;
}
.chat-footer .online[data-v-b0d708ec],
.chat-footer .bets[data-v-b0d708ec],
.chat-footer .gift[data-v-b0d708ec] {
  color: rgb(var(--text-type1-secondary));
  font-size: 1rem;
}
.chat-footer .online .label[data-v-b0d708ec],
.chat-footer .bets .label[data-v-b0d708ec],
.chat-footer .gift .label[data-v-b0d708ec],
.chat-footer .online .gift-icon[data-v-b0d708ec],
.chat-footer .bets .gift-icon[data-v-b0d708ec],
.chat-footer .gift .gift-icon[data-v-b0d708ec] {
  margin-right: 0.33333333rem;
}
.chat-footer .online .gift-icon[data-v-b0d708ec],
.chat-footer .bets .gift-icon[data-v-b0d708ec],
.chat-footer .gift .gift-icon[data-v-b0d708ec] {
  margin-bottom: 0.16666667rem;
}
.chat-footer .online .count[data-v-b0d708ec],
.chat-footer .bets .count[data-v-b0d708ec],
.chat-footer .gift .count[data-v-b0d708ec] {
  color: rgb(var(--text-type1-primary));
}
.chat-footer .join-button[data-v-b0d708ec] {
  align-items: center;
  all: initial;
  background-color: rgb(var(--disable-type1-primary));
  border-radius: 10px;
  color: rgb(var(--text-type1-primary));
  display: flex;
  font-family: Roboto, Helvetica, Verdana, Menlo, sans-serif;
  gap: 0.33333333rem;
  margin-left: auto;
  padding: 0.83333333rem 1.25rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (min-width: 320px) and (max-width: 359px), only screen and (min-width: 360px) and (max-width: 375px) {
.chat-footer .join-button[data-v-b0d708ec] {
    font-size: 1rem;
}
}
.chat-footer .join-button-icon[data-v-b0d708ec] {
  color: rgb(var(--text-type1-primary));
}

.replyContainer .more-reply-loading-icon[data-v-7a269479] {
  animation: loading-rotate-7a269479 infinite 1s linear;
  display: block;
  height: 1.66666667rem;
  margin: 0 auto;
  transform: translateX(-1.66666667rem);
  width: 1.66666667rem;
}
.replyContainer .more-reply svg.point-up[data-v-7a269479] {
  transform: rotate(180deg);
}
.replyContainer .more-reply[data-v-7a269479],
.replyContainer .show-more-reply[data-v-7a269479] {
  font-size: 1.16666667rem;
  font-weight: 500;
  margin: 0.83333333rem 0;
  padding: 0 3.75rem;
  transition: all 0.2s;
}
.replyContainer .more-reply svg[data-v-7a269479],
.replyContainer .show-more-reply svg[data-v-7a269479] {
  vertical-align: top;
}
.replyContainer .hiddenReplies[data-v-7a269479] {
  height: 0;
  opacity: 0;
  overflow-y: hidden;
  visibility: hidden;
}
@keyframes loading-rotate-7a269479 {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(-360deg);
}
}

.action[data-v-36dff9bc] {
  align-items: center;
  color: rgb(var(--text-type2-tertiary));
  display: flex;
}
.action .time[data-v-36dff9bc],
.action .like[data-v-36dff9bc] {
  flex: 0 0 4.16666667rem;
  margin-right: 1rem;
}
.action .like .icon[data-v-36dff9bc],
.action .reply .icon[data-v-36dff9bc] {
  height: 1.08333333rem;
  vertical-align: text-top;
  width: 1.08333333rem;
}
.action .like .number[data-v-36dff9bc],
.action .reply .number[data-v-36dff9bc] {
  font-size: 1rem;
}

.comment[data-v-006073d8] {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  transition: background-color 0.3s;
}
.comment.latestComment[data-v-006073d8] {
  background-color: rgb(var(--brand-primary));
}
.comment__left[data-v-006073d8] {
  padding-top: 0.66666667rem;
}
.comment__left .avatar[data-v-006073d8] {
  height: 1.66666667rem;
  width: 1.66666667rem;
}
.comment__right[data-v-006073d8] {
  flex-grow: 1;
}
.comment__right .userNickname[data-v-006073d8] {
  color: var(--7fddc490);
  font-size: 1.16666667rem;
  font-weight: 500;
}
.comment__right .tagName[data-v-006073d8] {
  color: rgb(var(--highlight-hint));
  margin-right: 0.33333333rem;
}
.comment__right .textWrapper[data-v-006073d8] {
  line-height: 20px;
  max-height: 80px;
  overflow-y: hidden;
}
.comment__right .textWrapper.showAll[data-v-006073d8] {
  max-height: initial;
  overflow-y: initial;
}
.comment__right .textWrapper .text[data-v-006073d8] {
  word-break: break-word;
}
.comment__right .showFull[data-v-006073d8] {
  background-color: inherit;
  color: rgb(var(--highlight-hint));
  padding: 0.83333333rem 0;
}

.comment-container[data-v-be269c50] {
  height: var(--2a474126);
  margin-top: auto;
  overflow: auto;
  padding-top: 1rem;
}
.comment-container .loading-icon[data-v-be269c50] {
  animation: rotate-infinite-be269c50 1s linear infinite;
  height: 2.33333333rem;
  left: 50%;
  position: absolute;
  top: 50%;
  translate: -50% -50%;
  width: 2.33333333rem;
}
.comment-container .commentEmpty[data-v-be269c50] {
  bottom: 0;
  color: rgb(var(--text-type1-secondary));
  padding: 0 1.33333333rem;
  position: absolute;
}
.comment-container .author .comment[data-v-be269c50] {
  padding: 0 1.33333333rem;
}
.comment-container .replies[data-v-be269c50] {
  margin-top: 0.83333333rem;
}
.comment-container .replies .comment[data-v-be269c50] {
  padding-left: 3.75rem;
}
.loadingSvgIcon[data-v-be269c50] {
  animation: rotate-infinite-be269c50 1s linear infinite;
  height: 1.66666667rem;
  width: 1.66666667rem;
}
@keyframes rotate-infinite-be269c50 {
from {
    transform: rotate(0);
}
to {
    transform: rotate(-360deg);
}
}

.CommentFooter[data-v-dbf6737a] {
  align-items: center;
  background-color: rgb(var(--background-type1-primary));
  bottom: 0;
  box-sizing: border-box;
  color: rgb(var(--text-type1-secondary));
  display: flex;
  gap: 1rem;
  height: 4.66666667rem;
  padding: 0 1.5rem;
  position: sticky;
  width: 100%;
  z-index: 3;
}
.CommentFooter .comment[data-v-dbf6737a],
.CommentFooter .bets[data-v-dbf6737a] {
  font-size: 1rem;
}
.CommentFooter .comment .label[data-v-dbf6737a],
.CommentFooter .bets .label[data-v-dbf6737a],
.CommentFooter .comment .gift-icon[data-v-dbf6737a],
.CommentFooter .bets .gift-icon[data-v-dbf6737a] {
  margin-right: 0.33333333rem;
}
.CommentFooter .comment .gift-icon[data-v-dbf6737a],
.CommentFooter .bets .gift-icon[data-v-dbf6737a] {
  margin-bottom: 0.16666667rem;
}
.CommentFooter .comment .count[data-v-dbf6737a],
.CommentFooter .bets .count[data-v-dbf6737a] {
  color: rgb(var(--text-type1-primary));
}
.CommentFooter .join-button[data-v-dbf6737a] {
  align-items: center;
  all: initial;
  background-color: rgb(var(--background-type1-tertiary));
  border-radius: 10px;
  color: rgb(var(--text-type1-primary));
  display: flex;
  font-family: Roboto, Helvetica, Verdana, Menlo, sans-serif;
  gap: 0.33333333rem;
  margin-left: auto;
  padding: 0.83333333rem 1.25rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (min-width: 320px) and (max-width: 359px), only screen and (min-width: 360px) and (max-width: 375px) {
.CommentFooter .join-button[data-v-dbf6737a] {
    font-size: 1rem;
}
}
.CommentFooter .join-button-icon[data-v-dbf6737a] {
  color: rgb(var(--text-type1-primary));
}

.CommentInput[data-v-6739d935] {
  align-items: center;
  background-color: rgb(var(--background-type1-primary));
  display: flex;
  padding: 0.66666667rem 1.33333333rem;
  position: relative;
}
.CommentInput .tagName[data-v-6739d935] {
  background-color: rgb(var(--background-type1-primary));
  border-top: 1px solid rgb(var(--brand-primary));
  padding-top: 0.83333333rem;
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  width: calc(100% -  1.33333333rem );
}
.CommentInput input[data-v-6739d935] {
  background-color: rgb(var(--background-type1-secondary));
  border: 1px solid rgb(var(--line-type1-secondary));
  border-radius: 2px;
  color: rgb(var(--text-type1-primary));
  flex-grow: 1;
  height: 3.33333333rem;
  margin-right: 0.83333333rem;
  outline: none;
  padding-left: 1.33333333rem;
  padding-right: 3rem;
}
.CommentInput input[data-v-6739d935]:focus,
.CommentInput input[data-v-6739d935]:focus-visible {
  border-bottom-left-radius: 0;
  border-color: rgb(var(--brand-secondary));
  border-top-left-radius: 0;
}
.CommentInput input.tagged[data-v-6739d935] {
  border-left: none;
  padding-left: 0;
}
.CommentInput .inputClose[data-v-6739d935] {
  background-color: rgb(var(--text-type1-secondary));
  border-radius: 50%;
  height: 1.5rem;
  position: absolute;
  right: 5rem;
  width: 1.5rem;
}
.CommentInput .inputClose[data-v-6739d935]::before,
.CommentInput .inputClose[data-v-6739d935]::after {
  background-color: rgb(var(--background-type1-primary));
  border-radius: 8px;
  content: '';
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: center;
  width: 78%;
}
.CommentInput .inputClose[data-v-6739d935]::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.CommentInput .inputTagName[data-v-6739d935] {
  background-color: rgb(var(--background-type1-secondary));
  border: 1px solid rgb(var(--line-type1-secondary));
  border-right: none;
  color: rgb(var(--highlight-hint));
  height: 3.33333333rem;
  line-height: 3.33333333rem;
  padding: 0 0.83333333rem;
}
.CommentInput:focus-within .inputTagName[data-v-6739d935] {
  border-color: rgb(var(--brand-secondary));
}
.CommentInput .send-icon[data-v-6739d935] {
  background: transparent;
  border: none;
  color: rgb(var(--brand-secondary));
  outline: none;
}
.CommentInput .send-icon.disabled[data-v-6739d935] {
  color: rgb(var(--text-type1-secondary));
}
.CommentInput .close[data-v-6739d935] {
  --close-icon-with: 16px;
  height: var(--close-icon-with);
  position: absolute;
  right: 15px;
  top: 15px;
  width: var(--close-icon-with);
}
.CommentInput .close[data-v-6739d935]::before,
.CommentInput .close[data-v-6739d935]::after {
  background-color: currentColor;
  border-radius: 10px;
  content: '';
  height: 3px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  transform-origin: center;
  translate: -50% -50%;
  width: 100%;
}
.CommentInput .close[data-v-6739d935]::after {
  transform: rotate(-45deg);
}

.loading-icon-input {
  animation: rotation 2s infinite linear;
  left: 21.41666667rem;
  position: absolute;
}
@keyframes rotation {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
#confirm-account-info {
  background: rgb(var(--background-type1-secondary));
  color: rgb(var(--text-type1-primary));
  font-family: Roboto;
  font-size: 14px;
  height: 100vh;
}
#confirm-account-info * {
  box-sizing: border-box;
}
#confirm-account-info .m-loading-wrap {
  background-color: rgb(var(--brand-secondary));
  min-height: initial;
}
#confirm-account-info .m-loading-wrap .m-loading .loading {
  background-color: rgb(var(--brand-secondary));
}
#confirm-account-info .title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 16px;
  text-align: center;
}
#confirm-account-info .sub-title {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
#confirm-account-info .sub-title {
    text-align: center;
}
}
#confirm-account-info .body {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
#confirm-account-info .body {
    padding: 0 10%;
}
}
#confirm-account-info .body > :not(:last-child) {
  margin-bottom: 12px;
}
#confirm-account-info .body .input-column {
  align-items: center;
  border: 1px solid rgb(var(--line-type1-tertiary));
  display: flex;
  padding: 15px;
}
#confirm-account-info .body .input-column.disable {
  background-color: rgb(var(--disable-brand-secondary));
}
#confirm-account-info .body .input-column.disable input {
  background-color: rgb(var(--disable-brand-secondary));
}
#confirm-account-info .body .input-column .label {
  font-weight: 500;
  position: relative;
  width: 30%;
}
@media screen and (max-width: 360px) {
#confirm-account-info .body .input-column .label {
    width: 40%;
}
}
#confirm-account-info .body .input-column .label .required-mark {
  position: absolute;
  right: 0;
  top: -8px;
}
#confirm-account-info .body .input-column input {
  background-color: transparent;
  border: 0;
  color: rgb(var(--text-type1-secondary));
  flex: 1;
  font-size: 14px;
  min-width: 100px;
  padding-left: 20px;
}
#confirm-account-info .body .input-column input:focus {
  outline: none;
}
#confirm-account-info .submit-btn {
  background: rgb(var(--brand-secondary));
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
  font-size: 16px;
  font-weight: 500;
  padding: 16px 0;
  width: 100%;
}

/*  重设各标签默认样式 */
html {
  background: #fff;
  color: #000;
  font-family: Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
/* HTML5 媒体文件跟 img 保持一致 */
audio,
canvas,
video {
  *display: inline;
  *zoom: 1;
}
/* 去掉各Table  cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* IE bug fixed: th 不继承 text-align */
th {
  text-align: inherit;
}
/* 去除默认边框 */
fieldset,
img {
  border: 0;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
  display: block;
}
/* 去掉 firefox 下此元素的边框 */
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
/* 一致的 del 样式 */
del {
  text-decoration: line-through;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var,
i,
b {
  font-style: normal;
  font-weight: 500;
}
/* 去掉列表前的标识, li 会继承 */
ol,
ul {
  list-style: none;
}
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,
h2,
h3,
h4,
h5,
h6,
b {
  font-size: 100%;
  font-weight: 500;
}
q::before,
q::after {
  content: '';
}
/* 统一上标和下标 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* 原有reset，上下居中显示，并恢复正确的inline-block */
img,
input,
select {
  display: inline-block;
  vertical-align: middle;
}
/* 输入框placeholder 样式 */
::-moz-placeholder {
  color: #999;
}
::placeholder {
  color: #999;
}
/* 去掉flash的虚线 */
embed,
object {
  outline: none;
}
/* 为运行 Windows 8 的设备上的 Internet Explorer 10 触摸式浏览设置默认行为 */
canvas {
  touch-action: double-tap-zoom;
}
/******************************************************************************************
 * 基础通用样式
 */
/* 让高度真正100％ */
html {
  height: 100%;
}
body {
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,
button,
input,
select,
textarea {
  font: 12px/1.5 Roboto, Helvetica, Verdana, Menlo, sans-serif;
}
input,
select,
textarea {
  font-size: 100%;
}
/* 默认不显示下划线，保持页面简洁 */
ins,
a {
  text-decoration: none;
}
/* 唯一元素noScript */
#noScript {
  background-color: #ccc;
  filter: alpha(opacity=70);
  height: 100%;
  left: 0;
  opacity: 0.7;
  _position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}
#noScript div {
  background-color: #222;
  border: 1px solid #000;
  border-radius: 12px;
  left: 50%;
  margin-left: -175px;
  padding: 10px;
  position: absolute;
  _top: 150px;
  transform: all 0.3s ease-out;
  width: 350px;
}
#noScript div:hover {
  transform: cale(1.5);
}
#noScript h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
#noScript p {
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  margin: 8px 0 0;
}
#noScript a {
  color: #fff;
  text-decoration: underline;
}
@media screen and (min-width: 240px) {
  html,
  body,
  button,
  input,
  select,
  textarea {
    font-size: 10px;
  }
}
@media screen and (min-width: 321px) {
  html,
  body,
  button,
  input,
  select,
  textarea {
    font-size: 12px;
  }
}
@media screen and (min-width: 375px) {
  html,
  body,
  button,
  input,
  select,
  textarea {
    font-size: 13.0625px;
  }
}
@font-face {
  font-display: 'swap';
  font-family: iconfont-encore;
  /* Project id 3936577 */
  src: url(//s.football.com/global/main/__nuxt3/layers/shared/assets/icons/encore/iconfont.664cc34d43.eot);
  /* IE9 */
  src: url(//s.football.com/global/main/__nuxt3/layers/shared/assets/icons/encore/iconfont.664cc34d43.eot#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(//s.football.com/global/main/__nuxt3/layers/shared/assets/icons/encore/iconfont.f93aa04f6f.woff2) format('woff2'), url(//s.football.com/global/main/__nuxt3/layers/shared/assets/icons/encore/iconfont.9a8f1c9291.woff) format('woff'), url(//s.football.com/global/main/__nuxt3/layers/shared/assets/icons/encore/iconfont.604dd026db.ttf) format('truetype'), url(//s.football.com/global/main/__nuxt3/layers/shared/assets/icons/encore/iconfont.7b6d211bc8.svg#iconfont) format('svg');
}
@font-face {
  font-display: 'swap';
  font-family: iconfont;
  src: url(//s.football.com/global/main/__nuxt3/layers/shared/assets/icons/main/iconfont.a1c3e8cd16.eot);
  /* IE9 */
  src: url(//s.football.com/global/main/__nuxt3/layers/shared/assets/icons/main/iconfont.a1c3e8cd16.eot#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(//s.football.com/global/main/__nuxt3/layers/shared/assets/icons/main/iconfont.21b63e99ca.woff2) format('woff2'), url(//s.football.com/global/main/__nuxt3/layers/shared/assets/icons/main/iconfont.81f8ef6203.woff) format('woff'), url(//s.football.com/global/main/__nuxt3/layers/shared/assets/icons/main/iconfont.f8b1dcd4b2.ttf) format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url(//s.football.com/global/main/__nuxt3/layers/shared/assets/icons/main/iconfont.ca34bb5809.svg#iconfont) format('svg');
  /* iOS 4.1- */
}
.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}
.icon-live_virtuals-01::before {
  content: "\e6d4";
}
.icon-content_copy::before {
  content: "\e6d2";
}
.icon-reversed-sms::before {
  content: "\e6d22";
}
.icon-ic_olympic1::before {
  content: "\e6d3";
}
.icon-svg_eicehockey::before {
  content: "\e6d1";
}
.icon-svg_ebasketball::before {
  content: "\e6cf";
}
.icon-svg_etennis::before {
  content: "\e6d0";
}
.icon-svg_esoccer::before {
  content: "\e6cd";
}
.icon-mmaicon::before {
  content: "\e6ce";
}
.icon-help_new::before {
  content: "\e6cc";
}
.icon-home::before {
  content: "\e6cb";
}
.icon-snooker::before {
  content: "\e6ca";
}
.icon-golf::before {
  content: "\e6c9";
}
.icon-futsal::before {
  content: "\e6c8";
}
.icon-f1::before {
  content: "\e6c7";
}
.icon-boxing::before {
  content: "\e6c6";
}
.icon-american_football::before {
  content: "\e6c5";
}
.icon-virtuals_new_icon::before {
  content: "\e6c4";
}
.icon-ic_gift_check::before {
  content: "\e6c3";
}
.icon-live_games::before {
  content: "\e6bf";
}
.icon-discount_gift::before {
  content: "\e6c2";
}
.icon-free_bet_gift::before {
  content: "\e6c1";
}
.icon-cash_gift::before {
  content: "\e6c0";
}
.icon-baseball::before {
  content: "\e6bc";
}
.icon-phone-call::before {
  content: "\e6be";
}
.icon-sms::before {
  content: "\e6bd";
}
.icon-cs_go::before {
  content: "\e6ba";
}
.icon-ic_badminton::before {
  content: "\e6bb";
}
.icon-dota::before {
  content: "\e6b9";
}
.icon-lol::before {
  content: "\e6b8";
}
.icon-gift-2::before {
  content: "\e6b7";
}
.icon-tableTennis::before {
  content: "\e6b6";
}
.icon-eSports::before {
  content: "\e6b5";
}
.icon-page2::before {
  content: "\e6b4";
}
.icon-lock-with-slot::before {
  content: "\e6b2";
}
.icon-t-shirt-1::before {
  content: "\e6b3";
}
.icon-team-base-1::before {
  content: "\e68f";
}
.icon-team-base-2::before {
  content: "\e699";
}
.icon-team-sleeve-1::before {
  content: "\e69f";
}
.icon-team-outline-1::before {
  content: "\e6a0";
}
.icon-team-sleeve-2::before {
  content: "\e6a1";
}
.icon-team-outline-2::before {
  content: "\e6a4";
}
.icon-team-base-3::before {
  content: "\e6a6";
}
.icon-team-base-4::before {
  content: "\e6a7";
}
.icon-team-sleeve-3::before {
  content: "\e6a8";
}
.icon-team-outline-3::before {
  content: "\e6a9";
}
.icon-team-base-5::before {
  content: "\e6aa";
}
.icon-team-sleeve-4::before {
  content: "\e6ab";
}
.icon-team-outline-4::before {
  content: "\e6ac";
}
.icon-team-sleeve-5::before {
  content: "\e6ad";
}
.icon-team-outline-5::before {
  content: "\e6ae";
}
.icon-team-base-6::before {
  content: "\e6af";
}
.icon-team-sleeve-6::before {
  content: "\e6b0";
}
.icon-team-outline-6::before {
  content: "\e6b1";
}
.icon-scheduled-virtuals::before {
  content: "\e68a";
}
.icon-instant-virtuals::before {
  content: "\e69d";
}
.icon-fantasy::before {
  content: "\e69e";
}
.icon-won::before {
  content: "\e69c";
}
.icon-iw_team_logo_sleeve::before {
  content: "\e698";
}
.icon-iw_team_logo_base::before {
  content: "\e697";
}
.icon-iw_team_logo_top::before {
  content: "\e695";
}
.icon-plus-circle::before {
  content: "\e696";
}
.icon-captain_unselected::before {
  content: "\e694";
}
.icon-minus-circle::before {
  content: "\e690";
}
.icon-captain_selected::before {
  content: "\e691";
}
.icon-vc_unselected::before {
  content: "\e692";
}
.icon-vc_selected::before {
  content: "\e693";
}
.icon-clock::before {
  content: "\e68e";
}
.icon-t-shirt-bg::before {
  content: "\e607";
}
.icon-collar::before {
  content: "\e60a";
}
.icon-t-shirt-2::before {
  content: "\e60d";
}
.icon-info::before {
  content: "\e68b";
}
.icon-flag-plus::before {
  content: "\e68c";
}
.icon-timer::before {
  content: "\e689";
}
.icon-calendar::before {
  content: "\e61a";
}
.icon-emoji::before {
  content: "\e688";
}
.icon-_CommentCopyx::before {
  content: "\e687";
}
.icon-_x::before {
  content: "\e686";
}
.icon-Pathx::before {
  content: "\e685";
}
.icon-_SportyCoinsx::before {
  content: "\e684";
}
.icon-_ME-PromotionsCop::before {
  content: "\e683";
}
.icon-_Help-DepositFaile::before {
  content: "\e67e";
}
.icon-_Help-LiveChatx::before {
  content: "\e681";
}
.icon-_Help-phoneCallx::before {
  content: "\e682";
}
.icon-Ball-Tennisx1::before {
  content: "\e680";
}
.icon-Ball-Cricketx::before {
  content: "\e673";
}
.icon-Ball-Basketx::before {
  content: "\e674";
}
.icon-Ball-Dartsx::before {
  content: "\e675";
}
.icon-Ball-BeachVolleyx::before {
  content: "\e676";
}
.icon-Ball-handballx::before {
  content: "\e67a";
}
.icon-Ball-Rugbyx::before {
  content: "\e67b";
}
.icon-Ball-IceHockeyx::before {
  content: "\e67c";
}
.icon-Ball-footabllx::before {
  content: "\e67d";
}
.icon-Ball-Volleyballx::before {
  content: "\e67f";
}
.icon-CombinedShape::before {
  content: "\e679";
}
.icon-shop_x::before {
  content: "\e678";
}
.icon-_editx::before {
  content: "\e671";
}
.icon-_backspaceCopyx::before {
  content: "\e672";
}
.icon-_Keyboardx::before {
  content: "\e670";
}
.icon-_Analyzex::before {
  content: "\e667";
}
.icon-_Commentx::before {
  content: "\e669";
}
.icon-_VoteUpx::before {
  content: "\e66b";
}
.icon-_Chatx::before {
  content: "\e66c";
}
.icon-_Votedx::before {
  content: "\e66d";
}
.icon-_Marketx::before {
  content: "\e66e";
}
.icon-help::before {
  content: "\e66f";
}
.icon-shouji::before {
  content: "\e666";
}
.icon-FlexiBetx::before {
  content: "\e66a";
}
.icon-geren::before {
  content: "\e662";
}
.icon-live::before {
  content: "\e663";
}
.icon-LoadCodex::before {
  content: "\e661";
}
.icon-jiaoyijilu::before {
  content: "\e660";
}
.icon-chongzhi::before {
  content: "\e65e";
}
.icon-tixian::before {
  content: "\e65f";
}
.icon-Trashx::before {
  content: "\e65d";
}
.icon-facebookhover::before {
  content: "\e65c";
}
.icon-group-::before {
  content: "\e668";
}
.icon-social-whatsapp::before {
  content: "\e65b";
}
.icon-all::before {
  content: "\e68d";
}
.icon-group::before {
  content: "\e665";
}
.icon-rili::before {
  content: "\e664";
}
.icon-xiaolian::before {
  content: "\e79e";
}
.icon-kulian-line::before {
  content: "\e6a2";
}
.icon-dianzan::before {
  content: "\e60f";
}
.icon-lock_outline_black_::before {
  content: "\e650";
}
.icon-credit_card_black_::before {
  content: "\e652";
}
.icon-date_range_black_p::before {
  content: "\e659";
}
.icon-me-how-to::before {
  content: "\e65a";
}
.icon-Live-Statistic::before {
  content: "\e64a";
}
.icon-Live-Stream::before {
  content: "\e64e";
}
.icon-Live-tracker::before {
  content: "\e64f";
}
.icon-Homex::before {
  content: "\e649";
}
.icon-LockCopyx::before {
  content: "\e647";
}
.icon-twitter::before {
  content: "\e642";
}
.icon-instegrame-copy::before {
  content: "\eb6a";
}
.icon-chatx::before {
  content: "\e657";
}
.icon-loudspeaker::before {
  content: "\e656";
}
.icon-Safaricomgray::before {
  content: "\e64d";
}
.icon-mpesagray::before {
  content: "\e64c";
}
.icon-x::before {
  content: "\e653";
}
.icon-licensex::before {
  content: "\e655";
}
.icon-livechatx::before {
  content: "\e646";
}
.icon-ic_info::before {
  content: "\e64b";
}
.icon-Top::before {
  content: "\e60c";
}
.icon-Slider::before {
  content: "\e625";
}
.icon-Swich_OFF::before {
  content: "\e628";
}
.icon-ChechBox_checked::before {
  content: "\e638";
}
.icon-Play_Hide::before {
  content: "\e63e";
}
.icon-Swich_ON::before {
  content: "\e63f";
}
.icon-Play::before {
  content: "\e640";
}
.icon-HideAndSeeCopy::before {
  content: "\e641";
}
.icon-Refresh::before {
  content: "\e645";
}
.icon-giftCheckbox::before {
  content: "\e622";
}
.icon-accountx::before {
  content: "\e644";
}
.icon-cricket::before {
  content: "\e643";
}
.icon-share-fb::before {
  content: "\e63d";
}
.icon-dollar2::before {
  content: "\e63c";
}
.icon-duigou::before {
  content: "\e63b";
}
.icon-user_dft::before {
  content: "\e639";
}
.icon-mail::before {
  content: "\e63a";
}
.icon-flash::before {
  content: "\e637";
}
.icon-mobile::before {
  content: "\e630";
}
.icon-setting::before {
  content: "\e631";
}
.icon-promotions::before {
  content: "\e632";
}
.icon-gift::before {
  content: "\e633";
}
.icon-banlence::before {
  content: "\e634";
}
.icon-file-download::before {
  content: "\e635";
}
.icon-add_circle_black::before {
  content: "\e636";
}
.icon-jackpot::before {
  content: "\e629";
}
.icon-result::before {
  content: "\e62a";
}
.icon-tv::before {
  content: "\e62b";
}
.icon-livescore::before {
  content: "\e62c";
}
.icon-sports::before {
  content: "\e62e";
}
.icon-virtual::before {
  content: "\e62f";
}
.icon-wincup::before {
  content: "\e626";
}
.icon-dollar::before {
  content: "\e627";
}
.icon-exclamation::before {
  content: "\e624";
}
.icon-icon-user::before {
  content: "\e621";
}
.icon-Shape::before {
  content: "\e61f";
}
.icon-arrowback::before {
  content: "\e620";
}
.icon-loading-circle::before {
  content: "\e654";
}
.icon-question::before {
  content: "\e61e";
}
.icon-cup::before {
  content: "\e619";
}
.icon-pageques::before {
  content: "\e61b";
}
.icon-light::before {
  content: "\e612";
}
.icon-safe::before {
  content: "\e615";
}
.icon-page::before {
  content: "\e616";
}
.icon-cashout::before {
  content: "\e617";
}
.icon-logo::before {
  content: "\e610";
}
.icon-lock::before {
  content: "\e60e";
}
.icon-ac-right::before {
  content: "\e60b";
}
.icon-check::before {
  content: "\e658";
}
.icon-angleleft::before {
  content: "\e604";
}
.icon-print::before {
  content: "\e77b";
}
.icon-delete::before {
  content: "\e602";
}
.icon-checknor::before {
  content: "\e614";
}
.icon-star::before {
  content: "\e898";
}
.icon-sanjiaoxing::before {
  content: "\e62d";
}
.icon-zhiding::before {
  content: "\e600";
}
.icon-checkmark::before {
  content: "\e611";
}
.icon-sanjiaoxing1::before {
  content: "\e6a3";
}
.icon-arrowRight-copy::before {
  content: "\e603";
}
.icon-facebookf::before {
  content: "\e6e2";
}
.icon-hide::before {
  content: "\e76b";
}
.icon-jiantou-xia::before {
  content: "\e605";
}
.icon-error::before {
  content: "\e606";
}
.icon-arrowll-right::before {
  content: "\e608";
}
.icon-jiantou-copy::before {
  content: "\e609";
}
.icon-qushitu::before {
  content: "\e61d";
}
.icon-error1::before {
  content: "\e623";
}
.icon-tips::before {
  content: "\e651";
}
.icon-wifi::before {
  content: "\e733";
}
.icon-tick1::before {
  content: "\e69b";
}
.icon-edit1::before {
  content: "\e61c";
}
.icon-loading::before {
  content: "\e648";
}
.icon-UploadCloud::before {
  content: "\e601";
}
.icon-search::before {
  content: "\e613";
}
.icon-delete8e::before {
  content: "\e677";
}
.icon-close::before {
  content: "\e69a";
}
.icon-less::before {
  content: "\e6a5";
}
@keyframes logoLoading {
  0% {
    transform: scale(1) translateZ(0);
  }
  37.5% {
    transform: scale(0.8) translateZ(0);
  }
  62.5% {
    transform: scale(0.6) translateZ(0);
  }
  87.5% {
    transform: scale(0.5) translateZ(0);
  }
  100% {
    transform: scale(0.4) translateZ(0);
  }
}
body[theme='classic'],
body:not([theme='light']) {
  --fc-dp-200: 52, 50, 71;
  --fc-dp-300: 40, 38, 60;
  --fc-dp-400: 28, 26, 49;
  --fc-dp-500: 16, 14, 38;
  --fc-green-200: 211, 255, 204;
  --fc-green-300: 226, 252, 184;
  --fc-green-400: 197, 250, 112;
  --fc-green-500: 159, 246, 17;
  --fc-green-550: 120, 218, 74;
  --fc-green-600: 127, 197, 14;
  --fc-blue-100: 54, 195, 255;
  --fc-blue-200: 0, 158, 226;
  --fc-blue-300: 54, 133, 226;
  --fc-blue-500: 61, 80, 134;
  --fc-blue-600: 51, 67, 112;
  --fc-np-90: 97, 92, 139;
  --fc-np-100: 70, 66, 114;
  --fc-np-200: 65, 59, 101;
  --fc-np-300: 53, 47, 92;
  --fc-np-400: 42, 36, 83;
  --fc-np-500: 31, 24, 74;
  --fc-nd-400: 156, 160, 171;
  --fc-nd-500: 53, 58, 69;
  --fc-nd-600: 44, 48, 57;
  --fc-brown-500: 252, 208, 120;
  --fc-brown-600: 204, 147, 51;
  --fc-lp-400: 51, 47, 89;
  --fc-lp-500: 40, 36, 80;
  --fc-nl-400: 231, 231, 233;
  --fc-nl-500: 172, 171, 184;
  --fc-nl-600: 156, 155, 171;
  --fc-nl-700: 135, 134, 147;
  --fc-yellow-500: 250, 253, 0;
  --fc-orange-500: 255, 184, 0;
  --fc-cyan-500: 144, 243, 255;
  --fc-cyan-600: 69, 188, 206;
  --fc-pink-500: 255, 201, 201;
  --fc-pink-600: 228, 126, 150;
  --other-001: 182, 6, 6;
  --other-002: 77, 95, 174;
  --other-003: 250, 193, 17;
}
body[theme='classic'],
body:not([theme='light']) {
  --brand-primary: 40, 36, 80;
  --brand-secondary: 159, 246, 17;
  --brand-tertiary: 16, 14, 38;
  --brand-type1-secondary: 16, 14, 38;
  --brand-type2-secondary: 159, 246, 17;
  --brand-type3-secondary: 159, 246, 17;
  --brand-type1-primary: 60, 47, 122;
  --disable-brand-secondary: 52, 50, 71;
  --background-disable-type1-primary: 52, 50, 71;
  --text-type1-primary: 231, 231, 233;
  --text-type1-secondary: 135, 134, 147;
  --text-type1-tertiary: 255, 255, 255;
  --background-type1-primary: 28, 26, 49;
  --background-type1-secondary: 16, 14, 38;
  --background-type1-tertiary: 40, 38, 60;
  --line-type1-primary: 51, 47, 89;
  --line-type1-secondary: 70, 66, 114;
  --line-type1-tertiary: 97, 92, 139;
  --text-disable-type1-primary: 156, 155, 171;
  --text-type2-primary: 255, 255, 255;
  --text-type2-secondary: 231, 231, 233;
  --text-type2-tertiary: 135, 134, 147;
  --background-type2-primary: 31, 24, 74;
  --background-type2-secondary: 42, 36, 83;
  --background-type2-tertiary: 53, 47, 92;
  --line-type2-primary: 135, 134, 147;
  --disable-type1-primary: 52, 50, 71;
  --disable-type2-primary: 65, 59, 101;
  --text-disable-type2-primary: 172, 171, 184;
  --highlight-focus: 197, 250, 112;
  --highlight-highlight: 250, 253, 0;
  --highlight-hint: 54, 133, 226;
  --warning-primary: 251, 77, 61;
  --warning-secondary: 164, 18, 5;
  --warning-tertiary: 60, 15, 28;
  --sim-primary: 255, 184, 0;
  --absolute-type1: 0, 0, 0;
  --absolute-type2: 255, 255, 255;
  --absolute-type3: 0, 0, 0;
  --other-001: 182, 6, 6;
  --other-002: 54, 86, 163;
  --other-003: 250, 193, 17;
  --background-type2-iv: 74, 73, 89;
  --cash-gift-primary: 255, 201, 201;
  --cash-gift-secondary: 228, 126, 150;
  --free-bet-gift-primary: 144, 243, 255;
  --free-bet-gift-secondary: 69, 188, 206;
  --discount-gift-primary: 252, 208, 120;
  --discount-gift-secondary: 204, 147, 51;
  --lucky-wheel-primary: 211, 255, 204;
  --lucky-wheel-secondary: 120, 218, 74;
  --btn-bookbet: 127, 197, 14;
  --background-iv-dialog: 28, 26, 49;
  --brand-active: 159, 246, 17;
  --background-system-default: 53, 58, 69;
  --background-hint-type1: 77, 95, 174;
  --background-cashout-card: 28, 26, 49;
  --background-outcome-view: 255, 255, 255;
  --background-me-page: 28, 26, 49;
  --background-footer: 28, 26, 49;
  --background-outcome-dark-btn: 16, 14, 38;
  --background-notice: 60, 15, 28;
  --btn-header: 159, 246, 17;
  --background-outcome-light-btn: 16, 14, 38;
  --sim-disabled: var(--fc-nl-600);
  --flash-freeze-primary: 54, 195, 255;
  --flash-freeze-secondary: 0 158 226;
  --flash-freeze-tertiary: 117, 213, 255;
  --brandsecondary-highlight-ondark: 159, 246, 17;
  --c-detail-notification-primary: 63, 56, 133;
  --c-background-system-default: 242, 53, 58;
  --mini-betslip-background: linear-gradient(209.27deg, #3C2F7A 10.82%, #3A2F71 35.17%, #5543A8 65.5%, #6B54D6 87.05%);
  --mini-betslip-sim-background: linear-gradient(221.88deg, #FAAD00 15.95%, #FFC530 58.61%, #FFB800 86.19%);
  --personal-page-bottom-info-bg: linear-gradient(180deg, rgba(31, 24, 74, 0) 0%, rgba(31, 24, 74, 0.8) 28.5%, #1F184A 50%);
  --history-status-bar-flash-won-bg: linear-gradient(90deg, #B2F44E 51.99%, #E4F611 100%);
  --edit-home-bg: linear-gradient(138deg, #2B237D 2.11%, #100E26 15.73%, #2A2471 37.02%, #100E26 51.63%);
  --tier-level-carousel-side-mask: linear-gradient(90deg, transparent 0%, #100E26 50%);
  --homepage-editmode-primary: 159, 246, 17;
  --c-inhouse-captcha-mask: 255, 255, 255, 0.3;
  --c-inhouse-captcha-loading-mask: 0, 0, 0, 0.3;
  --c-inhouse-captcha-loading-size: 5rem;
  --c-inhouse-captcha-loading-bg: transparent;
  --mission-betting-card-bg: linear-gradient(90deg, rgba(0, 26, 255, 0.45) 15.52%, rgba(0, 26, 255, 0) 47.81%);
  --mission-social-card-bg: linear-gradient(90deg, rgba(187, 0, 255, 0.45) 15.52%, rgba(187, 0, 255, 0) 47.81%);
  --mission-other-card-bg: linear-gradient(90deg, rgba(255, 123, 0, 0.45) 15.52%, rgba(255, 123, 0, 0) 47.81%);
  --mission-can-claims-bg: linear-gradient(360deg, #5A9100 0%, #9CFFAE 108.57%);
  --mission-info-bar-box-shadow: 0px 4px 12px 0px rgba(28, 26, 49, 0.4);
}
body[theme='light'] {
  --fc-dp-200: 52, 50, 71;
  --fc-dp-300: 40, 38, 60;
  --fc-dp-400: 28, 26, 49;
  --fc-dp-500: 16, 14, 38;
  --fc-green-200: 211, 255, 204;
  --fc-green-300: 226, 252, 184;
  --fc-green-400: 197, 250, 112;
  --fc-green-500: 159, 246, 17;
  --fc-green-550: 120, 218, 74;
  --fc-green-600: 127, 197, 14;
  --fc-blue-100: 54, 195, 255;
  --fc-blue-200: 0, 158, 226;
  --fc-blue-300: 54, 133, 226;
  --fc-blue-500: 61, 80, 134;
  --fc-blue-600: 51, 67, 112;
  --fc-np-90: 97, 92, 139;
  --fc-np-100: 70, 66, 114;
  --fc-np-200: 65, 59, 101;
  --fc-np-300: 53, 47, 92;
  --fc-np-400: 42, 36, 83;
  --fc-np-500: 31, 24, 74;
  --fc-nd-400: 156, 160, 171;
  --fc-nd-500: 53, 58, 69;
  --fc-nd-600: 44, 48, 57;
  --fc-brown-500: 252, 208, 120;
  --fc-brown-600: 204, 147, 51;
  --fc-lp-400: 51, 47, 89;
  --fc-lp-500: 40, 36, 80;
  --fc-nl-400: 231, 231, 233;
  --fc-nl-500: 172, 171, 184;
  --fc-nl-600: 156, 155, 171;
  --fc-nl-700: 135, 134, 147;
  --fc-yellow-500: 250, 253, 0;
  --fc-orange-500: 255, 184, 0;
  --fc-cyan-500: 144, 243, 255;
  --fc-cyan-600: 69, 188, 206;
  --fc-pink-500: 255, 201, 201;
  --fc-pink-600: 228, 126, 150;
  --other-001: 182, 6, 6;
  --other-002: 77, 95, 174;
  --other-003: 218, 171, 25;
}
body[theme='light'] {
  --brand-primary: 255, 255, 255;
  --brand-secondary: 85, 78, 147;
  --brand-tertiary: 242, 242, 242;
  --brand-type1-secondary: 60, 47, 122;
  --brand-type2-secondary: 230, 228, 253;
  --brand-type3-secondary: 85, 78, 147;
  --brand-type1-primary: 217, 215, 227;
  --disable-brand-secondary: 189, 189, 189;
  --background-disable-type1-primary: 189, 189, 189;
  --text-type1-primary: 61, 61, 61;
  --text-type1-secondary: 135, 134, 147;
  --text-type1-tertiary: 75, 75, 75;
  --background-type1-primary: 231, 231, 231;
  --background-type1-secondary: 223, 223, 223;
  --background-type1-tertiary: 251, 251, 251;
  --line-type1-primary: 187, 184, 215;
  --line-type1-secondary: 193, 198, 210;
  --line-type1-tertiary: 163, 167, 179;
  --text-disable-type1-primary: 74, 73, 89;
  --text-type2-primary: 89, 89, 89;
  --text-type2-secondary: 231, 231, 233;
  --text-type2-tertiary: 135, 134, 147;
  --background-type2-primary: 230, 230, 230;
  --background-type2-secondary: 220, 220, 220;
  --background-type2-tertiary: 240, 240, 240;
  --line-type2-primary: 135, 134, 147;
  --disable-type1-primary: 189, 189, 189;
  --disable-type2-primary: 216, 216, 216;
  --text-disable-type2-primary: 172, 171, 184;
  --highlight-focus: 90, 79, 219;
  --highlight-highlight: 255, 106, 0;
  --highlight-hint: 54, 133, 226;
  --warning-primary: 251, 77, 61;
  --warning-secondary: 164, 18, 5;
  --warning-tertiary: 241, 195, 202;
  --sim-primary: 255, 184, 0;
  --absolute-type1: 255, 255, 255;
  --absolute-type2: 0, 0, 0;
  --absolute-type3: 0, 0, 0;
  --other-001: 182, 6, 6;
  --other-002: 54, 86, 163;
  --other-003: 213, 165, 17;
  --background-type2-iv: 74, 73, 89;
  --cash-gift-primary: 255, 201, 201;
  --cash-gift-secondary: 228, 126, 150;
  --free-bet-gift-primary: 144, 243, 255;
  --free-bet-gift-secondary: 69, 188, 206;
  --discount-gift-primary: 252, 208, 120;
  --discount-gift-secondary: 204, 147, 51;
  --lucky-wheel-primary: 211, 255, 204;
  --lucky-wheel-secondary: 120, 218, 74;
  --btn-bookbet: 58, 51, 121;
  --background-iv-dialog: 215, 213, 242;
  --brand-active: 85, 78, 147;
  --background-system-default: 53, 58, 69;
  --background-hint-type1: 77, 95, 174;
  --background-cashout-card: 215, 213, 242;
  --background-outcome-view: 255, 255, 255;
  --background-me-page: 231, 231, 231;
  --background-footer: 66, 65, 84;
  --background-outcome-dark-btn: 242, 242, 242;
  --background-notice: 60, 15, 28;
  --btn-header: 85, 78, 147;
  --background-outcome-light-btn: 242, 242, 242;
  --sim-disabled: var(--fc-nl-600);
  --flash-freeze-primary: 54, 195, 255;
  --flash-freeze-secondary: 0 158 226;
  --flash-freeze-tertiary: 117, 213, 255;
  --brandsecondary-highlight-ondark: 159, 246, 17;
  --c-detail-notification-primary: 242, 242, 242;
  --c-background-system-default: 242, 53, 58;
  --mini-betslip-background: linear-gradient(209.27deg, #9B87FA 10.82%, #B7AAFC 35.17%, #947DFF 65.5%, #B7A8FF 87.05%);
  --mini-betslip-sim-background: linear-gradient(221.88deg, #FAAD00 15.95%, #FFC530 58.61%, #FFB800 86.19%);
  --personal-page-bottom-info-bg: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(216, 210, 254, 0.8) 28.5%, #C8C1F2 100%);
  --history-status-bar-flash-won-bg: linear-gradient(90deg, #544E8F 51.99%, #576AA2 100%);
  --edit-home-bg: linear-gradient(138.15deg, #C9C5E6 2.11%, #F1F1F1 15.73%, #B2B2B2 37.02%, #E2E0EC 51.63%);
  --tier-level-carousel-side-mask: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  --homepage-editmode-primary: 88, 29, 235;
  --c-inhouse-captcha-mask: 255, 255, 255, 0.3;
  --c-inhouse-captcha-loading-mask: 0, 0, 0, 0.3;
  --c-inhouse-captcha-loading-size: 5rem;
  --c-inhouse-captcha-loading-bg: transparent;
  --mission-betting-card-bg: linear-gradient(90deg, rgba(0, 26, 255, 0.45) 15.52%, rgba(0, 26, 255, 0) 47.81%);
  --mission-social-card-bg: linear-gradient(90deg, rgba(187, 0, 255, 0.45) 15.52%, rgba(187, 0, 255, 0) 47.81%);
  --mission-other-card-bg: linear-gradient(90deg, rgba(255, 123, 0, 0.45) 15.52%, rgba(255, 123, 0, 0) 47.81%);
  --mission-can-claims-bg: linear-gradient(356.14deg, #554E93 -3.14%, #9348CC 101.49%);
  --mission-info-bar-box-shadow: 0px 4px 12px 0px rgba(28, 26, 49, 0.4);
}
.cms-dialog-content.opennet-dialog-style {
  overflow-y: auto;
}
.cms-dialog-content.opennet-dialog-style .head h1 {
  font-size: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
  .cms-dialog-content.opennet-dialog-style .head {
    padding-left: 24px;
    padding-right: 24px;
  }
  .cms-dialog-content.opennet-dialog-style .head .m-dialog-close {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
  .cms-dialog-content.opennet-dialog-style .body:first-child {
    margin-top: 20px;
  }
}
.cms-dialog-content.opennet-dialog-style .body:not(:last-child) {
  margin-bottom: 20px;
}
.cms-dialog-content.opennet-dialog-style .body .m-dialog-main {
  color: rgb(var(--text-type1-primary));
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
  .cms-dialog-content.opennet-dialog-style .body .m-dialog-main {
    padding: 0 24px;
  }
}
.cms-dialog-content.opennet-dialog-style .footer {
  padding: 0 2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
  .cms-dialog-content.opennet-dialog-style .footer {
    margin-bottom: 20px;
  }
}
.cms-dialog-content.opennet-dialog-style .footer .es-dialog-btn {
  background-color: initial;
  border: none;
  color: rgb(var(--brand-secondary));
  font-size: 14px;
  font-weight: 700;
  min-width: 75px;
  width: auto;
}
.cms-dialog-content.opennet-dialog-style .footer .es-dialog-btn:hover {
  background-color: initial;
  color: rgb(var(--brand-secondary));
  cursor: pointer;
}
.cms-dialog-content.opennet-dialog-style.has-oppositive-button .footer .btn:first-child {
  color: rgb(var(--text-type1-secondary));
}
.cms-dialog-content.opennet-dialog-style.has-oppositive-button__reverse .footer .btn:last-child {
  color: rgb(var(--text-type1-secondary));
}
.cms-dialog-content.opennet-dialog-style.has-oppositive-button.warning .footer .btn:last-child {
  color: rgb(var(--warning-primary));
}
.cms-dialog-content.opennet-dialog-style.has-oppositive-button-right .footer .btn:last-child {
  color: rgb(var(--text-type1-secondary));
}
.cms-dialog-content.opennet-dialog-style.no-padding-on-main .body .m-dialog-main {
  padding: 0;
}
.cms-dialog-content.opennet-dialog-style.no-fixed-height-header .head h1 {
  height: auto;
}
.cms-dialog-content.opennet-dialog-style.rounded-border {
  border-radius: 0.83333333rem;
}
.cms-dialog-content.pure-container {
  margin: 0;
  padding: 0;
  width: auto;
}
.cms-dialog-content.pure-container .body {
  padding: 0;
}
.cms-dialog-content.pure-container.otp-dialog {
  height: 100vh;
  width: 100vw;
}
.cms-dialog-content.dvh-100 {
  height: 100vh;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  height: 100dvh;
}
.cms-dialog-content.border-radius {
  border-radius: 1rem;
}
.cms-dialog-content.align-with-window {
  inset: 0 !important;
  margin: 0 !important;
  position: fixed !important;
}
.opennet-desktop-kyc-dialog-style {
  border: 0;
}
.opennet-desktop-kyc-dialog-style .head {
  height: 0;
  padding: 0;
}
.opennet-desktop-kyc-dialog-style .head .m-dialog-close {
  top: 6px;
  z-index: 1;
}
.opennet-desktop-kyc-dialog-style .head .m-dialog-close:hover {
  text-decoration: none;
}
.opennet-desktop-kyc-dialog-style .head .m-dialog-close em {
  color: white;
  font-size: 20px;
}
.opennet-desktop-kyc-dialog-style .es-dialog-body .es-dialog-main {
  padding: 0;
}
.opennet-desktop-kyc-dialog-style .es-dialog-footer {
  padding-bottom: 2rem;
}
.opennet-desktop-kyc-dialog-style .es-dialog-footer .es-dialog-btn {
  margin: 0;
  width: 100%;
}
.opennet-desktop-kyc-reminder-notification-style {
  width: 512px !important;
}
.cms-dialog-content.m-insure-pop {
  padding-top: 0;
}
.cms-dialog-content.m-insure-pop .m-dialog-body .m-dialog-main {
  padding: 0;
}
.m-dialog.transparent-container {
  background-color: transparent;
}
.m-dialog.transparent-container .m-dialog-body {
  background-color: transparent;
}
.m-dialog.transparent-container .m-dialog-body .m-dialog-main {
  background-color: transparent;
}
html,
body,
#__nuxt {
  background: rgb(var(--background-type1-secondary));
  height: 100%;
  touch-action: pan-y;
}
.m-table {
  display: block;
  width: 100%;
}
.m-table .m-table-row {
  display: flex;
  width: 100%;
}
.m-table .m-table-cell {
  display: block;
  flex: 1 1 auto;
  min-width: 1%;
}
.hide-scrollbar-style {
  scrollbar-width: none;
}
.hide-scrollbar-style::-webkit-scrollbar {
  display: none;
}
.no-scroll {
  overflow: hidden!important;
  touch-action: none!important;
}
@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
#m-tier-description .m-section .m-tier-title {
  margin: 1.66666667rem 0;
}
#m-tier-description .m-section .m-tier-title .m-level-title {
  color: rgb(var(--text-type2-primary));
  font-size: 1.83333333rem;
  font-weight: 600;
  line-height: 2.08333333rem;
  margin-bottom: 1.66666667rem;
  text-align: center;
}
#m-tier-description .m-section .m-description {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  font-weight: 400;
  line-height: 1.75rem;
  margin-bottom: 1.66666667rem;
  text-align: left;
}
#m-tier-description .m-section .m-benefits-container {
  background-color: rgb(var(--background-type1-secondary));
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.66666667rem;
  padding: 1rem;
}
#m-tier-description .m-section .m-benefits-container .left {
  margin-right: 0.5rem;
}
#m-tier-description .m-section .m-benefits-container .right {
  margin-left: 0.5rem;
}
#m-tier-description .m-section .m-benefits-container * {
  color: rgb(var(--text-type1-primary));
  text-align: left;
}
#m-tier-description .m-section .m-benefits-container .m-benefits-title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75rem;
  margin-bottom: 1.33333333rem;
}
#m-tier-description .m-section .m-benefits-container .m-benefits-text {
  font-size: 1.16666667rem;
  font-weight: 400;
  line-height: 1.75rem;
}
#m-tier-description .m-tier-term-container {
  color: rgb(var(--text-type1-secondary));
  font-size: 1.16666667rem;
  line-height: 1.75rem;
  margin-top: 2.08333333rem;
}
#m-tier-description .m-tier-term-container .m-tier-term-title {
  font-weight: 700;
  margin-bottom: 1rem;
}
#m-tier-description .m-tier-term-container ol.m-tier-main {
  font-weight: 700;
  list-style-type: lower-alpha;
  margin-top: 1.16666667rem;
}
#m-tier-description .m-tier-term-container ol.m-tier-main li {
  font-weight: 400;
  margin-left: 2.33333333rem;
}
#m-tier-description .m-tier-disclaimer-container {
  color: rgb(var(--text-type1-secondary));
  margin-top: 2.08333333rem;
}
#m-tier-description .m-tier-disclaimer-container .m-tier-disclaimer-title {
  font-weight: 700;
}

.back-2-top[data-v-93d6dbe2] {
  background-color: rgb(var(--background-type2-secondary));
  border: 0.08333333rem solid rgb(var(--highlight-focus));
  border-radius: 0.83333333rem;
  box-sizing: border-box;
  color: rgb(var(--text-type2-primary));
  display: inline-flex;
  padding: 0.5rem 1rem;
}
.back-2-top .icon-wrapper[data-v-93d6dbe2] {
  padding-right: 0.66666667rem;
}
.back-2-top .icon-wrapper .rotate-180[data-v-93d6dbe2] {
  transform: rotate(180deg);
}
.slide-enter-active[data-v-93d6dbe2],
.slide-leave-active[data-v-93d6dbe2] {
  transition: opacity 0.5s, transform 0.5s;
}
.slide-enter-from[data-v-93d6dbe2],
.slide-leave-to[data-v-93d6dbe2] {
  opacity: 0;
  transform: translateY(20px);
}

.carousel {
  --item-padding-right: 1.33333333rem;
  position: relative;
  z-index: 5;
}
.carousel.only-one-item .carousel-inner > .item {
  left: 0 !important;
}
.carousel .carousel-inner {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 6;
}
.carousel .carousel-inner > .item {
  display: none;
  flex: 0 0 auto;
  height: 100%;
  padding-right: var(--item-padding-right);
  position: relative;
  width: 100%;
}
.carousel .carousel-inner > .item:nth-child(1),
.carousel .carousel-inner > .item:nth-child(2),
.carousel .carousel-inner > .item:nth-child(3),
.carousel .carousel-inner > .item:nth-child(4) {
  display: block;
  left: calc(-100% - var(--item-padding-right));
}
.carousel .carousel-inner > .item:nth-child(1).left,
.carousel .carousel-inner > .item:nth-child(2).left,
.carousel .carousel-inner > .item:nth-child(3).left,
.carousel .carousel-inner > .item:nth-child(4).left {
  left: calc(-200% - var(--item-padding-right) * 2);
  transition: 0.6s ease-in-out left !important;
}
.carousel .carousel-inner > .item:nth-child(1).right,
.carousel .carousel-inner > .item:nth-child(2).right,
.carousel .carousel-inner > .item:nth-child(3).right,
.carousel .carousel-inner > .item:nth-child(4).right {
  left: 0%;
  transition: 0.6s ease-in-out left !important;
}
.carousel .carousel-inner > .item.noTransition {
  transition: none;
}
.carousel .carousel-inner > .item a,
.carousel .carousel-inner > .item a:hover,
.carousel .carousel-inner > .item a:active {
  display: block;
  height: 100%;
  width: 100%;
}
.carousel .carousel-inner > .item > img,
.carousel .carousel-inner > .item > a > img {
  display: block;
  height: 100%;
  width: 100%;
}
.carousel .carousel-inner > .item > img[src=""],
.carousel .carousel-inner > .item > a > img[src=""] {
  visibility: hidden;
}
.carousel ol,
.carousel li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.carousel .carousel-indicators {
  bottom: 5%;
  box-sizing: border-box;
  left: 50%;
  margin-left: -20%;
  padding-left: 0.39285714rem;
  position: absolute;
  text-align: center;
  width: 40%;
  z-index: 7;
}
.carousel .carousel-indicators li {
  background-color: rgb(var(--disable-brand-secondary));
  border: 1px solid rgb(var(--disable-brand-secondary));
  border-radius: 100%;
  box-sizing: border-box;
  display: inline-block;
  height: 0.32142857rem;
  margin-right: 5px;
  min-height: 9px;
  min-width: 9px;
  width: 0.32142857rem;
}
.carousel .carousel-indicators li.active {
  background-color: rgb(var(--fc-green-500));
  border-color: rgb(var(--fc-green-500));
}
.carousel .carousel-control {
  color: rgb(var(--disable-brand-secondary));
  font: bold 50px/10 'Microsoft Yahei', sans-serif;
  height: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 5%;
  z-index: 10;
}
.carousel .carousel-control .disabled {
  opacity: 0.3;
}
.carousel .carousel-control:focus,
.carousel .carousel-control:hover {
  color: rgb(var(--text-type2-primary));
}
.carousel .carousel-control.left {
  left: 0;
}
.carousel .carousel-control.right {
  right: 0;
}

.carousel {
  height: 300px;
}

.main-banner-widget[data-v-6c6a65eb] {
  --gap: 1rem;
  height: 5.33333333rem;
  position: relative;
  width: calc(100% - var(--gap));
}
.main-banner-widget.main-banner-widget--single[data-v-6c6a65eb] {
  width: 100%;
}
.main-banner-widget[data-v-6c6a65eb] .carousel {
  height: 100%;
}
.main-banner-widget[data-v-6c6a65eb] .carousel .item a {
  border-radius: 0.83333333rem;
  overflow: hidden;
}
.main-banner-widget[data-v-6c6a65eb] .carousel .carousel-control {
  display: none;
}
.main-banner-widget[data-v-6c6a65eb] .carousel .carousel-indicators {
  display: none;
}
.main-banner-widget[data-v-6c6a65eb] .carousel .carousel-indicators li {
  background: rgb(var(--brand-tertiary));
  border: 1px solid transparent;
  opacity: 0.7;
}
.main-banner-widget[data-v-6c6a65eb] .carousel .carousel-indicators li.active {
  opacity: 1;
}

.new-badge[data-v-0679acfa] {
  align-items: center;
  background-color: rgb(var(--brand-secondary));
  border-radius: 0.33333333rem;
  color: rgb(var(--brand-tertiary));
  display: flex;
  font-size: 0.66666667rem;
  height: 0.83333333rem;
  justify-content: center;
  left: 0;
  line-height: 0.83333333rem;
  padding: 0.16666667rem 0.33333333rem;
  position: absolute;
  text-align: center;
  top: 0;
}

[data-v-60b9b2d3]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.empty-content-container[data-v-60b9b2d3] {
  align-items: center;
  color: rgb(var(--text-type1-secondary));
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  justify-content: center;
  margin-top: 3.16666667rem;
}

[data-v-e7df1d5a]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.skeleton-box[data-v-e7df1d5a] {
  background-color: rgb(var(--text-type1-secondary));
  border-radius: 0.41666667rem;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.skeleton-box[data-v-e7df1d5a]::after {
  animation: shimmer-e7df1d5a 1.2s infinite cubic-bezier(0.39, 0.58, 0.57, 1);
  background-image: linear-gradient(90deg, rgba(187, 187, 187, 0) 0, rgba(187, 187, 187, 0.2) 20%, rgba(187, 187, 187, 0.5) 60%, rgba(187, 187, 187, 0));
  content: '';
  inset: 0;
  position: absolute;
  transform: translateX(-100%);
}
@keyframes shimmer-e7df1d5a {
100% {
    transform: translateX(100%);
}
}
.rounded[data-v-e7df1d5a] {
  border-radius: 100%;
}

.image[data-v-c65f14d8] {
  height: var(--2d7e7458);
}
.image img[data-v-c65f14d8] {
  height: 100%;
  -o-object-fit: var(--3617b781);
     object-fit: var(--3617b781);
  width: 100%;
}

.HorizonSwipe[data-v-59ebfbd8] {
  display: flex;
  flex-wrap: nowrap;
  touch-action: pan-y !important;
  will-change: transform;
}
.HorizonSwipe[data-v-59ebfbd8] > * {
  flex: 0 0 auto;
}

[data-v-e9164898]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-benefit-card[data-v-e9164898] {
  border-radius: 4px;
  margin-right: 1rem;
  min-height: 40vh;
  min-width: 230px;
  overflow: hidden;
  padding: 1.25rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 65vw;
}
.m-benefit-card[data-v-e9164898]::before {
  background-color: rgb(var(--brand-tertiary));
  content: '';
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.8s;
  width: 100%;
}
.m-benefit-card.is-blur-bg[data-v-e9164898]::before {
  opacity: 0.5;
}
.m-benefit-card img[data-v-e9164898] {
  bottom: -35px;
  height: 160px;
  opacity: 0.1;
  position: absolute;
  right: -28px;
  width: 160px;
}
.m-benefit-card .m-benefit-card-title[data-v-e9164898] {
  align-items: center;
  display: flex;
  margin-bottom: 1.83333333rem;
  position: relative;
}
.m-benefit-card .m-benefit-card-title--text[data-v-e9164898] {
  font-size: 1.83333333rem;
  font-weight: 700;
  line-height: 117%;
}
.m-benefit-card .m-benefit-card-title--tag[data-v-e9164898] {
  background-color: rgb(var(--brand-secondary));
  border-radius: 14px;
  color: rgb(var(--brand-tertiary));
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  margin-left: 1.25rem;
  padding: 0 6px;
  white-space: nowrap;
}
.m-benefit-card .m-benefit-card-item[data-v-e9164898] {
  align-items: center;
  display: flex;
  position: relative;
}
.m-benefit-card .m-benefit-card-item .m-check-icon[data-v-e9164898] {
  align-self: center;
  color: rgb(var(--text-type1-secondary));
  grid-column: 1 / 2;
  grid-row: 1 / -1;
}
.m-benefit-card .m-benefit-card-item .m-check-icon[data-v-e9164898] #vector {
  fill: rgb(var(--brand-tertiary));
}
.m-benefit-card .m-benefit-card-item .m-benefit-item-wrap[data-v-e9164898] {
  display: grid;
  grid-template-columns: 1.66666667rem 1fr;
  grid-template-rows: 1.33333333rem 1fr;
}
.m-benefit-card .m-benefit-card-item .m-benefit-item-label[data-v-e9164898] {
  color: rgb(var(--text-type1-secondary));
  font-size: 1rem;
  grid-column: 2 / -1;
  grid-row: 1 / 2;
  margin-left: 0.66666667rem;
}
.m-benefit-card .m-benefit-card-item .m-benefit-item-description[data-v-e9164898] {
  color: rgb(var(--text-type1-secondary));
  font-size: 1rem;
  grid-column: 2 / -1;
  grid-row: 2 / -1;
  margin-left: 0.66666667rem;
}
.m-benefit-card .m-benefit-card-item .m-benefit-new-icon[data-v-e9164898] {
  background-color: rgb(var(--fc-green-500));
  border-radius: 1px;
  color: rgb(var(--fc-lp-500));
  font-size: 9px;
  font-weight: 700;
  line-height: 9px;
  margin-left: 0.66666667rem;
  padding: 2px;
}
.m-benefit-card .m-benefit-card-item[data-v-e9164898]:not(:last-child) {
  margin-bottom: 0.66666667rem;
}
.benefits-old-container[data-v-e9164898] {
  border-bottom: 0;
  -o-border-image: linear-gradient(90deg, #E7E7E980 0%, rgba(130, 130, 131, 0.21) 100%);
     border-image: linear-gradient(90deg, #E7E7E980 0%, rgba(130, 130, 131, 0.21) 100%);
  border-image-slice: 1;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid;
  margin-top: 0.66666667rem;
  padding-top: 0.66666667rem;
}
.m-benefit-tier[data-v-e9164898] {
  background: var(--43a2bc36);
}
.m-benefit-tier .m-benefit-card-item.is-enabled .m-benefit-item-label[data-v-e9164898],
.m-benefit-tier .m-benefit-card-item.is-enabled .m-benefit-item-description[data-v-e9164898] {
  color: rgb(var(--text-type1-primary));
}
.m-benefit-tier .m-benefit-card-item.is-enabled .m-check-icon[data-v-e9164898] {
  color: var(--c5f8e768);
}

[data-v-5016d09a]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
#m-tier-level-carousel[data-v-5016d09a] {
  position: relative;
}
#m-tier-level-carousel .m-side-mask[data-v-5016d09a] {
  background: var(--tier-level-carousel-side-mask);
  height: 90%;
  opacity: 0.4;
  position: absolute;
  right: -1.66666667rem;
  top: 0;
  width: 10%;
  z-index: 3000;
}
#m-tier-level-carousel .m-level-container .m-level-title[data-v-5016d09a] {
  align-items: center;
  color: rgb(var(--text-type1-primary));
  display: flex;
  font-size: 1.83333333rem;
  font-weight: 600;
  justify-content: center;
  line-height: 2.08333333rem;
  margin-bottom: 1.33333333rem;
}
#m-tier-level-carousel .m-level-container .m-level-title span[data-v-5016d09a] {
  margin-right: 6px;
}
#m-tier-level-carousel .m-level-container .m-level-title .question-mark[data-v-5016d09a] {
  position: relative;
  z-index: 1;
}
#m-tier-level-carousel .tier-level-horizon-swipe[data-v-5016d09a] {
  margin-left: -18vw;
}
#m-tier-level-carousel .tier-level-container[data-v-5016d09a] {
  display: flex;
  overflow-x: scroll;
  width: 100%;
}
#m-tier-level-carousel .m-level-pagination[data-v-5016d09a] {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 2.33333333rem 0;
}
#m-tier-level-carousel .m-level-pagination .dot[data-v-5016d09a],
#m-tier-level-carousel .m-level-pagination .bar[data-v-5016d09a] {
  margin: 0 2px;
  transition: 0.3s ease width;
}
#m-tier-level-carousel .m-level-pagination .dot[data-v-5016d09a] {
  background-color: rgb(var(--text-type1-secondary));
  border-radius: 3px;
  height: 3px;
  width: 3px;
}
#m-tier-level-carousel .m-level-pagination .bar[data-v-5016d09a] {
  background-color: rgb(var(--brand-secondary));
  border-radius: 9px;
  height: 3px;
  width: 24px;
}

.top-hint-box[data-v-506c9782] {
  align-items: center;
  background-color: rgb(var(--highlight-hint));
  color: rgb(var(--text-type2-secondary));
  display: flex;
  font-size: 1.16666667rem;
  justify-content: space-between;
  padding: 1rem 1.33333333rem;
}
.top-hint-box .text[data-v-506c9782] {
  flex: 1;
}
.top-hint-box .arrow-icon[data-v-506c9782] {
  fill: currentColor;
  height: 1.66666667rem;
  margin-left: 0.66666667rem;
  width: 1.66666667rem;
}

.empty-section[data-v-71f98799] {
  color: rgb(var(--text-disable-type2-primary));
  padding-top: 5rem;
  text-align: center;
  white-space: pre-line;
}
.empty-section .gift-icon[data-v-71f98799] {
  margin-bottom: 1rem;
}

[data-v-76ab7677]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.coupon-header[data-v-76ab7677] {
  background-color: rgb(var(--background-type2-secondary));
  color: rgb(var(--text-type2-primary));
  height: 4.16666667rem;
  line-height: 4.16666667rem;
  position: relative;
  text-align: center;
  width: 100%;
}
.coupon-header .title[data-v-76ab7677] {
  font-size: 1.5rem;
}
.coupon-header .button-section[data-v-76ab7677] {
  display: flex;
  position: absolute;
  right: 1.5rem;
  top: 0;
}
.coupon-header .refresh-icon-wrapper[data-v-76ab7677] {
  margin-bottom: 0.16666667rem;
  margin-right: 1rem;
}
.coupon-header .refresh-icon-wrapper.isLoading[data-v-76ab7677] {
  animation: spin-76ab7677 0.5s linear infinite;
}
@keyframes spin-76ab7677 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.coupon-header .close[data-v-76ab7677] {
  color: rgb(var(--text-type2-primary));
}
.coupon-header .close[data-v-76ab7677]::before {
  content: '\e62c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.coupon-header .close[data-v-76ab7677]::before {
  color: rgb(var(--text-type1-primary));
}
.coupon-header .close[data-v-76ab7677]::before {
  font-size: 1.33333333rem;
}

[data-v-67dc3fee]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
#gift .origin[data-v-67dc3fee],
#gift .condition[data-v-67dc3fee],
#gift .expire[data-v-67dc3fee] {
  color: rgb(var(--absolute-type3));
  flex-grow: 1;
  font-size: 0.83333333rem;
  font-weight: 700;
}
#gift .status[data-v-67dc3fee],
#gift .ops-container[data-v-67dc3fee] {
  flex-grow: 0;
  max-height: 3.91666667rem;
}
#gift .status[data-v-67dc3fee] {
  display: flex;
  flex-direction: column;
  font-weight: bold;
}
#gift .status__currency[data-v-67dc3fee] {
  font-size: 1rem;
  line-height: 1;
}
#gift .status__info[data-v-67dc3fee] {
  line-height: 1;
  overflow: hidden;
  padding-right: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gift .status__name[data-v-67dc3fee] {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  max-width: 100%;
  overflow: hidden;
  padding-right: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gift .status__count[data-v-67dc3fee] {
  font-size: 2.66666667rem;
  font-weight: 700;
  line-height: 1;
}
#gift .ops-container[data-v-67dc3fee] {
  align-items: flex-end;
  display: flex;
}
#gift .ops[data-v-67dc3fee] {
  background-color: rgb(var(--brand-tertiary));
  border-radius: 0.16666667rem;
  font-size: 1.16666667rem;
  font-weight: bold;
  height: 2.16666667rem;
  line-height: 2.16666667rem;
  text-align: center;
  text-decoration: none;
  width: 6.66666667rem;
}
#gift .ops.checked[data-v-67dc3fee] {
  background-color: rgb(var(--brand-type1-primary));
}
#gift .ops.checked[data-v-67dc3fee]::before {
  content: "\e6c3";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#gift .ops.checked[data-v-67dc3fee]::before {
  color: rgb(var(--text-type2-primary));
  font-size: 1rem;
  line-height: 1;
}
#gift .kind[data-v-67dc3fee] {
  align-items: center;
  border-radius: 0 0 1.33333333rem 1.33333333rem;
  color: rgb(var(--absolute-type3));
  display: flex;
  height: 2rem;
  justify-content: space-between;
  padding: 0 1.66666667rem;
}
#gift .kind .kind-title[data-v-67dc3fee] {
  font-size: 0.83333333rem;
  font-weight: bold;
}
#gift .kind .more[data-v-67dc3fee] {
  font-size: 1rem;
}
#gift .kind .more .arrow-up[data-v-67dc3fee] {
  line-height: 1;
  margin-top: 0.41666667rem;
}
#gift .kind .more .arrow-up[data-v-67dc3fee]::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#gift .kind .more .arrow-up[data-v-67dc3fee]::before {
  color: rgb(var(--text-type1-primary));
}
#gift .kind .more .arrow-up[data-v-67dc3fee]::before {
  color: rgb(var(--absolute-type3));
  font-size: 1rem;
}
#gift .kind .more .arrow-down[data-v-67dc3fee] {
  line-height: 1;
  margin-top: 0.41666667rem;
}
#gift .kind .more .arrow-down[data-v-67dc3fee]::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#gift .kind .more .arrow-down[data-v-67dc3fee]::before {
  color: rgb(var(--text-type1-primary));
}
#gift .kind .more .arrow-down[data-v-67dc3fee]::before {
  display: inline-block;
  transform: rotate(180deg);
}
#gift .kind .more .arrow-down[data-v-67dc3fee]::before {
  color: rgb(var(--absolute-type3));
  font-size: 1rem;
}
#gift .desc-wrap[data-v-67dc3fee] {
  color: rgb(var(--absolute-type3));
  font-size: 0.83333333rem;
  padding: 0.83333333rem 1.66666667rem 1.5rem 1.66666667rem;
}
#gift .desc-wrap .title[data-v-67dc3fee] {
  font-weight: 700;
}
#gift .desc-wrap .desc[data-v-67dc3fee] {
  font-weight: 500;
}
#gift .desc-wrap .title[data-v-67dc3fee],
#gift .desc-wrap .desc[data-v-67dc3fee] {
  margin-top: 0.41666667rem;
}
.m-gift-item-lapse[data-v-67dc3fee] {
  background-color: rgb(var(--cash-gift-primary));
}
.m-gift-item-lapse[data-v-67dc3fee] .ticket__bg svg path {
  fill: rgb(var(--cash-gift-secondary));
}
.m-gift-item-lapse .ops[data-v-67dc3fee] {
  color: rgb(var(--absolute-type2));
}
.m-gift-item-lapse .ops.label[data-v-67dc3fee] {
  background-color: rgb(var(--fc-green-600));
  color: rgb(var(--absolute-type2));
}
.m-gift-item-lapse .kind[data-v-67dc3fee] {
  background-color: rgb(var(--fc-pink-600));
}
.m-gift-item-lapse .exclusive[data-v-67dc3fee] {
  font-weight: 700;
}
.m-gift-item-lapse.m-gift-upcoming .ops[data-v-67dc3fee] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-lapse.m-gift-used[data-v-67dc3fee] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-lapse.m-gift-used .ops[data-v-67dc3fee] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-lapse.m-gift-expired[data-v-67dc3fee] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-lapse.m-gift-expired .ops[data-v-67dc3fee] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-discount[data-v-67dc3fee] {
  background-color: rgb(var(--fc-brown-500));
}
.m-gift-item-discount[data-v-67dc3fee] .ticket__bg svg path {
  fill: rgb(var(--fc-brown-600));
}
.m-gift-item-discount .ops[data-v-67dc3fee] {
  color: rgb(var(--absolute-type2));
}
.m-gift-item-discount .ops.label[data-v-67dc3fee] {
  background-color: rgb(var(--fc-brown-600));
  color: rgb(var(--absolute-type2));
}
.m-gift-item-discount .kind[data-v-67dc3fee] {
  background-color: rgb(var(--fc-brown-600));
}
.m-gift-item-discount .exclusive[data-v-67dc3fee] {
  font-weight: 700;
}
.m-gift-item-discount.m-gift-upcoming .ops[data-v-67dc3fee] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-discount.m-gift-used[data-v-67dc3fee] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-discount.m-gift-used .ops[data-v-67dc3fee] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-discount.m-gift-expired[data-v-67dc3fee] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-discount.m-gift-expired .ops[data-v-67dc3fee] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-free[data-v-67dc3fee] {
  background-color: rgb(var(--fc-cyan-500));
}
.m-gift-item-free[data-v-67dc3fee] .ticket__bg svg path {
  fill: rgb(var(--fc-cyan-600));
}
.m-gift-item-free .ops[data-v-67dc3fee] {
  color: rgb(var(--absolute-type2));
}
.m-gift-item-free .ops.label[data-v-67dc3fee] {
  background-color: rgb(var(--fc-cyan-600));
  color: rgb(var(--text-type1-primary));
}
.m-gift-item-free .kind[data-v-67dc3fee] {
  background-color: rgb(var(--fc-cyan-600));
  height: 2.33333333rem;
}
.m-gift-item-free .exclusive[data-v-67dc3fee] {
  font-weight: 700;
}
.m-gift-item-free.m-gift-upcoming .ops[data-v-67dc3fee] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-free.m-gift-used[data-v-67dc3fee] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-free.m-gift-used .ops[data-v-67dc3fee] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-free.m-gift-expired[data-v-67dc3fee] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-free.m-gift-expired .ops[data-v-67dc3fee] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-freeze[data-v-67dc3fee] {
  background-color: rgb(var(--flash-freeze-tertiary));
}
.m-gift-item-freeze[data-v-67dc3fee] .ticket__bg svg path {
  fill: rgb(var(--flash-freeze-primary));
}
.m-gift-item-freeze .ops[data-v-67dc3fee] {
  color: rgb(var(--text-type2-primary));
}
.m-gift-item-freeze .kind[data-v-67dc3fee] {
  background-color: rgb(var(--flash-freeze-primary));
}
.m-gift-item-freeze.m-gift-upcoming .ops[data-v-67dc3fee] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-freeze.m-gift-used[data-v-67dc3fee] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-freeze.m-gift-used .ops[data-v-67dc3fee] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-freeze.m-gift-expired[data-v-67dc3fee] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-freeze.m-gift-expired .ops[data-v-67dc3fee] {
  color: rgb(var(--fc-nl-700));
}
.ticket[data-v-67dc3fee] {
  border-radius: 1.33333333rem;
  color: rgb(var(--absolute-type3));
  margin-bottom: 1rem;
  position: relative;
}
.ticket__bg[data-v-67dc3fee] {
  display: flex;
  height: calc(100% - 2.33333333rem);
  justify-content: center;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.ticket__bg .flogo-svg[data-v-67dc3fee] {
  height: 8.83333333rem;
}
.ticket__bg .freeze-svg-container[data-v-67dc3fee] {
  color: rgb(var(--flash-freeze-primary));
  opacity: 0.4;
  padding-top: 0.83333333rem;
}
.ticket__bg .freeze-svg-container svg[data-v-67dc3fee] {
  height: 5.41666667rem;
}
.header[data-v-67dc3fee] {
  display: flex;
  height: calc(100% - 2.33333333rem);
  padding: 0.66666667rem 1.66666667rem;
}
.header__left[data-v-67dc3fee] {
  display: flex;
  flex-direction: column;
  flex-grow: 3;
  height: 5.66666667rem;
  justify-content: flex-end;
  max-width: 70%;
  z-index: 20;
}
.header__right[data-v-67dc3fee] {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
  max-width: 30%;
  text-align: right;
  z-index: 20;
}
.footer[data-v-67dc3fee] {
  border-radius: 0 0 1.33333333rem 1.33333333rem;
  position: relative;
}
.footer[data-v-67dc3fee]::before,
.footer[data-v-67dc3fee]::after {
  background: rgb(var(--brand-tertiary));
  border-radius: 1.66666667rem;
  content: '';
  height: 1.66666667rem;
  position: absolute;
  top: -3rem;
  width: 1.66666667rem;
}
.footer[data-v-67dc3fee]::before {
  border-left-color: transparent;
  border-top-color: transparent;
  left: -1rem;
  transform: rotate(-45deg);
}
.footer[data-v-67dc3fee]::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
  right: -1rem;
  transform: rotate(-45deg);
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-gift-freebet-dialog .es-dialog-head h1 div {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.free-bet-gift-dialog .content .col {
  align-items: center;
  display: flex;
  height: 2.33333333rem;
  justify-content: space-between;
}
.free-bet-gift-dialog .content .col:first-child {
  padding-bottom: 1.16666667rem;
}
.free-bet-gift-dialog .content .col .row {
  align-items: center;
  display: flex;
}
.free-bet-gift-dialog .content .col .row .selected {
  color: rgb(var(--brand-secondary));
  display: inline-block;
  margin-right: 1rem;
}
.free-bet-gift-dialog .content .col .row .selected::before {
  content: '\e65d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.free-bet-gift-dialog .content .col .row .selected::before {
  color: rgb(var(--text-type1-primary));
}
.free-bet-gift-dialog .content .col .row .selected::before {
  display: inline-block;
  transform: scale(1.35) translateY(2px);
}
.free-bet-gift-dialog .content .col .row .selected::before {
  font-size: 1.83333333rem;
}
.free-bet-gift-dialog .content .col .row .un-selected {
  background-color: rgb(var(--disable-brand-secondary));
  border-radius: 100%;
  display: inline-block;
  height: 1.83333333rem;
  margin-right: 1rem;
  width: 1.83333333rem;
}
.free-bet-gift-dialog .content .col .m-input-wap-wrapper {
  width: 7.5rem;
}
.free-bet-gift-dialog .content .col .m-input-wap-wrapper input {
  text-align: right;
}
.free-bet-gift-dialog .content .col .error-msg {
  color: rgb(var(--warning-primary));
}
.free-bet-gift-dialog .footer {
  display: flex;
  justify-content: center;
  margin-bottom: 1.33333333rem;
}
.free-bet-gift-dialog .footer .m-btn-cancel {
  background-color: rgb(var(--brand-tertiary));
  border: 0.08333333rem solid rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
  margin-right: 0.83333333rem;
  width: 9.5rem;
}
.free-bet-gift-dialog .footer .m-btn-bet {
  background-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
  width: 9.5rem;
}
.free-bet-gift-dialog .m-input-wap-wrapper {
  width: 10rem !important;
}

[data-v-abea6fb8]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
#gift .origin[data-v-abea6fb8],
#gift .condition[data-v-abea6fb8],
#gift .expire[data-v-abea6fb8] {
  color: rgb(var(--absolute-type3));
  flex-grow: 1;
  font-size: 0.83333333rem;
  font-weight: 700;
}
#gift .status[data-v-abea6fb8],
#gift .ops-container[data-v-abea6fb8] {
  flex-grow: 0;
  max-height: 3.91666667rem;
}
#gift .status[data-v-abea6fb8] {
  display: flex;
  flex-direction: column;
  font-weight: bold;
}
#gift .status__currency[data-v-abea6fb8] {
  font-size: 1rem;
  line-height: 1;
}
#gift .status__info[data-v-abea6fb8] {
  line-height: 1;
  overflow: hidden;
  padding-right: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gift .status__name[data-v-abea6fb8] {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  max-width: 100%;
  overflow: hidden;
  padding-right: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gift .status__count[data-v-abea6fb8] {
  font-size: 2.66666667rem;
  font-weight: 700;
  line-height: 1;
}
#gift .ops-container[data-v-abea6fb8] {
  align-items: flex-end;
  display: flex;
}
#gift .ops[data-v-abea6fb8] {
  background-color: rgb(var(--brand-tertiary));
  border-radius: 0.16666667rem;
  font-size: 1.16666667rem;
  font-weight: bold;
  height: 2.16666667rem;
  line-height: 2.16666667rem;
  text-align: center;
  text-decoration: none;
  width: 6.66666667rem;
}
#gift .ops.checked[data-v-abea6fb8] {
  background-color: rgb(var(--brand-type1-primary));
}
#gift .ops.checked[data-v-abea6fb8]::before {
  content: "\e6c3";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#gift .ops.checked[data-v-abea6fb8]::before {
  color: rgb(var(--text-type2-primary));
  font-size: 1rem;
  line-height: 1;
}
#gift .kind[data-v-abea6fb8] {
  align-items: center;
  border-radius: 0 0 1.33333333rem 1.33333333rem;
  color: rgb(var(--absolute-type3));
  display: flex;
  height: 2rem;
  justify-content: space-between;
  padding: 0 1.66666667rem;
}
#gift .kind .kind-title[data-v-abea6fb8] {
  font-size: 0.83333333rem;
  font-weight: bold;
}
#gift .kind .more[data-v-abea6fb8] {
  font-size: 1rem;
}
#gift .kind .more .arrow-up[data-v-abea6fb8] {
  line-height: 1;
  margin-top: 0.41666667rem;
}
#gift .kind .more .arrow-up[data-v-abea6fb8]::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#gift .kind .more .arrow-up[data-v-abea6fb8]::before {
  color: rgb(var(--text-type1-primary));
}
#gift .kind .more .arrow-up[data-v-abea6fb8]::before {
  color: rgb(var(--absolute-type3));
  font-size: 1rem;
}
#gift .kind .more .arrow-down[data-v-abea6fb8] {
  line-height: 1;
  margin-top: 0.41666667rem;
}
#gift .kind .more .arrow-down[data-v-abea6fb8]::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#gift .kind .more .arrow-down[data-v-abea6fb8]::before {
  color: rgb(var(--text-type1-primary));
}
#gift .kind .more .arrow-down[data-v-abea6fb8]::before {
  display: inline-block;
  transform: rotate(180deg);
}
#gift .kind .more .arrow-down[data-v-abea6fb8]::before {
  color: rgb(var(--absolute-type3));
  font-size: 1rem;
}
#gift .desc-wrap[data-v-abea6fb8] {
  color: rgb(var(--absolute-type3));
  font-size: 0.83333333rem;
  padding: 0.83333333rem 1.66666667rem 1.5rem 1.66666667rem;
}
#gift .desc-wrap .title[data-v-abea6fb8] {
  font-weight: 700;
}
#gift .desc-wrap .desc[data-v-abea6fb8] {
  font-weight: 500;
}
#gift .desc-wrap .title[data-v-abea6fb8],
#gift .desc-wrap .desc[data-v-abea6fb8] {
  margin-top: 0.41666667rem;
}
.m-gift-item-lapse[data-v-abea6fb8] {
  background-color: rgb(var(--cash-gift-primary));
}
.m-gift-item-lapse[data-v-abea6fb8] .ticket__bg svg path {
  fill: rgb(var(--cash-gift-secondary));
}
.m-gift-item-lapse .ops[data-v-abea6fb8] {
  color: rgb(var(--absolute-type2));
}
.m-gift-item-lapse .ops.label[data-v-abea6fb8] {
  background-color: rgb(var(--fc-green-600));
  color: rgb(var(--absolute-type2));
}
.m-gift-item-lapse .kind[data-v-abea6fb8] {
  background-color: rgb(var(--fc-pink-600));
}
.m-gift-item-lapse .exclusive[data-v-abea6fb8] {
  font-weight: 700;
}
.m-gift-item-lapse.m-gift-upcoming .ops[data-v-abea6fb8] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-lapse.m-gift-used[data-v-abea6fb8] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-lapse.m-gift-used .ops[data-v-abea6fb8] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-lapse.m-gift-expired[data-v-abea6fb8] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-lapse.m-gift-expired .ops[data-v-abea6fb8] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-discount[data-v-abea6fb8] {
  background-color: rgb(var(--fc-brown-500));
}
.m-gift-item-discount[data-v-abea6fb8] .ticket__bg svg path {
  fill: rgb(var(--fc-brown-600));
}
.m-gift-item-discount .ops[data-v-abea6fb8] {
  color: rgb(var(--absolute-type2));
}
.m-gift-item-discount .ops.label[data-v-abea6fb8] {
  background-color: rgb(var(--fc-brown-600));
  color: rgb(var(--absolute-type2));
}
.m-gift-item-discount .kind[data-v-abea6fb8] {
  background-color: rgb(var(--fc-brown-600));
}
.m-gift-item-discount .exclusive[data-v-abea6fb8] {
  font-weight: 700;
}
.m-gift-item-discount.m-gift-upcoming .ops[data-v-abea6fb8] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-discount.m-gift-used[data-v-abea6fb8] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-discount.m-gift-used .ops[data-v-abea6fb8] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-discount.m-gift-expired[data-v-abea6fb8] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-discount.m-gift-expired .ops[data-v-abea6fb8] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-free[data-v-abea6fb8] {
  background-color: rgb(var(--fc-cyan-500));
}
.m-gift-item-free[data-v-abea6fb8] .ticket__bg svg path {
  fill: rgb(var(--fc-cyan-600));
}
.m-gift-item-free .ops[data-v-abea6fb8] {
  color: rgb(var(--absolute-type2));
}
.m-gift-item-free .ops.label[data-v-abea6fb8] {
  background-color: rgb(var(--fc-cyan-600));
  color: rgb(var(--text-type1-primary));
}
.m-gift-item-free .kind[data-v-abea6fb8] {
  background-color: rgb(var(--fc-cyan-600));
  height: 2.33333333rem;
}
.m-gift-item-free .exclusive[data-v-abea6fb8] {
  font-weight: 700;
}
.m-gift-item-free.m-gift-upcoming .ops[data-v-abea6fb8] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-free.m-gift-used[data-v-abea6fb8] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-free.m-gift-used .ops[data-v-abea6fb8] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-free.m-gift-expired[data-v-abea6fb8] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-free.m-gift-expired .ops[data-v-abea6fb8] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-freeze[data-v-abea6fb8] {
  background-color: rgb(var(--flash-freeze-tertiary));
}
.m-gift-item-freeze[data-v-abea6fb8] .ticket__bg svg path {
  fill: rgb(var(--flash-freeze-primary));
}
.m-gift-item-freeze .ops[data-v-abea6fb8] {
  color: rgb(var(--text-type2-primary));
}
.m-gift-item-freeze .kind[data-v-abea6fb8] {
  background-color: rgb(var(--flash-freeze-primary));
}
.m-gift-item-freeze.m-gift-upcoming .ops[data-v-abea6fb8] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-freeze.m-gift-used[data-v-abea6fb8] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-freeze.m-gift-used .ops[data-v-abea6fb8] {
  color: rgb(var(--fc-nl-700));
}
.m-gift-item-freeze.m-gift-expired[data-v-abea6fb8] {
  background: rgb(var(--fc-nl-600));
}
.m-gift-item-freeze.m-gift-expired .ops[data-v-abea6fb8] {
  color: rgb(var(--fc-nl-700));
}

.m-coupon-list .skeleton-box[data-v-296f0db8] {
  border-radius: 1.33333333rem;
  margin-bottom: 1rem;
  overflow: hidden;
}

.m-coupon-wrapper .m-coupon-tips[data-v-fdbd4e72] {
  font-weight: 400;
  margin-bottom: 0.33333333rem;
}
.m-coupon-wrapper .m-coupon-tips[data-v-fdbd4e72]:last-child {
  margin-bottom: 0;
}
.m-coupon-wrapper .cup-icon[data-v-fdbd4e72] {
  display: inline-block;
  margin-right: 0.66666667rem;
  vertical-align: middle;
}
.m-coupon-wrapper .hint-text[data-v-fdbd4e72],
.m-coupon-wrapper .amount[data-v-fdbd4e72] {
  display: inline-block;
}
.m-coupon-wrapper .hint-text[data-v-fdbd4e72] {
  margin-right: 0.33333333rem;
}

.m-coupon-wrapper {
  position: relative;
  text-align: left;
}
.m-coupon-wrapper .m-coupon-title {
  height: 2.33333333rem;
  overflow: hidden;
}
.m-coupon-wrapper .m-coupon-title .m-label,
.m-coupon-wrapper .m-coupon-title .m-value {
  display: inline-block;
  font-size: 1.16666667rem !important;
  height: 100%;
  line-height: 2.33333333rem;
  vertical-align: top !important;
}
.m-coupon-wrapper .m-coupon-title .m-label--green {
  color: rgb(var(--brand-secondary));
}
.m-coupon-wrapper .m-coupon-title .m-value {
  color: rgb(var(--text-type1-primary));
  float: right;
  text-align: right;
}
.m-coupon-wrapper .m-coupon-title .m-text--green {
  color: rgb(var(--brand-secondary));
}
.m-coupon-wrapper .m-coupon-title .m-text,
.m-coupon-wrapper .m-coupon-title .m-icon-pack,
.m-coupon-wrapper .m-coupon-title .m-icon-unpack {
  display: inline-block;
  height: 2.33333333rem;
  line-height: 2.33333333rem;
  vertical-align: top;
}
.m-coupon-wrapper .m-coupon-title .m-icon-pack {
  color: rgb(var(--text-type1-secondary));
}
.m-coupon-wrapper .m-coupon-title .m-icon-pack::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-coupon-wrapper .m-coupon-title .m-icon-pack::before {
  color: rgb(var(--text-type1-primary));
}
.m-coupon-wrapper .m-coupon-title .m-icon-pack::before {
  display: inline-block;
  transform: rotate(90deg);
}
.m-coupon-wrapper .m-coupon-title .m-icon-pack:before {
  font-size: 1rem;
  font-weight: bold;
}
.m-coupon-wrapper .m-coupon-opt {
  background: rgb(var(--brand-tertiary));
  font-size: 1rem;
  margin: 1.08333333rem 1.33333333rem;
  overflow: hidden;
}
.m-coupon-wrapper .m-coupon-opt .m-coupon-tips {
  color: rgb(var(--text-type1-secondary));
  line-height: 1.16666667rem;
  text-align: center;
}
.m-coupon-wrapper .backdrop {
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  height: 100vh;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 889;
}
.m-coupon-wrapper .m-coupon-content {
  background-color: rgb(var(--brand-tertiary));
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 0rem;
  left: 0;
  overflow-y: auto;
  position: fixed;
  transition: all 0.2s ease;
  width: 100%;
  z-index: 889;
}
.m-coupon-wrapper .m-coupon-content .main {
  flex: 1;
  overflow-y: scroll;
}
.m-coupon-wrapper .m-coupons-skip {
  background-color: rgb(var(--brand-tertiary));
  margin: 1.66666667rem 0 1.16666667rem;
  text-align: center;
}
.m-coupon-wrapper .m-coupons-skip .btn {
  border: 1px solid #DCDEE5;
  border-radius: 0.16666667rem;
  color: rgb(var(--brand-secondary));
  display: block;
  font-size: 1rem;
  font-weight: bold;
  height: 3.5rem;
  line-height: 3.33333333rem;
}
.m-coupon-wrapper .m-coupons-skip .btn.active {
  background-color: rgb(var(--highlight-focus));
  border-color: rgb(var(--highlight-focus));
  color: rgb(var(--text-type2-primary));
}
.m-coupon-wrapper .fade-enter-active,
.m-coupon-wrapper .fade-leave-active {
  transition: opacity 0.3s;
}
.m-coupon-wrapper .fade-enter-from,
.m-coupon-wrapper .fade-leave-to {
  opacity: 0;
}
.m-coupon-wrapper .m-error-wrapper {
  align-items: center;
  background: rgb(var(--brand-tertiary));
  display: table;
  display: flex;
  flex-direction: column;
  height: 70%;
  justify-content: center;
  width: 100%;
}
.m-coupon-wrapper .m-error-wrapper > div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.m-coupon-wrapper .m-error-wrapper > div i {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.m-coupon-wrapper .m-error-wrapper .m-text-msg {
  color: rgb(var(--text-type1-secondary));
  font-size: 1.16666667rem;
  line-height: 1.33333333rem;
}
.m-coupon-wrapper .m-error-wrapper .m-icon-load::before {
  content: '\e648';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-coupon-wrapper .m-error-wrapper .m-icon-load:before {
  animation: loading 1.5s infinite linear;
  color: rgb(var(--text-type1-secondary));
  display: table-cell;
  font-size: 1.16666667rem;
  height: 2.5rem;
  text-align: center;
  vertical-align: middle;
  width: 2.5rem;
}
.m-coupon-wrapper .m-error-wrapper .af-button--text {
  border: 1px solid rgb(var(--line-type1-secondary));
  border-radius: 0.33333333rem;
  color: rgb(var(--line-type1-primary));
  font-size: 0.83333333rem;
  height: 1.66666667rem;
  line-height: 1.16666667rem;
  margin-top: 0.66666667rem;
  padding: 0;
  width: 5.25rem;
}
.m-coupon-wrapper .m-error-wrapper .m-text-highlight {
  color: #3656A3;
}
.m-coupon-wrapper .m-error-wrapper .m-icon-warn {
  color: #DCDEE5;
}
.m-coupon-wrapper .m-error-wrapper .m-icon-warn::before {
  content: '\e660';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-coupon-wrapper .m-error-wrapper .m-icon-warn::before {
  color: rgb(var(--text-type1-primary));
}
.m-coupon-wrapper .m-error-wrapper .m-icon-warn::before {
  font-size: 2.5rem;
}
.m-coupon-wrapper .m-error-wrapper .reload-btn {
  padding-top: 3rem;
}
.m-coupon-wrapper .m-error-wrapper .reload-btn span {
  border: 1px solid rgb(var(--brand-secondary));
  border-radius: 2px;
  color: rgb(var(--brand-secondary));
  display: block;
  height: 2.75rem;
  line-height: 2.75rem;
  margin: 0 auto;
  width: 7.5rem;
}
@keyframes loading {
100% {
    transform: rotate(360deg);
}
}
.m-coupon-wrapper .m-coupon-list {
  background: rgb(var(--brand-tertiary));
  padding: 0 1.33333333rem;
}
.m-coupon-wrapper .m-coupon-list .m-info-ban {
  display: block;
  height: 100%;
}
.m-coupon-wrapper .m-coupon-list .m-coupon-group-title {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  line-height: 1.33333333rem;
  margin: 2.33333333rem 0 0.83333333rem;
}
:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.loading-icon-input {
  animation: rotation 2s infinite linear;
  left: 21.41666667rem;
  position: absolute;
}
@keyframes rotation {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.m-coupon-wrapper {
  align-items: center;
  color: rgb(var(--fc-green-500));
  display: flex;
  font-weight: 500;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}
.m-coupon-wrapper .m-loading-wrap {
  background-color: rgb(var(--brand-tertiary));
  min-height: initial;
}
.m-coupon-wrapper .m-loading-wrap .m-loading .loading {
  background-color: rgb(var(--brand-tertiary));
}
.m-coupon-wrapper .green {
  color: rgb(var(--brand-secondary));
}
.m-coupon-wrapper .scale-down {
  display: inline-block;
  transform: scaleX(0.6);
  transform-origin: right;
}
.m-coupon-wrapper .m-icon-gift {
  color: rgb(var(--brand-secondary));
}
.m-coupon-wrapper .m-icon-gift::before {
  content: "\e6b7";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-coupon-wrapper .m-icon-gift::before {
  color: rgb(var(--brand-secondary));
}
.m-coupon-wrapper .m-icon-arrow-right::before {
  content: '\e633';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-coupon-wrapper .m-icon-arrow-right::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-coupon-wrapper .m-icon-arrow-right::before {
  display: inline-block;
  transform: rotate(180deg);
}
.m-coupon-wrapper .m-icon-arrow-right::before {
  color: rgb(var(--brand-secondary));
}
.m-coupon-wrapper .m-icon-arrow-right::before {
  font-size: 12px;
}
.m-coupon-wrapper .flex {
  display: flex;
}
.m-coupon-wrapper .use-gift {
  color: rgb(var(--brand-secondary));
}
#betslip-container .m-betslips .m-coupon-wrapper .m-loading-wrap {
  z-index: 0;
}

.loading-icon-input[data-v-192164b8] {
  animation: rotation-192164b8 2s infinite linear;
  left: 21.41666667rem;
  position: absolute;
}
@keyframes rotation-192164b8 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.payment-tips-container[data-v-192164b8] {
  background-color: rgb(var(--brand-tertiary));
  color: rgb(var(--text-type1-secondary));
  margin-bottom: 1.33333333rem;
}
.title[data-v-192164b8] {
  color: rgb(var(--text-type1-tertiary));
  font-size: 1.16666667rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.text-content[data-v-192164b8] {
  white-space: pre-wrap;
}
.text-content[data-v-192164b8] >  .amount-highlight {
  color: rgb(var(--brand-secondary));
  font-weight: bold;
}

.withdraw-methods-tab[data-v-55054464] .m-tabs-nav {
  border-bottom: 1px solid rgb(var(--line-type1-primary));
}
.withdraw-methods-tab[data-v-55054464] .m-tabs-nav .m-tabs-ink-bar {
  height: 0.33333333rem;
}
.withdraw-methods-tab[data-v-55054464] .m-tabs-nav .m-tabs-tab {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  padding-bottom: 1.16666667rem;
  padding-top: 1.66666667rem;
  text-align: center;
}
.withdraw-methods-tab[data-v-55054464] .m-tabs-nav .m-tabs-tab.m-tabs-tab-active {
  color: rgb(var(--text-type1-primary));
}

/*
Using formula solid
$primary: @brand-secondary;
$home: @brand-secondary;
$away: #FB4D3D;
$cl: #FFFFFF;
$base: @brand-tertiary;
*/
.sr-bb {
  background: rgb(var(--brand-tertiary));
  font-family: Roboto, Noto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
}
.sr-bb.sr-rtl {
  text-align: right;
}
.sr-bb .sr-bb {
  background: none;
}
.sr-bb .srt-base-1 {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-1-win {
  background-color: transparent;
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-draw {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.4);
}
.sr-bb .srt-base-1-lose {
  background-color: transparent;
  border-color: #FB4D3D;
  color: #FB4D3D;
}
.sr-bb .srt-base-1-is-active {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-1-is-active-2 {
  background-color: #28263c;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-1-is-hoverable:hover {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-1-primary {
  background-color: transparent;
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-home-1 {
  background-color: transparent;
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-away-1 {
  background-color: transparent;
  border-color: #FB4D3D;
  color: #FB4D3D;
}
.sr-bb .srt-base-1-home-2 {
  background-color: transparent;
  border-color: #c7fa75;
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-away-2 {
  background-color: transparent;
  border-color: #c7fa75;
  color: #FB4D3D;
}
.sr-bb .srt-base-1-home-3 {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-away-3 {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.12);
  color: #FB4D3D;
}
.sr-bb .srt-base-1-home-4 {
  background-color: transparent;
  border-color: #74b017;
  color: #74b017;
}
.sr-bb .srt-base-1-away-4 {
  background-color: transparent;
  border-color: #b53a36;
  color: #b53a36;
}
.sr-bb .srt-base-1-home-5 {
  background-color: transparent;
  border-color: #c1f964;
  color: #c1f964;
}
.sr-bb .srt-base-1-away-5 {
  background-color: transparent;
  border-color: #fc8b81;
  color: #fc8b81;
}
.sr-bb .srt-base-1-background {
  background-color: rgb(var(--brand-tertiary));
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-2 {
  background-color: #100e26;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-2-is-active {
  background-color: #212a23;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-2-is-hoverable:hover {
  background-color: #212a23;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-3 {
  background-color: #212a23;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-3-is-active {
  background-color: #283522;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-3-is-hoverable:hover {
  background-color: #283522;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-3-background {
  background-color: #100e26;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-4 {
  background-color: #171a25;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-5-is-active {
  background-color: #354a21;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-5-is-hoverable:hover {
  background-color: #354a21;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-6 {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.3);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-primary-1 {
  background-color: rgb(var(--brand-secondary));
  border-color: rgba(0, 0, 0, 0.16);
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-primary-1-is-active {
  background-color: #8fdd0f;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-1-is-hoverable:hover {
  background-color: #8fdd0f;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-1-is-disabled {
  background-color: #7fc50e;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-2 {
  background-color: #bcf958;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-3 {
  background-color: #8fdd0f;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-4 {
  background-color: #669919;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-5 {
  background-color: #669919;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-5-is-hoverable:hover {
  background-color: rgb(var(--brand-secondary));
  border-color: rgba(0, 0, 0, 0.16);
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-primary-6 {
  background-color: #c7fa75;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-7 {
  background-color: rgb(var(--brand-secondary));
  border-color: rgba(0, 0, 0, 0.16);
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-primary-8 {
  background-color: rgb(var(--brand-secondary));
  border-color: rgba(0, 0, 0, 0.16);
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-primary-8-is-active-1 {
  background-color: #8fdd0f;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-8-is-active-2 {
  background-color: #8fdd0f;
  border-color: #100E26;
  color: #000;
}
.sr-bb .srt-primary-9 {
  background-color: #3b5420;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-primary-10 {
  background-color: #82c815;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-11 {
  background-color: #8fdd0f;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-12 {
  background-color: rgb(var(--brand-secondary));
  border-color: #000;
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-primary-13 {
  background-color: #171a25;
  border-color: rgba(159, 246, 17, 0.3);
  color: #000;
}
.sr-bb .srt-base-1-primary-1 {
  background-color: transparent;
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-primary-2 {
  background-color: transparent;
  border-color: #bcf958;
  color: #bcf958;
}
.sr-bb .srt-base-1-primary-3 {
  background-color: transparent;
  border-color: #8fdd0f;
  color: #8fdd0f;
}
.sr-bb .srt-base-1-primary-4 {
  background-color: transparent;
  border-color: #669919;
  color: #669919;
}
.sr-bb .srt-base-1-primary-5 {
  background-color: transparent;
  border-color: #669919;
  color: #669919;
}
.sr-bb .srt-base-1-primary-6 {
  background-color: transparent;
  border-color: #c7fa75;
  color: #c7fa75;
}
.sr-bb .srt-base-1-primary-7 {
  background-color: transparent;
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-primary-8 {
  background-color: transparent;
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-primary-9 {
  background-color: transparent;
  border-color: #3b5420;
  color: #3b5420;
}
.sr-bb .srt-base-1-primary-10 {
  background-color: transparent;
  border-color: #82c815;
  color: #82c815;
}
.sr-bb .srt-base-1-primary-11 {
  background-color: transparent;
  border-color: #8fdd0f;
  color: #8fdd0f;
}
.sr-bb .srt-base-1-primary-13 {
  background-color: #100E26;
  border-color: rgba(159, 246, 17, 0.3);
  color: #171a25;
}
.sr-bb .srt-base-1-neutral-1 {
  background-color: transparent;
  border-color: #2f2d42;
  color: #2f2d42;
}
.sr-bb .srt-base-1-neutral-2 {
  background-color: transparent;
  border-color: #e7e7e9;
  color: #e7e7e9;
}
.sr-bb .srt-base-1-neutral-3 {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.12);
}
.sr-bb .srt-base-1-neutral-4 {
  background-color: transparent;
  border-color: #ababb3;
  color: #ababb3;
}
.sr-bb .srt-base-1-neutral-5 {
  background-color: transparent;
  border-color: #c3c3c9;
  color: #c3c3c9;
}
.sr-bb .srt-base-1-neutral-6 {
  background-color: transparent;
  border-color: #49485a;
  color: #49485a;
}
.sr-bb .srt-base-1-neutral-7 {
  background-color: transparent;
  border-color: #ababb3;
  color: #ababb3;
}
.sr-bb .srt-base-1-neutral-8 {
  background-color: transparent;
  border-color: #2f2d42;
  color: #2f2d42;
}
.sr-bb .srt-base-1-neutral-9 {
  background-color: transparent;
  border-color: #1e1c33;
  color: #1e1c33;
}
.sr-bb .srt-base-1-neutral-10 {
  background-color: transparent;
  border-color: #2d2b40;
  color: #2d2b40;
}
.sr-bb .srt-base-1-neutral-11 {
  background-color: transparent;
  border-color: #706e7d;
  color: #706e7d;
}
.sr-bb .srt-base-1-neutral-12 {
  background-color: transparent;
  border-color: #b7b7be;
  color: #b7b7be;
}
.sr-bb .srt-base-1-neutral-13 {
  background-color: transparent;
  border-color: #28263c;
  color: #28263c;
}
.sr-bb .srt-base-1-is-active-primary {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-is-active-home-1 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-is-active-away-1 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #FB4D3D;
  color: #FB4D3D;
}
.sr-bb .srt-base-1-is-active-home-2 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #c7fa75;
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-is-active-away-2 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #c7fa75;
  color: #FB4D3D;
}
.sr-bb .srt-base-1-is-active-home-3 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-is-active-away-3 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgba(255, 255, 255, 0.12);
  color: #FB4D3D;
}
.sr-bb .srt-base-1-is-active-home-4 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #74b017;
  color: #74b017;
}
.sr-bb .srt-base-1-is-active-away-4 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #b53a36;
  color: #b53a36;
}
.sr-bb .srt-base-1-is-active-home-5 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #c1f964;
  color: #c1f964;
}
.sr-bb .srt-base-1-is-active-away-5 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #fc8b81;
  color: #fc8b81;
}
.sr-bb .srt-base-1-is-active-primary-1 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-is-active-primary-2 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #bcf958;
  color: #bcf958;
}
.sr-bb .srt-base-1-is-active-primary-3 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #8fdd0f;
  color: #8fdd0f;
}
.sr-bb .srt-base-1-is-active-primary-4 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #669919;
  color: #669919;
}
.sr-bb .srt-base-1-is-active-primary-5 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #669919;
  color: #669919;
}
.sr-bb .srt-base-1-is-active-primary-6 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #c7fa75;
  color: #c7fa75;
}
.sr-bb .srt-base-1-is-active-primary-7 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-is-active-primary-8 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-is-active-primary-9 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #3b5420;
  color: #3b5420;
}
.sr-bb .srt-base-1-is-active-primary-10 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #82c815;
  color: #82c815;
}
.sr-bb .srt-base-1-is-active-primary-11 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #8fdd0f;
  color: #8fdd0f;
}
.sr-bb .srt-base-1-is-active-neutral-1 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #2f2d42;
  color: #2f2d42;
}
.sr-bb .srt-base-1-is-active-neutral-2 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #e7e7e9;
  color: #e7e7e9;
}
.sr-bb .srt-base-1-is-active-neutral-3 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.12);
}
.sr-bb .srt-base-1-is-active-neutral-4 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #ababb3;
  color: #ababb3;
}
.sr-bb .srt-base-1-is-active-neutral-5 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #c3c3c9;
  color: #c3c3c9;
}
.sr-bb .srt-base-1-is-active-neutral-6 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #49485a;
  color: #49485a;
}
.sr-bb .srt-base-1-is-active-neutral-7 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #ababb3;
  color: #ababb3;
}
.sr-bb .srt-base-1-is-active-neutral-8 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #2f2d42;
  color: #2f2d42;
}
.sr-bb .srt-base-1-is-active-neutral-9 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #1e1c33;
  color: #1e1c33;
}
.sr-bb .srt-base-1-is-active-neutral-10 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #2d2b40;
  color: #2d2b40;
}
.sr-bb .srt-base-1-is-active-neutral-11 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #706e7d;
  color: #706e7d;
}
.sr-bb .srt-base-1-is-active-neutral-12 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #b7b7be;
  color: #b7b7be;
}
.sr-bb .srt-base-1-is-active-neutral-13 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #28263c;
  color: #28263c;
}
.sr-bb .srt-home-1 {
  background-color: rgb(var(--brand-secondary));
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-away-1 {
  background-color: #FB4D3D;
  border-color: #FB4D3D;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-home-2 {
  background-color: rgb(var(--brand-secondary));
  border-color: #c7fa75;
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-away-2 {
  background-color: #FB4D3D;
  border-color: #c7fa75;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-home-3 {
  background-color: rgb(var(--brand-secondary));
  border-color: #100E26;
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-away-3 {
  background-color: #FB4D3D;
  border-color: #100E26;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-home-4 {
  background-color: #74b017;
  border-color: #74b017;
  color: #000;
}
.sr-bb .srt-away-4 {
  background-color: #b53a36;
  border-color: #b53a36;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-home-5 {
  background-color: #c1f964;
  border-color: #c1f964;
  color: #000;
}
.sr-bb .srt-away-5 {
  background-color: #fc8b81;
  border-color: #fc8b81;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-home-6 {
  background-color: rgba(159, 246, 17, 0.2);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-away-6 {
  background-color: rgba(251, 77, 61, 0.2);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-home-6-is-hoverable:hover {
  background-color: rgba(159, 246, 17, 0.2);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-away-6-is-hoverable:hover {
  background-color: rgba(251, 77, 61, 0.2);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-neutral-1 {
  background-color: #2f2d42;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-neutral-2 {
  background-color: #e7e7e9;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-neutral-3 {
  background-color: rgba(var(--text-type1-primary), 12%);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-neutral-4 {
  background-color: #ababb3;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-neutral-5 {
  background-color: #c3c3c9;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-neutral-6 {
  background-color: #49485a;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-neutral-7 {
  background-color: #ababb3;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-neutral-8 {
  background-color: #2f2d42;
  border-color: rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
}
.sr-bb .srt-neutral-9 {
  background-color: rgb(var(--brand-tertiary));
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-neutral-10 {
  background-color: #2d2b40;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.82);
}
.sr-bb .srt-neutral-11 {
  background-color: #706e7d;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-neutral-12 {
  background-color: #b7b7be;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-neutral-13 {
  background-color: #28263c;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-win {
  background-color: rgb(var(--brand-secondary));
  border-color: rgba(0, 0, 0, 0.16);
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-draw {
  background-color: rgba(255, 255, 255, 0.4);
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-lose {
  background-color: #FB4D3D;
  border-color: rgba(0, 0, 0, 0.16);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-text-secondary {
  -webkit-font-smoothing: antialiased;
  opacity: 0.8;
}
.sr-bb .srt-text-disabled {
  opacity: 0.6;
}
.sr-bb .srt-text-tertiary {
  opacity: 0.7;
}
.sr-bb .srt-primary-1 .srt-text-secondary,
.sr-bb .srt-primary-1.srt-text-secondary,
.sr-bb .srt-primary-1-is-active .srt-text-secondary,
.sr-bb .srt-primary-1-is-active.srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled .srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled.srt-text-secondary,
.sr-bb .srt-primary-2 .srt-text-secondary,
.sr-bb .srt-primary-2.srt-text-secondary,
.sr-bb .srt-primary-3 .srt-text-secondary,
.sr-bb .srt-primary-3.srt-text-secondary,
.sr-bb .srt-primary-4 .srt-text-secondary,
.sr-bb .srt-primary-4.srt-text-secondary,
.sr-bb .srt-primary-5 .srt-text-secondary,
.sr-bb .srt-primary-5.srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-6 .srt-text-secondary,
.sr-bb .srt-primary-6.srt-text-secondary,
.sr-bb .srt-primary-7 .srt-text-secondary,
.sr-bb .srt-primary-7.srt-text-secondary,
.sr-bb .srt-primary-8 .srt-text-secondary,
.sr-bb .srt-primary-8.srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1.srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2.srt-text-secondary,
.sr-bb .srt-primary-9 .srt-text-secondary,
.sr-bb .srt-primary-9.srt-text-secondary,
.sr-bb .srt-primary-10 .srt-text-secondary,
.sr-bb .srt-primary-10.srt-text-secondary,
.sr-bb .srt-primary-11 .srt-text-secondary,
.sr-bb .srt-primary-11.srt-text-secondary,
.sr-bb .srt-primary-12 .srt-text-secondary,
.sr-bb .srt-primary-12.srt-text-secondary,
.sr-bb .srt-primary-13 .srt-text-secondary,
.sr-bb .srt-primary-13.srt-text-secondary {
  -webkit-font-smoothing: antialiased;
  opacity: 0.7;
}
.sr-bb .srt-primary-1 .srt-text-disabled,
.sr-bb .srt-primary-1.srt-text-disabled,
.sr-bb .srt-primary-1-is-active .srt-text-disabled,
.sr-bb .srt-primary-1-is-active.srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled .srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled.srt-text-disabled,
.sr-bb .srt-primary-2 .srt-text-disabled,
.sr-bb .srt-primary-2.srt-text-disabled,
.sr-bb .srt-primary-3 .srt-text-disabled,
.sr-bb .srt-primary-3.srt-text-disabled,
.sr-bb .srt-primary-4 .srt-text-disabled,
.sr-bb .srt-primary-4.srt-text-disabled,
.sr-bb .srt-primary-5 .srt-text-disabled,
.sr-bb .srt-primary-5.srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-6 .srt-text-disabled,
.sr-bb .srt-primary-6.srt-text-disabled,
.sr-bb .srt-primary-7 .srt-text-disabled,
.sr-bb .srt-primary-7.srt-text-disabled,
.sr-bb .srt-primary-8 .srt-text-disabled,
.sr-bb .srt-primary-8.srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1.srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2.srt-text-disabled,
.sr-bb .srt-primary-9 .srt-text-disabled,
.sr-bb .srt-primary-9.srt-text-disabled,
.sr-bb .srt-primary-10 .srt-text-disabled,
.sr-bb .srt-primary-10.srt-text-disabled,
.sr-bb .srt-primary-11 .srt-text-disabled,
.sr-bb .srt-primary-11.srt-text-disabled,
.sr-bb .srt-primary-12 .srt-text-disabled,
.sr-bb .srt-primary-12.srt-text-disabled,
.sr-bb .srt-primary-13 .srt-text-disabled,
.sr-bb .srt-primary-13.srt-text-disabled {
  opacity: 0.35;
}
.sr-bb .srt-primary-1 .srt-text-tertiary,
.sr-bb .srt-primary-1.srt-text-tertiary,
.sr-bb .srt-primary-1-is-active .srt-text-tertiary,
.sr-bb .srt-primary-1-is-active.srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled .srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled.srt-text-tertiary,
.sr-bb .srt-primary-2 .srt-text-tertiary,
.sr-bb .srt-primary-2.srt-text-tertiary,
.sr-bb .srt-primary-3 .srt-text-tertiary,
.sr-bb .srt-primary-3.srt-text-tertiary,
.sr-bb .srt-primary-4 .srt-text-tertiary,
.sr-bb .srt-primary-4.srt-text-tertiary,
.sr-bb .srt-primary-5 .srt-text-tertiary,
.sr-bb .srt-primary-5.srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-6 .srt-text-tertiary,
.sr-bb .srt-primary-6.srt-text-tertiary,
.sr-bb .srt-primary-7 .srt-text-tertiary,
.sr-bb .srt-primary-7.srt-text-tertiary,
.sr-bb .srt-primary-8 .srt-text-tertiary,
.sr-bb .srt-primary-8.srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1.srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2.srt-text-tertiary,
.sr-bb .srt-primary-9 .srt-text-tertiary,
.sr-bb .srt-primary-9.srt-text-tertiary,
.sr-bb .srt-primary-10 .srt-text-tertiary,
.sr-bb .srt-primary-10.srt-text-tertiary,
.sr-bb .srt-primary-11 .srt-text-tertiary,
.sr-bb .srt-primary-11.srt-text-tertiary,
.sr-bb .srt-primary-12 .srt-text-tertiary,
.sr-bb .srt-primary-12.srt-text-tertiary,
.sr-bb .srt-primary-13 .srt-text-tertiary,
.sr-bb .srt-primary-13.srt-text-tertiary {
  opacity: 0.54;
}
.sr-bb .srt-icon {
  color: rgb(var(--text-type1-primary));
  opacity: 0.33;
}
.sr-bb .srt-icon-secondary {
  opacity: 0.7;
}
.sr-bb .srt-elevation-1 {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.sr-bb .srt-elevation-2 {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23), 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-elevation-3 {
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
}
.sr-bb .srt-elevation-center-2 {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.23), 0 1px 5px rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-inset-top-1 {
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-1 {
  box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-top-2 {
  box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-2 {
  box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-top-3 {
  box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-3 {
  box-shadow: inset 0 -6px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-fill-blue-card {
  fill: #2579ad;
}
.sr-bb .srt-stroke-blue-card {
  stroke: #2579ad;
}
.sr-bb .srt-fill-green-card {
  fill: #2cbd00;
}
.sr-bb .srt-stroke-green-card {
  stroke: #2cbd00;
}
.sr-bb .srt-fill-soccer-yellow-card {
  fill: #ffbf00;
}
.sr-bb .srt-stroke-soccer-yellow-card {
  stroke: #ffbf00;
}
.sr-bb .srt-fill-soccer-red-card {
  fill: #e43b3b;
}
.sr-bb .srt-stroke-soccer-red-card {
  stroke: #e43b3b;
}
.sr-bb .srt-stroke-soccer-substitution-in {
  fill: transparent;
  stroke: #4fbe30;
}
.sr-bb .srt-fill-soccer-substitution-in {
  fill: #4fbe30;
}
.sr-bb .srt-stroke-soccer-substitution-out {
  fill: transparent;
  stroke: #e43b3b;
}
.sr-bb .srt-fill-soccer-substitution-out {
  fill: #e43b3b;
}
.sr-bb .srt-stroke-soccer-own-goal {
  fill: transparent;
  stroke: #e43b3b;
}
.sr-bb .srt-fill-soccer-own-goal {
  fill: #e43b3b;
}
.sr-bb .srt-fill-soccer-relegation-1 {
  fill: #fdd835;
}
.sr-bb .srt-stroke-soccer-relegation-1 {
  stroke: #fdd835;
}
.sr-bb .srt-fill-soccer-relegation-2 {
  fill: #ffb848;
}
.sr-bb .srt-stroke-soccer-relegation-2 {
  stroke: #ffb848;
}
.sr-bb .srt-fill-soccer-relegation-3 {
  fill: #ef6c00;
}
.sr-bb .srt-stroke-soccer-relegation-3 {
  stroke: #ef6c00;
}
.sr-bb .srt-fill-soccer-relegation-4 {
  fill: #e93a34;
}
.sr-bb .srt-stroke-soccer-relegation-4 {
  stroke: #e93a34;
}
.sr-bb .srt-fill-soccer-relegation-5 {
  fill: #941d1d;
}
.sr-bb .srt-stroke-soccer-relegation-5 {
  stroke: #941d1d;
}
.sr-bb .srt-fill-soccer-promotion-1 {
  fill: #51d151;
}
.sr-bb .srt-stroke-soccer-promotion-1 {
  stroke: #51d151;
}
.sr-bb .srt-fill-soccer-promotion-2 {
  fill: #1b911b;
}
.sr-bb .srt-stroke-soccer-promotion-2 {
  stroke: #1b911b;
}
.sr-bb .srt-fill-soccer-promotion-3 {
  fill: #0e8094;
}
.sr-bb .srt-stroke-soccer-promotion-3 {
  stroke: #0e8094;
}
.sr-bb .srt-fill-soccer-promotion-4 {
  fill: #0a6cce;
}
.sr-bb .srt-stroke-soccer-promotion-4 {
  stroke: #0a6cce;
}
.sr-bb .srt-fill-soccer-promotion-5 {
  fill: #4a9fe4;
}
.sr-bb .srt-stroke-soccer-promotion-5 {
  stroke: #4a9fe4;
}
.sr-bb .srt-nfl-timeout-1 {
  background-color: #f5a623;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-nfl-timeout-2 {
  background-color: rgba(245, 166, 35, 0.3);
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-nfl-penalty {
  background-color: #f4a621;
  border-color: #f4a621;
  color: #000;
}
.sr-bb .srt-nfl-negative-yards-1 {
  background-color: #ac182e;
  border-color: #ac182e;
  color: #000;
}
.sr-bb .srt-nfl-negative-yards-2 {
  background-color: #ac182e;
  border-color: #ac182e;
  color: #000;
}
.sr-bb .srt-nfl-first-line {
  background-color: #4b90de;
  border-color: #4b90de;
  color: #000;
}
.sr-bb .srt-nfl-ten-line {
  background-color: #f5a623;
  border-color: #f5a623;
  color: #000;
}
.sr-bb .srt-fill-nfl-penalty {
  fill: #f4a621;
}
.sr-bb .srt-stroke-nfl-penalty {
  stroke: #f4a621;
}
.sr-bb .srt-fill-nfl-negative-yards-1 {
  fill: #ac182e;
}
.sr-bb .srt-stroke-nfl-negative-yards-1 {
  stroke: #ac182e;
}
.sr-bb .srt-fill-nfl-negative-yards-2 {
  fill: #ac182e;
}
.sr-bb .srt-stroke-nfl-negative-yards-2 {
  stroke: #ac182e;
}
.sr-bb .srt-fill-nfl-first-line {
  fill: #4b90de;
}
.sr-bb .srt-stroke-nfl-first-line {
  stroke: #4b90de;
}
.sr-bb .srt-fill-nfl-ten-line {
  fill: #f5a623;
}
.sr-bb .srt-stroke-nfl-ten-line {
  stroke: #f5a623;
}
.sr-bb .srt-mlb-run-1 {
  background-color: #090;
  border-color: #090;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-mlb-run-2 {
  background-color: rgb(var(--text-type2-primary));
  border-color: #090;
  color: #090;
}
.sr-bb .srt-mlb-hit-1 {
  background-color: #f7ab11;
  border-color: #f7ab11;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-mlb-hit-2 {
  background-color: rgb(var(--text-type2-primary));
  border-color: #f7ab11;
  color: #f7ab11;
}
.sr-bb .srt-mlb-hit-3 {
  background-color: #00a4ff;
  border-color: #00a4ff;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-mlb-error-1 {
  background-color: #d0021b;
  border-color: #d0021b;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-mlb-error-2 {
  background-color: rgb(var(--text-type2-primary));
  border-color: #d0021b;
  color: #d0021b;
}
.sr-bb .srt-mlb-neutral-1 {
  background-color: #212121;
  border-color: rgb(var(--text-type2-primary));
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-fill-mlb-base {
  fill: #00a4ff;
}
.sr-bb .srt-strole-mlb-base {
  fill: #00a4ff;
}
.sr-bb .srt-fill-change-increase {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-change-increase {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-change-decrease {
  fill: #FB4D3D;
}
.sr-bb .srt-stroke-change-decrease {
  stroke: #FB4D3D;
}
.sr-bb .srt-fill-text {
  fill: #FFF;
}
.sr-bb .srt-fill-text-invert {
  fill: #000;
}
.sr-bb .srt-fill-text-secondary {
  fill-opacity: 0.8;
}
.sr-bb .srt-fill-text-disabled {
  fill-opacity: 0.6;
}
.sr-bb .srt-fill-base-1 {
  fill: transparent;
}
.sr-bb .srt-stroke-base-1 {
  stroke: transparent;
}
.sr-bb .srt-fill-base-1-active {
  fill: rgba(159, 246, 17, 0.12);
}
.sr-bb .srt-stroke-base-1-active {
  stroke: rgba(159, 246, 17, 0.12);
}
.sr-bb .srt-fill-base-1-active-2 {
  fill: #28263c;
}
.sr-bb .srt-stroke-base-1-active-2 {
  stroke: #28263c;
}
.sr-bb .srt-fill-base-1-primary {
  fill: transparent;
}
.sr-bb .srt-stroke-base-1-primary {
  stroke: transparent;
}
.sr-bb .srt-fill-base-1-home {
  fill: transparent;
}
.sr-bb .srt-stroke-base-1-home {
  stroke: transparent;
}
.sr-bb .srt-fill-base-1-away {
  fill: transparent;
}
.sr-bb .srt-stroke-base-1-away {
  stroke: transparent;
}
.sr-bb .srt-fill-base-2 {
  fill: currentColor;
}
.sr-bb .srt-stroke-base-2 {
  stroke: currentColor;
}
.sr-bb .srt-fill-base-2-active {
  fill: #212a23;
}
.sr-bb .srt-stroke-base-2-active {
  stroke: #212a23;
}
.sr-bb .srt-fill-base-2-hover {
  fill: #212a23;
}
.sr-bb .srt-stroke-base-2-hover {
  stroke: #212a23;
}
.sr-bb .srt-fill-base-3 {
  fill: #212a23;
}
.sr-bb .srt-stroke-base-3 {
  stroke: #212a23;
}
.sr-bb .srt-fill-base-3-active {
  fill: #283522;
}
.sr-bb .srt-stroke-base-3-active {
  stroke: #283522;
}
.sr-bb .srt-fill-base-3-hover {
  fill: #283522;
}
.sr-bb .srt-stroke-base-3-hover {
  stroke: #283522;
}
.sr-bb .srt-fill-primary-1 {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-primary-1 {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-primary-2 {
  fill: #bcf958;
}
.sr-bb .srt-stroke-primary-2 {
  stroke: #bcf958;
}
.sr-bb .srt-fill-primary-3 {
  fill: #8fdd0f;
}
.sr-bb .srt-stroke-primary-3 {
  stroke: #8fdd0f;
}
.sr-bb .srt-fill-primary-4 {
  fill: #669919;
}
.sr-bb .srt-stroke-primary-4 {
  stroke: #669919;
}
.sr-bb .srt-fill-primary-5 {
  fill: #669919;
}
.sr-bb .srt-stroke-primary-5 {
  stroke: #669919;
}
.sr-bb .srt-fill-primary-6 {
  fill: #c7fa75;
}
.sr-bb .srt-stroke-primary-6 {
  stroke: #c7fa75;
}
.sr-bb .srt-fill-primary-7 {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-primary-7 {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-primary-8 {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-primary-8 {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-primary-8-is-active-1 {
  fill: #8fdd0f;
}
.sr-bb .srt-stroke-primary-8-is-active-1 {
  stroke: #8fdd0f;
}
.sr-bb .srt-fill-primary-8-is-active-2 {
  fill: #8fdd0f;
}
.sr-bb .srt-stroke-primary-8-is-active-2 {
  stroke: #8fdd0f;
}
.sr-bb .srt-fill-primary-9 {
  fill: #3b5420;
}
.sr-bb .srt-stroke-primary-9 {
  stroke: #3b5420;
}
.sr-bb .srt-fill-primary-10 {
  fill: #82c815;
}
.sr-bb .srt-stroke-primary-10 {
  stroke: #82c815;
}
.sr-bb .srt-fill-primary-11 {
  fill: #8fdd0f;
}
.sr-bb .srt-stroke-primary-11 {
  stroke: #8fdd0f;
}
.sr-bb .srt-fill-primary-12 {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-primary-12 {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-home-1 {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-home-1 {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-home-2 {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-home-2 {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-home-3 {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-home-3 {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-home-4 {
  fill: #74b017;
}
.sr-bb .srt-stroke-home-4 {
  stroke: #74b017;
}
.sr-bb .srt-fill-home-5 {
  fill: #c1f964;
}
.sr-bb .srt-stroke-home-5 {
  stroke: #c1f964;
}
.sr-bb .srt-fill-away-1 {
  fill: #FB4D3D;
}
.sr-bb .srt-stroke-away-1 {
  stroke: #FB4D3D;
}
.sr-bb .srt-fill-away-2 {
  fill: #FB4D3D;
}
.sr-bb .srt-stroke-away-2 {
  stroke: #FB4D3D;
}
.sr-bb .srt-fill-away-3 {
  fill: #FB4D3D;
}
.sr-bb .srt-stroke-away-3 {
  stroke: #FB4D3D;
}
.sr-bb .srt-fill-away-4 {
  fill: #b53a36;
}
.sr-bb .srt-stroke-away-4 {
  stroke: #b53a36;
}
.sr-bb .srt-fill-away-5 {
  fill: #fc8b81;
}
.sr-bb .srt-stroke-away-5 {
  stroke: #fc8b81;
}
.sr-bb .srt-fill-neutral-1 {
  fill: #2f2d42;
}
.sr-bb .srt-stroke-neutral-1 {
  stroke: #2f2d42;
}
.sr-bb .srt-fill-neutral-2 {
  fill: #e7e7e9;
}
.sr-bb .srt-stroke-neutral-2 {
  stroke: #e7e7e9;
}
.sr-bb .srt-fill-neutral-3 {
  fill: rgba(255, 255, 255, 0.12);
}
.sr-bb .srt-stroke-neutral-3 {
  stroke: rgba(255, 255, 255, 0.12);
}
.sr-bb .srt-fill-neutral-4 {
  fill: #ababb3;
}
.sr-bb .srt-stroke-neutral-4 {
  stroke: #ababb3;
}
.sr-bb .srt-fill-neutral-5 {
  fill: #c3c3c9;
}
.sr-bb .srt-stroke-neutral-5 {
  stroke: #c3c3c9;
}
.sr-bb .srt-fill-neutral-6 {
  fill: #49485a;
}
.sr-bb .srt-stroke-neutral-6 {
  stroke: #49485a;
}
.sr-bb .srt-fill-neutral-7 {
  fill: #ababb3;
}
.sr-bb .srt-stroke-neutral-7 {
  stroke: #ababb3;
}
.sr-bb .srt-fill-neutral-8 {
  fill: #2f2d42;
}
.sr-bb .srt-stroke-neutral-8 {
  stroke: #2f2d42;
}
.sr-bb .srt-fill-neutral-9 {
  fill: #1e1c33;
}
.sr-bb .srt-stroke-neutral-9 {
  stroke: #1e1c33;
}
.sr-bb .srt-fill-neutral-10 {
  fill: #2d2b40;
}
.sr-bb .srt-stroke-neutral-10 {
  stroke: #2d2b40;
}
.sr-bb .srt-fill-neutral-11 {
  fill: #706e7d;
}
.sr-bb .srt-stroke-neutral-11 {
  stroke: #706e7d;
}
.sr-bb .srt-fill-neutral-12 {
  fill: #b7b7be;
}
.sr-bb .srt-stroke-neutral-12 {
  stroke: #b7b7be;
}
.sr-bb .srt-fill-neutral-13 {
  fill: #28263c;
}
.sr-bb .srt-stroke-neutral-13 {
  stroke: #28263c;
}
.sr-bb .srt-fill-win {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-win {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-draw {
  fill: rgba(255, 255, 255, 0.4);
}
.sr-bb .srt-stroke-draw {
  stroke: rgba(255, 255, 255, 0.4);
}
.sr-bb .srt-fill-lose {
  fill: #FB4D3D;
}
.sr-bb .srt-stroke-lose {
  stroke: #FB4D3D;
}
.sr-bb .srt-stop-base-1 {
  stop-color: transparent;
}
.sr-bb .srt-stop-primary-1 {
  stop-color: rgb(var(--brand-secondary));
}
.sr-bb .srt-stop-primary-2 {
  stop-color: #bcf958;
}
.sr-bb .srt-stop-primary-3 {
  stop-color: #8fdd0f;
}
.sr-bb .srt-stop-primary-4 {
  stop-color: #669919;
}
.sr-bb .srt-stop-primary-5 {
  stop-color: #669919;
}
.sr-bb .srt-stop-primary-6 {
  stop-color: #c7fa75;
}
.sr-bb .srt-stop-primary-7 {
  stop-color: rgb(var(--brand-secondary));
}
.sr-bb .srt-stop-primary-8 {
  stop-color: rgb(var(--brand-secondary));
}
.sr-bb .srt-stop-primary-9 {
  stop-color: #3b5420;
}
.sr-bb .srt-stop-primary-10 {
  stop-color: #82c815;
}
.sr-bb .srt-stop-primary-11 {
  stop-color: #8fdd0f;
}
.sr-bb .srt-stop-primary-12 {
  stop-color: rgb(var(--brand-secondary));
}
.sr-bb .srt-stop-home-1 {
  stop-color: rgb(var(--brand-secondary));
}
.sr-bb .srt-stop-away-1 {
  stop-color: #FB4D3D;
}
.sr-bb .srt-fill-neutral-14 {
  fill: #100E26;
}
.sr-bb .srt-stroke-neutral-14 {
  stroke: #100E26;
}
.sr-bb .srt-logo-powered-by-light {
  display: none;
}
.sr-bb .srt-logo-powered-by-dark {
  display: inline-block;
}
.sr-lmt-plus__footer-wrapper.srm-border {
  display: none;
}
.m-livetracker {
  background-color: rgb(var(--brand-tertiary));
  min-height: 250px;
}
.m-livetracker > div {
  width: 100%;
}
.sr-bb .sr-poweredby__wrapper {
  display: none;
}

.share-in-app-container[data-v-a6244a6e] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.share-in-app-container .icon[data-v-a6244a6e] {
  margin-bottom: 0.41666667rem;
}
.share-in-app-container .desc[data-v-a6244a6e] {
  color: rgb(var(--text-type1-primary));
  display: block;
  font-size: 1rem;
  line-height: 1.16666667rem;
  text-align: center;
}

[data-v-5c367aa5]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-share-bar[data-v-5c367aa5] {
  height: 100%;
  inset: 0;
  position: fixed;
  width: 100%;
  z-index: 333;
}
.m-share-bar .m-share-mask[data-v-5c367aa5] {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
}
.m-share-bar .m-share-main[data-v-5c367aa5] {
  background: rgb(var(--background-type1-primary));
  border-radius: 1.66666667rem 1.66666667rem 0 0;
  bottom: 0;
  height: 15.75rem;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}
.m-share-bar .m-title-bar[data-v-5c367aa5] {
  box-sizing: border-box;
  height: auto;
  overflow: hidden;
  padding: 0.91666667rem 1.33333333rem;
  position: relative;
  text-align: center;
}
.m-share-bar .m-title[data-v-5c367aa5] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.33333333rem;
  font-weight: 500;
  line-height: 2.66666667rem;
}
.m-share-bar .m-icon[data-v-5c367aa5] {
  margin-bottom: 0.41666667rem;
}
.m-share-bar .m-facebook-icon[data-v-5c367aa5] #vector {
  fill: rgb(var(--background-type1-primary));
}
.m-share-bar .m-icon-close[data-v-5c367aa5] {
  color: rgb(var(--text-type1-secondary));
  cursor: pointer;
  display: inline-block;
  float: right;
}
.m-share-bar .m-icon-close[data-v-5c367aa5]::before {
  content: '\e62c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-share-bar .m-icon-close[data-v-5c367aa5]::before {
  color: rgb(var(--text-type1-primary));
}
.m-share-bar .m-icon-close[data-v-5c367aa5]::before {
  font-size: 1.33333333rem;
}
.m-share-bar .m-icon-wrapper[data-v-5c367aa5] {
  align-items: center;
  display: flex;
  justify-content: space-around;
  padding: 3.08333333rem 1.33333333rem 0;
  text-align: center;
}
.m-share-bar .m-icon-wrapper .m-desc[data-v-5c367aa5] {
  color: rgb(var(--text-type1-primary));
  display: block;
  font-size: 1rem;
  line-height: 1.16666667rem;
  text-align: center;
}
.m-share-bar .m-icon-wrapper > a[data-v-5c367aa5],
.m-share-bar .m-icon-wrapper div[data-v-5c367aa5] {
  display: block;
}

[data-v-cd7251aa]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
@keyframes circles-cd7251aa {
100% {
    transform: rotate(360deg);
}
}
.m-order-share[data-v-cd7251aa] {
  bottom: 0;
  height: 15.75rem;
  left: 0;
  position: fixed;
  width: 100%;
}
.m-loading-mask[data-v-cd7251aa] {
  background: rgba(var(--brand-tertiary), 80%);
  inset: 4.5rem 0 0 0;
  position: absolute;
  width: 100%;
  z-index: 999;
}
.m-loading-mask .m-icon-loading[data-v-cd7251aa] {
  animation: circles-cd7251aa 1s linear infinite;
  left: 50%;
  margin-left: -1.25rem;
  margin-top: -1.25rem;
  position: absolute;
  top: 38.2%;
}
.m-loading-mask .m-icon-loading[data-v-cd7251aa]::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-loading-mask .m-icon-loading[data-v-cd7251aa]::before {
  color: rgb(var(--highlight-focus));
  font-size: 2.5rem;
  height: 2.5rem;
  line-height: 1;
  vertical-align: top;
  width: 2.5rem;
}

.label[data-v-de80d390] {
  align-items: center;
  border-radius: 100px;
  color: #FFFFFF;
  display: flex;
  font-size: 1em;
  font-style: italic;
  font-weight: bolder;
  justify-content: center;
  line-height: 1;
  margin-right: -1.8em;
  padding: 0 2em 0 0.5em;
}
.label .content[data-v-de80d390] {
  align-items: center;
  display: flex;
  height: 1.3em;
  position: relative;
}
.label .content .label-text[data-v-de80d390] {
  white-space: nowrap;
}
.label .content .image-container[data-v-de80d390] {
  bottom: 0.2em;
  height: 1.3em;
  position: relative;
  width: 1.3em;
}
.label .content .image-container img[data-v-de80d390] {
  bottom: 0.1em;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 1.1em;
}
.label.first[data-v-de80d390] {
  margin-left: 0;
}
.label.single-label[data-v-de80d390],
.label.last-label[data-v-de80d390] {
  margin-right: 0;
  padding: 0 0.8em 0 0.6em;
}

.event-label-group[data-v-3c87a652] {
  display: flex;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
body {
  width: 100%;
}
#popup-select .popup-modal {
  background-color: rgb(var(--absolute-type3));
  height: 100%;
  left: 0;
  opacity: 0.4;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500;
}
#popup-select .select-container {
  background-color: rgb(var(--brand-tertiary));
  border-top: 6px solid rgb(var(--line-type1-primary));
  bottom: 0;
  height: 50%;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 501;
}
#popup-select .select-container .m-close {
  height: 22px;
  position: absolute;
  right: 26px;
  top: -28px;
  width: 46px;
}
#popup-select .select-container .content {
  height: 100%;
  overflow-y: auto;
}
#popup-select .select-container .m-head .action {
  color: rgb(var(--brand-secondary));
  font-size: 16px;
  height: 19px;
  line-height: normal;
  margin-bottom: 1.66666667rem;
  margin-top: 0.83333333rem;
  padding: 0 1.33333333rem;
  text-align: right;
}
#popup-select .select-container .m-body .select-list {
  box-sizing: border-box;
  margin-top: 1.66666667rem;
  padding-left: 1.33333333rem;
  width: 100%;
}
#popup-select .select-container .m-body .select-list .select-item {
  align-items: center;
  display: flex;
  justify-content: center;
}
#popup-select .select-container .m-body .select-list .select-item .item-left {
  flex: 0 0 auto;
  margin-right: 1.33333333rem;
  width: 1.5rem;
}
#popup-select .select-container .m-body .select-list .select-item .item-left.selected::before {
  content: '\e626';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#popup-select .select-container .m-body .select-list .select-item .item-left.selected::before {
  color: rgb(var(--text-type1-tertiary));
}
#popup-select .select-container .m-body .select-list .select-item .item-left.selected::before {
  color: rgb(var(--brand-secondary));
  font-size: 1.5rem;
  line-height: 1;
}
#popup-select .select-container .m-body .select-list .select-item .item-right {
  align-items: center;
  border-bottom: 1px solid rgb(var(--line-type1-primary));
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  padding: 1.16666667rem 0;
  text-align: left;
}
#popup-select .select-container .m-body .select-list .select-item .item-right .item-icon {
  flex: 0 0 auto;
  height: 20px;
}
#popup-select .select-container .m-body .select-list .select-item .item-right .item-main {
  flex: 1 1 auto;
  margin-left: 0.66666667rem;
  margin-right: 1.41666667rem;
}
#popup-select .select-container .m-body .select-list .select-item .item-right .item-title {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  line-height: 1;
}
#popup-select .select-container .m-body .select-list .select-item .item-right .item-desc {
  color: rgb(var(--text-type1-secondary));
  font-size: 1rem;
  line-height: 1;
  margin-top: 0.5rem;
}
#popup-select .select-container .m-body .select-list .select-item .item-right .icon-delete {
  color: rgb(var(--warning-primary));
  flex: 0 0 auto;
  margin-right: 1.08333333rem;
}
#popup-select .select-container .m-body .select-list .select-item .item-right .icon-delete::before {
  content: '\e628';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#popup-select .select-container .m-body .select-list .select-item .item-right .icon-delete::before {
  color: rgb(var(--text-type1-primary));
}
#popup-select .select-container .m-body .select-list .select-item .item-right .icon-delete::before {
  font-size: 1.16666667rem;
  line-height: 1;
}
#popup-select .fade-enter-active,
#popup-select .fade-leave-active {
  transition: opacity 0.3s;
}
#popup-select .fade-enter-from,
#popup-select .fade-leave-to {
  opacity: 0;
}
#popup-select .slide-enter-active,
#popup-select .slide-leave-active {
  transition: all 0.3s ease;
}
#popup-select .slide-enter-from,
#popup-select .slide-leave-to {
  transform: translateY(100%);
}

[data-v-52c234f4]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
#popup-select .popup-modal[data-v-52c234f4] {
  background-color: rgb(var(--absolute-type3));
  height: 100%;
  left: 0;
  opacity: 0.5;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
}
#popup-select .select-container[data-v-52c234f4] {
  background-color: rgb(var(--brand-tertiary));
  border-top: none;
  bottom: 0;
  height: 50%;
  left: 0;
  position: fixed;
  width: 100%;
}
#popup-select .select-container .m-close[data-v-52c234f4] {
  height: 22px;
  position: absolute;
  right: 50%;
  text-align: center;
  top: -28px;
  transform: translate(50%, 0);
  width: 46px;
}
#popup-select .select-container .content[data-v-52c234f4] {
  height: 100%;
  overflow-y: auto;
}
#popup-select .select-container .m-head .action[data-v-52c234f4] {
  color: #0D9737;
  font-size: 16px;
  height: 19px;
  line-height: normal;
  margin-bottom: 1.66666667rem;
  margin-top: 0.83333333rem;
  padding: 0 1.33333333rem;
  text-align: right;
}
#popup-select .select-container .m-body .select-list[data-v-52c234f4] {
  box-sizing: border-box;
  margin-top: 1.66666667rem;
  padding-left: 1.33333333rem;
  width: 100%;
}
#popup-select .select-container .m-body .select-list .select-item[data-v-52c234f4] {
  align-items: center;
  display: flex;
  justify-content: center;
}
#popup-select .select-container .m-body .select-list .select-item .item-left[data-v-52c234f4] {
  flex: 0 0 auto;
  margin-right: 1.33333333rem;
  width: 1.5rem;
}
#popup-select .select-container .m-body .select-list .select-item .item-left.selected[data-v-52c234f4]::before {
  content: '\e626';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#popup-select .select-container .m-body .select-list .select-item .item-left.selected[data-v-52c234f4]::before {
  color: rgb(var(--text-type1-tertiary));
}
#popup-select .select-container .m-body .select-list .select-item .item-left.selected[data-v-52c234f4]::before {
  color: #0D9737;
  font-size: 1.5rem;
  line-height: 1;
}
#popup-select .select-container .m-body .select-list .select-item .item-right[data-v-52c234f4] {
  align-items: center;
  border-bottom: 1px solid #F2F3F5;
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  padding: 1.16666667rem 0;
  text-align: left;
}
#popup-select .select-container .m-body .select-list .select-item .item-right .item-icon[data-v-52c234f4] {
  flex: 0 0 auto;
  height: 20px;
}
#popup-select .select-container .m-body .select-list .select-item .item-right .item-main[data-v-52c234f4] {
  flex: 1 1 auto;
  margin-left: 0.66666667rem;
  margin-right: 1.41666667rem;
}
#popup-select .select-container .m-body .select-list .select-item .item-right .item-title[data-v-52c234f4] {
  color: #353A45;
  font-size: 1.16666667rem;
  line-height: 1;
}
#popup-select .select-container .m-body .select-list .select-item .item-right .item-desc[data-v-52c234f4] {
  color: #9CA0AB;
  font-size: 1rem;
  line-height: 1;
  margin-top: 0.5rem;
}
#popup-select .select-container .m-body .select-list .select-item .item-right .icon-delete[data-v-52c234f4] {
  color: rgb(var(--warning-primary));
  flex: 0 0 auto;
  margin-right: 1.08333333rem;
}
#popup-select .select-container .m-body .select-list .select-item .item-right .icon-delete[data-v-52c234f4]::before {
  content: '\e628';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#popup-select .select-container .m-body .select-list .select-item .item-right .icon-delete[data-v-52c234f4]::before {
  color: rgb(var(--text-type1-primary));
}
#popup-select .select-container .m-body .select-list .select-item .item-right .icon-delete[data-v-52c234f4]::before {
  font-size: 1.16666667rem;
  line-height: 1;
}
#popup-select .fade-enter-active[data-v-52c234f4],
#popup-select .fade-leave-active[data-v-52c234f4] {
  transition: opacity 0.3s;
}
#popup-select .fade-enter-from[data-v-52c234f4],
#popup-select .fade-leave-to[data-v-52c234f4] {
  opacity: 0;
}
#popup-select .slide-enter-active[data-v-52c234f4],
#popup-select .slide-leave-active[data-v-52c234f4] {
  transition: all 0.3s ease;
}
#popup-select .slide-enter-from[data-v-52c234f4],
#popup-select .slide-leave-to[data-v-52c234f4] {
  transform: translateY(100%);
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.withdraw-confirm {
  margin-top: 2.75rem;
}
.withdraw-confirm .withdraw-area {
  align-items: flex-start;
  color: #353A45;
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.withdraw-confirm .withdraw-area .withdraw-label {
  flex: 0;
  font-size: 14px;
  line-height: 18px;
  margin-right: 1.66666667rem;
  white-space: nowrap;
}
.withdraw-confirm .withdraw-area .withdraw-value {
  flex: 1;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  text-align: right;
}
.withdraw-confirm .withdraw-action {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 1.5rem;
  margin-top: 3.83333333rem;
  text-align: right;
}
.withdraw-confirm .withdraw-action .action-cancel {
  color: #9CA0AB;
  margin-right: 2.75rem;
}
.withdraw-confirm .withdraw-action .action-confirm {
  color: #0D9737;
}
.withdraw-confirm .withdraw-action .af-icon-loading::before {
  content: "\e648";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}
.withdraw-confirm .withdraw-action .af-icon-loading {
  animation: loading-rotate 2s linear infinite;
  display: inline-block;
}

.i18n-box > *:not(.first-child) {
  margin-left: 0.25rem;
}

.cms-dialog-content {
  background-color: rgb(var(--brand-tertiary));
  border-radius: 0.16666667rem;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.25), 0 0 24px 0 rgba(112, 76, 76, 0.25);
  color: rgb(var(--text-type1-primary));
  font-family: Roboto, sans-serif;
  font-size: 1rem;
  line-height: 2rem;
  margin: 18px;
  overflow: hidden;
  padding-top: 1.66666667rem;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  -webkit-user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 22.91rem;
}
.cms-dialog-content.fullscreen {
  min-height: 100vh;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  min-height: 100dvh;
  width: 100vw;
}
.cms-dialog-content.fullscreen .body {
  height: 100%;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  height: 100dvh;
}
.cms-dialog-content.h100percent .body {
  height: 100%;
}
.cms-dialog-content.for-demo {
  background-color: transparent;
}
.cms-dialog-content.no-padding-margin,
.cms-dialog-content.no-padding-on-main {
  margin: 0;
  padding: 0;
}
.cms-dialog-content.no-padding-margin .body,
.cms-dialog-content.no-padding-on-main .body {
  margin: 0;
  padding: 0;
}
.cms-dialog-content.no-bg {
  background: transparent;
}
.cms-dialog-content.no-bg .body {
  background: transparent;
}
.cms-dialog-content.event-widget {
  width: 90% !important;
}
.cms-dialog-content .head {
  padding: 0 2rem 0.66666667rem;
}
.cms-dialog-content .head h1 {
  font-size: 1.66666667rem;
  font-weight: 700;
  line-height: 2.33333333rem;
  margin: 0;
  min-height: 2.33333333rem;
  text-align: left;
}
.cms-dialog-content .body {
  background-color: rgb(var(--brand-tertiary));
  margin: 0;
  min-height: 4rem;
  overflow: auto;
  padding: 1rem 2rem;
  word-break: break-word;
  word-wrap: break-word;
}
.cms-dialog-content.toast {
  background-color: #3e3e3e;
  border: 1px solid #3e3e3e;
  box-shadow: 0 0 10px #626262;
  color: #fff;
  font-size: 1rem;
  padding-top: 0;
}
.cms-dialog-content.toast .body {
  background-color: #3e3e3e;
  height: auto;
  min-height: inherit;
  padding: 0.83rem 1.05rem;
  text-align: center;
}
.cms-dialog-content .footer {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  padding: 0.66666667rem;
  text-align: right;
  webkit-box-sizing: border-box;
  width: 100%;
}
.cms-dialog-content .footer .btn {
  background-color: transparent;
  border: none;
  color: rgb(var(--brand-secondary));
  cursor: pointer;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.16666667rem;
  font-weight: 700;
  height: 3rem;
  line-height: 3rem;
  outline: none;
  padding: 0 0.66666667rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: auto;
}
.cms-dialog-content .footer .btn:first-child {
  margin-right: 1rem;
}

.dialog-mask[data-v-ee9dad30] {
  background-color: rgb(var(--background-type2-secondary));
  height: 100%;
  inset: 0;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  /* the scroll behavior can be control by the render component
  *  the original overflow setting is removed.
  */
}
.dialog-mask .dialog-wrapper[data-v-ee9dad30] {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.dialog-mask .dialog-container[data-v-ee9dad30] {
  display: flex;
  justify-content: center;
  max-height: 100%;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.dialog-mask .dialog-container[data-v-ee9dad30]::-webkit-scrollbar {
  width: 3px;
}
.dialog-mask .dialog-container[data-v-ee9dad30]::-webkit-scrollbar-track {
  background: rgb(var(--text-type2-secondary));
}
.dialog-mask .dialog-container[data-v-ee9dad30]::-webkit-scrollbar-thumb {
  background: rgb(var(--text-type2-tertiary));
}
.dialog-mask .dialog-container[data-v-ee9dad30]::-webkit-scrollbar-thumb:hover {
  background: rgb(var(--line-type1-tertiary));
}

.toast[data-v-542cb728] {
  align-items: center;
  border: 1px solid #3e3e3e;
  box-shadow: 0 0 10px #626262;
  display: flex;
  font-size: 1rem;
  justify-content: center;
  padding: 0.83rem 1.05rem;
  width: -moz-fit-content;
  width: fit-content;
}
.toast p[data-v-542cb728] {
  overflow-wrap: anywhere;
}
.toast.open-bet-toast[data-v-542cb728] {
  background: rgb(var(--background-type2-secondary)) !important;
  border-color: rgb(var(--background-type2-secondary)) !important;
  border-radius: 1.66666667rem !important;
  color: rgb(var(--text-type2-primary)) !important;
  font-size: 1.16666667rem;
  width: 70%;
}

.toastSlot[data-v-00c3f2c4] {
  display: flex;
  justify-content: center;
  position: fixed;
  width: 100%;
}

[data-v-cfb231b4]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.deposit-tip[data-v-cfb231b4] {
  align-items: center;
  background: #000000;
  box-sizing: border-box;
  color: rgb(var(--text-type2-primary));
  display: flex;
  justify-content: space-between;
  padding: 1rem 0.66666667rem;
  width: 100%;
}
.deposit-tip .reminder-wrapper[data-v-cfb231b4] {
  align-items: center;
  display: flex;
  font-size: 1.16666667rem;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.deposit-tip .reminder-wrapper #reminderTip[data-v-cfb231b4] {
  width: 100%;
}
.deposit-tip .reminder-action[data-v-cfb231b4] {
  white-space: nowrap;
}
.deposit-tip .arrow[data-v-cfb231b4] {
  color: rgb(var(--highlight-focus));
  padding-left: 0.16666667rem;
}
.deposit-tip .arrow[data-v-cfb231b4]::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.deposit-tip .arrow[data-v-cfb231b4]::before {
  color: rgb(var(--text-type1-primary));
}
.deposit-tip .arrow[data-v-cfb231b4]::before {
  display: inline-block;
  transform: rotate(90deg);
}
.deposit-tip .arrow[data-v-cfb231b4]::before {
  font-size: 1.16666667rem;
}
.deposit-tip .check[data-v-cfb231b4] {
  color: rgb(var(--highlight-focus));
  font-size: 1.16666667rem;
}
.deposit-tip .close[data-v-cfb231b4] {
  color: #9CA0AB;
  padding-right: 0.66666667rem;
}
.deposit-tip .close[data-v-cfb231b4]::before {
  content: '\e628';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.deposit-tip .close[data-v-cfb231b4]::before {
  color: rgb(var(--text-type1-primary));
}
.deposit-tip .close[data-v-cfb231b4]::before {
  font-size: 1.38916667rem;
  z-index: 5;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.event-league-loading-wrap {
  min-height: 15rem;
  position: relative;
  text-align: center;
}
.event-league-loading {
  animation: circles 1s infinite;
  animation-timing-function: linear;
  background: rgb(var(--brand-tertiary));
  left: 50%;
  margin-left: -1.25rem;
  margin-top: -1.25rem;
  position: absolute;
  top: 50%;
}
.event-league-loading::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.event-league-loading::before {
  color: rgb(var(--disable-brand-secondary));
  font-size: 2.5rem;
  height: 2.5rem;
  line-height: 1;
  width: 2.5rem;
}
.event-league-loading-fail {
  margin: 0.83333333rem 0;
  text-align: center;
}
.event-league-loading-fail::before {
  content: '\e660';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.event-league-loading-fail::before {
  color: rgb(var(--text-type1-primary));
}
.event-league-loading-fail::before {
  color: rgb(var(--disable-brand-secondary));
  display: block;
  font-size: 3rem;
}
.event-league-loading-fail-text {
  color: rgb(var(--text-type1-secondary));
  margin-bottom: 3rem;
  margin-top: 0.83333333rem;
  white-space: nowrap;
  word-break: keep-all;
}
.event-league-loading-fail-btn {
  border: 1px solid rgb(var(--brand-secondary));
  border-radius: 0.25rem;
  color: rgb(var(--brand-secondary));
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  padding: 0 2.33333333rem;
}

.market-title-bar-upcoming[data-v-2d7b5084] {
  background-color: rgb(var(--background-type1-secondary));
  color: rgb(var(--text-type2-tertiary));
}
.market-title-bar-live[data-v-2d7b5084] {
  background-color: rgb(var(--background-type2-secondary));
  color: rgb(var(--text-type2-tertiary));
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-withdraw-tip {
  align-items: center;
  background: rgb(var(--warning-secondary));
  display: flex;
  justify-content: center;
  padding: 1rem;
}
.m-withdraw-tip .left {
  flex: 1 1 auto;
}
.m-withdraw-tip .left .m-title-wrap {
  color: rgb(var(--text-type2-primary));
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.66666667rem;
  padding-left: 2.33333333rem;
  position: relative;
}
.m-withdraw-tip .left .m-title-wrap .m-icon-tip {
  left: 0;
  position: absolute;
  top: -0.25rem;
  transform: rotate(180deg);
}
.m-withdraw-tip .left .m-title-wrap .m-icon-tip::before {
  content: '\e652';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-withdraw-tip .left .m-title-wrap .m-icon-tip::before {
  color: rgb(var(--text-type1-primary));
}
.m-withdraw-tip .left .m-title-wrap .m-icon-tip::before {
  color: rgb(var(--text-type2-primary));
  font-size: 1.66666667rem;
}
.m-withdraw-tip .left .m-text {
  color: rgb(var(--text-type2-primary));
  font-size: 1rem;
  line-height: 1.16666667rem;
  padding-left: 2.33333333rem;
}
.m-withdraw-tip .right {
  border: 1px solid rgb(var(--text-type2-primary));
  border-radius: 0.16666667rem;
  color: rgb(var(--text-type2-primary));
  flex: 0 0 auto;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.66666667rem;
  margin-left: 0.5rem;
  padding: 0 0.66666667rem;
}
.m-withdraw-tip .right:active {
  background: rgb(var(--brand-tertiary));
  color: rgb(var(--warning-secondary));
}

[data-v-48f4faf7]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.popup-flow-wrapper[data-v-48f4faf7] {
  background: white;
  height: 100%;
  left: 0;
  overflow-y: scroll;
  top: 0;
  width: 100%;
  z-index: 2;
}
.popup-flow-wrapper__header[data-v-48f4faf7] {
  align-items: center;
  background: rgb(var(--background-type1-primary));
  display: flex;
  justify-content: space-between;
  padding: 15px;
}
.popup-flow-wrapper__header .icon-close[data-v-48f4faf7] {
  color: rgb(var(--text-type1-primary));
  font-weight: 700;
}
.popup-flow-wrapper__header .icon-close[data-v-48f4faf7]::before {
  content: '\e62c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.popup-flow-wrapper__header .icon-close[data-v-48f4faf7]::before {
  color: rgb(var(--text-type1-primary));
}
.popup-flow-wrapper__content[data-v-48f4faf7] {
  height: 100%;
  padding: 3.33333333rem 2.66666667rem;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
@keyframes circles {
to {
    transform: rotate(360deg);
}
from {
    transform: rotate(0deg);
}
}
.m-loading-wrap {
  position: relative;
}
.m-loading-wrap:not(.m-loading-wrap__no-min-h) {
  min-height: 15rem;
}
.m-loading-wrap__center {
  height: 100%;
  left: 0;
  position: absolute !important;
  top: 0;
  width: 100%;
}
.m-loading-wrap__full {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 2;
}
.m-loading-wrap__dynamic {
  height: 100%;
  min-height: auto;
  position: inherit;
  width: 100%;
}
.m-loading {
  font-size: 1rem;
  text-align: center;
}
.m-loading .loading {
  animation: circles 1s infinite;
  animation-timing-function: linear;
  left: 50%;
  margin-left: -1.25rem;
  margin-top: -1.25rem;
  position: absolute !important;
  top: 50%;
}
.m-loading .loading::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-loading .loading::before {
  font-size: 2.5rem;
  height: 2.5rem;
  line-height: 1;
  width: 2.5rem;
}
.m-loading .loading-fail {
  margin: 0.83333333rem 0;
  text-align: center;
}
.m-loading .loading-fail::before {
  content: '\e660';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-loading .loading-fail::before {
  color: rgb(var(--text-type1-primary));
}
.m-loading .loading-fail::before {
  display: block;
  font-size: 3rem;
}
.m-loading .loading-fail .fail-text {
  margin-bottom: 2rem;
  margin-top: 0.83333333rem;
  white-space: nowrap;
  word-break: keep-all;
}
.m-loading .loading-fail .fail-btn {
  border: 1px solid rgb(var(--brand-secondary));
  border-radius: 0.25rem;
  color: rgb(var(--brand-secondary));
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  padding: 0 2.33333333rem;
}
.m-loading.light .loading::before {
  color: rgb(var(--text-type2-primary));
}
.m-loading.light .loading-fail::before {
  color: #DCDEE5;
}
.m-loading.light .loading-fail .fail-text {
  color: #9CA0AB;
}
.m-loading.dark {
  background: #353A45;
}
.m-loading.dark .loading::before {
  color: #DCDEE5;
}
.m-loading.dark .loading-fail::before {
  color: rgba(234, 236, 239, 0.15);
}
.m-loading.dark .loading-fail .fail-text {
  color: #9CA0AB;
}

button[data-v-e455c908] {
  background-color: transparent;
  border: none;
  color: transparent;
  padding: 0 1rem;
}
.icon[data-v-e455c908-s] {
  align-items: center;
  display: flex;
  height: 100%;
}
.icon[data-v-e455c908-s]::before {
  font-size: 2rem !important;
}

[data-v-4aba1440]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.icon--back[data-v-4aba1440]::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.icon--back[data-v-4aba1440]::before {
  color: rgb(var(--text-type1-primary));
}
.icon--back[data-v-4aba1440]::before {
  color: rgb(var(--text-type2-primary));
}

[data-v-f199784a]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.icon--home[data-v-f199784a]::before {
  content: "\e63a";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.icon--home[data-v-f199784a]::before {
  color: rgb(var(--text-type1-primary));
}
.icon--home[data-v-f199784a]::before {
  color: rgb(var(--text-type2-primary));
}
.icon--home[data-v-f199784a]::before {
  padding-top: 0.33333333rem;
}

.long[data-v-92324118] {
  width: 100%;
}
.icon-loading-circle[data-v-92324118] {
  animation: loading-rotate-92324118 2s linear infinite;
  left: 0;
}
.icon-loading-circle[data-v-92324118]::before {
  font-family: iconfont;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  vertical-align: middle;
}
.btn-size-medium[data-v-92324118] {
  font-size: 1.33333333rem;
  padding: 1rem 1.5rem;
}
.btn-size-small[data-v-92324118] {
  font-size: 1rem;
  padding: 0.66666667rem 1rem;
}
@keyframes loading-rotate-92324118 {
100% {
    transform: rotate(360deg);
}
}
.bg-brand-primary[data-v-92324118] {
  background-color: rgb(var(--brand-primary));
}
.border-brand-primary[data-v-92324118] {
  border: 1px solid rgb(var(--brand-primary));
}
.bg-brand-type2-secondary[data-v-92324118] {
  background-color: rgb(var(--brand-type2-secondary));
}
.border-brand-type2-secondary[data-v-92324118] {
  border: 1px solid rgb(var(--brand-type2-secondary));
}
.active-bg-brand-type2-secondary[data-v-92324118] :active {
  background-color: rgb(var(--brand-type2-secondary));
}
.bg-brand-secondary[data-v-92324118] {
  background-color: rgb(var(--brand-secondary));
}
.text-brand-secondary[data-v-92324118] {
  color: rgb(var(--brand-secondary));
}
.border-brand-secondary[data-v-92324118] {
  border: 1px solid rgb(var(--brand-secondary));
}
.bg-brand-type1-secondary[data-v-92324118] {
  background-color: rgb(var(--brand-type1-secondary));
}
.bg-disable-brand-secondary[data-v-92324118] {
  background-color: rgb(var(--disable-brand-secondary));
}
.text-disable-brand-secondary[data-v-92324118] {
  color: rgb(var(--disable-brand-secondary));
}
.border-disable-brand-secondary[data-v-92324118] {
  border: 1px solid rgb(var(--disable-brand-secondary));
}
.bg-background-type2-secondary[data-v-92324118] {
  background-color: rgb(var(--background-type2-secondary));
}
.border-line-type1-tertiary[data-v-92324118] {
  border: 1px solid rgb(var(--line-type1-tertiary));
}
.text-disable-type1-primary[data-v-92324118] {
  color: rgb(var(--text-disable-type1-primary));
}
.bg-type1-secondary[data-v-92324118] {
  background-color: rgb(var(--background-type1-secondary));
}
.text-brand-tertiary[data-v-92324118] {
  color: rgb(var(--brand-tertiary));
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-ac-form-wrap {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.m-ac-form-wrap .af-button {
  width: 100%;
}
.m-ac-form-wrap .m-home-icon {
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  font-size: 1.16666667rem;
  text-align: right;
  width: 49%;
}
.m-ac-form-wrap .m-home-icon::before {
  content: "\e63a";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-ac-form-wrap .m-home-icon::before {
  color: rgb(var(--text-type1-primary));
}
.m-ac-form-wrap .m-home-icon::before {
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  font-size: 1.33333333rem;
  height: 2rem;
  padding-right: 0.33333333rem;
  width: 2rem;
}
.empty-nickname-warning-dialog .footer button:first-child {
  color: rgb(var(--warning-primary));
}
.change-nickname-warning-dialog .footer button:first-child {
  color: rgb(var(--text-type1-secondary));
}

.m-ac-form-wrap form[data-v-66a81657] {
  margin: 2rem auto 0;
  width: 83.33%;
}
.m-ac-form-wrap .m-btn-wrapper[data-v-66a81657] {
  margin-top: 0.66666667rem;
}
.m-input-wrapper[data-v-66a81657] {
  width: 100%;
}
.m-input-wrapper[data-v-66a81657] input {
  border: 1px solid #9CA0AB;
  height: 3.75rem !important;
  padding: 1.125rem 1.33333333rem !important;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.boost-tips {
  align-items: center;
  background: rgb(var(--brand-tertiary));
  box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 10rem;
  padding: 0.75rem 1.25rem;
  width: 100%;
}
.boost-right,
.boost-left {
  display: table-cell;
  vertical-align: middle;
}
.boost-left {
  box-sizing: border-box;
  color: rgb(var(--text-type1-tertiary));
  flex: 1;
  font-size: 1.16666667rem;
  line-height: 1;
  min-width: 1%;
  padding-right: 0.41666667rem;
}
.boost-right {
  align-items: center;
  background: rgb(var(--line-type1-primary));
  border-radius: 0.16666667rem;
  box-sizing: border-box;
  color: rgb(var(--text-type2-secondary));
  display: flex;
  flex: auto;
  font-size: 0;
  height: 2.66666667rem;
  justify-content: space-between;
  line-height: 2.66666667rem;
  padding: 0 0.66666667rem;
  width: 10rem;
}
.boost-right .circle-icon {
  background: rgb(var(--line-type1-primary));
  color: rgb(var(--text-type2-secondary));
}
.boost-right.boosted {
  background: linear-gradient(180deg, #4D5FAE 0%, #354187 100%);
}
.boost-right.boosted .m-boost-btn-left .m-boost-checkbox :deep(svg) path {
  fill: #354187;
}
.boost-right.boosted .m-boost-btn-left .m-boost-checkbox .check-circle-icon {
  color: rgb(var(--text-type2-secondary));
}
.boost-right.boosted .m-boost-btn-left .m-boost-checkbox.encore-checkbox {
  background: transparent;
}
.boost-right.disabled {
  background: rgb(var(--text-disable-type2-primary));
  color: rgb(var(--text-type2-tertiary));
}
.boost-right.disabled .circle-icon {
  background: rgb(var(--text-disable-type2-primary));
  color: rgb(var(--text-type2-tertiary));
}
.boost-right.disabled .boost-icon {
  color: rgb(var(--text-type2-tertiary));
}
.boost-right.disabled .i-pointer .icon-pointer {
  background: rgb(var(--disable-brand-secondary));
}
.boost-right.disabled #pointer-render {
  fill: rgb(var(--text-type2-primary));
}
.m-boost-btn-left,
.boost-text,
.i-boost-wrapper,
.m-boost-checkbox {
  display: inline-block;
  vertical-align: middle;
}
.m-boost-btn-left .m-boost-checkbox {
  border-radius: 0.08333333rem;
  display: inline-block;
  line-height: 1.16666667rem;
  position: relative;
  text-align: center;
}
.m-boost-btn-left .m-boost-checkbox .circle-icon {
  height: 1.16666667rem;
  width: 1.16666667rem;
}
.m-boost-btn-left .boost-text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.16666667rem;
  margin-left: 0.5rem;
  text-align: center;
}
.m-icon-boost-pointer {
  margin-left: 0.33333333rem;
}
.m-guide-mask .m-guide-arrow-pic {
  margin-top: 1rem;
  position: absolute;
  right: 4.66666667rem;
}
.m-guide-mask .m-guide-main {
  margin: 4rem 10.16666667rem 0 5.25rem;
  text-align: center;
}
.m-guide-mask .m-desc {
  font-size: 1.33333333rem;
  font-weight: 500;
  line-height: 1.83333333rem;
}
.m-guide-mask .m-btn {
  background: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 0.33333333rem;
  color: #FFFFFF;
  font-size: 1.33333333rem;
  font-weight: 500;
  height: 2.83333333rem;
  margin-top: 1.5rem;
  width: 11.66666667rem;
}
.m-guide-mask .m-guide-mask--blank {
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.m-guide-mask .m-guide-mask--main {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  color: #FFFFFF;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.boost-tips--fast {
  background: rgb(var(--brand-type1-primary));
}
.boost-tips--fast .m-guide-mask .m-guide-mask--main .m-guide-main {
  bottom: 2.66666667rem;
  margin: 0 0 0 6.91666667rem;
  position: absolute;
}
.boost-tips--fast .m-guide-mask .m-guide-mask--main .m-guide-arrow-pic {
  bottom: 0.91666667rem;
  position: absolute;
  right: 3.75rem;
}

.af-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  box-sizing: border-box;
  color: rgb(var(--brand-tertiary));
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  margin: 0;
  outline: 0;
  padding: 10px 15px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.af-button:focus,
.af-button:hover {
  border-color: #20a0ff;
  color: #20a0ff;
}
.af-button.is-disabled,
.af-button.is-disabled:focus,
.af-button.is-disable:hover {
  background-color: rgb(var(--disable-brand-secondary)) !important;
  background-image: none;
  border-color: rgb(var(--disable-brand-secondary)) !important;
  color: rgb(var(--text-disable-type1-primary)) !important;
  cursor: not-allowed;
}
.af-button.is-disabled.af-button--text {
  background-color: transparent;
}
.af-button.is-disabled.is-plain,
.af-button.is-disabled.is-plain:focus,
.af-button.is-disabled.is-plain:hover {
  background-color: transparent !important;
  border-color: rgb(var(--disable-brand-secondary)) !important;
  color: rgb(var(--disable-brand-secondary)) !important;
}
.af-button.is-plain:active {
  background-color: #fff;
  border-color: #1d90e6;
  color: #1d90e6;
  outline: 0;
}
.af-button.is-loading {
  pointer-events: none;
  position: relative;
}
.af-button.is-loading::before {
  background-color: rgba(255, 255, 255, 0.35);
  border-radius: inherit;
  color: black;
  content: '';
  inset: -1px;
  pointer-events: none;
  position: absolute;
}
.af-button [class*="af-icon-"] + span,
.af-button [class^="af-icon-"] {
  display: inline-block;
  font-family: element-icons !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-left: 5px;
  text-transform: none;
  vertical-align: baseline;
}
@keyframes loading-rotate {
100% {
    transform: rotate(360deg);
}
}
.af-button .af-icon-loading::before {
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  content: "\e648";
  font-size: 1.16666667rem;
}
.af-button .af-icon-loading {
  animation: loading-rotate 2s linear infinite;
}
.af-button .af-icon-edit::before {
  content: "\e61c";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}
.af-button .af-icon-share::before {
  content: "\e63d";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}
.af-button .af-icon-upload::before {
  content: "\e601";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}
.af-button .af-icon-search::before {
  content: "\e613";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}
.af-button .af-icon-delete::before {
  content: "\e677";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}
.af-button .af-icon--right {
  margin-left: 5px;
}
.af-button .af-icon--left {
  margin-right: 5px;
}
.af-button.is-plain,
.af-button.is-plain:focus,
.af-button.is-plain:hover:not(.is-disabled) {
  background-color: #fff;
  border-color: #50bfff;
  color: #50bfff;
}
.af-button--primary {
  background-color: rgb(var(--brand-secondary));
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.af-button--primary:focus,
.af-button--primary:hover:not(.is-disabled) {
  background-color: rgb(var(--brand-secondary));
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.af-button--primary.is-active,
.af-button--primary:active {
  background-color: rgb(var(--brand-secondary));
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.af-button--primary:active {
  outline: 0;
}
.af-button--primary.is-plain {
  background-color: inherit;
  border: 1px solid rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.af-button--primary.is-plain:focus,
.af-button--primary.is-plain:hover:not(.is-disabled) {
  background-color: inherit;
  border-color: rgb(var(--fc-green-600));
  color: #b2101b;
}
.af-button--primary.is-plain:active {
  background-color: inherit;
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
  outline: 0;
}
.af-button--success {
  background-color: rgb(var(--brand-secondary));
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.af-button--success:focus,
.af-button--success:hover:not(.is-disabled) {
  background-color: rgb(var(--btn-bookbet));
  border-color: rgb(var(--btn-bookbet));
  color: rgb(var(--brand-tertiary));
}
.af-button--success.is-active,
.af-button--success:active {
  background-color: rgb(var(--brand-secondary));
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.af-button--success:active {
  outline: 0;
}
.af-button--success.is-plain {
  background-color: inherit;
  border: 1px solid rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.af-button--success.is-plain:focus,
.af-button--success.is-plain:hover:not(.is-disabled) {
  border-color: rgba(var(--brand-secondary), 90%);
  /* stylelint-disable-next-line less/no-duplicate-variables */
  color: rgba(var(--brand-secondary), 90%);
  background-color: inherit;
}
.af-button--success.is-plain:active {
  background-color: inherit;
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
  outline: 0;
}
.af-button--warning {
  background-color: #f7ba2a;
  border-color: #f7ba2a;
  color: #fff;
}
.af-button--warning:focus,
.af-button--warning:hover:not(.is-disabled) {
  background-color: #f9c855;
  border-color: #f9c855;
  color: #fff;
}
.af-button--warning.is-active,
.af-button--warning:active {
  background-color: #dea726;
  border-color: #dea726;
  color: #fff;
}
.af-button--warning:active {
  outline: 0;
}
.af-button--warning.is-plain {
  background-color: #fff;
  border: 1px solid #bfcbd9;
  color: #1f2d3d;
}
.af-button--warning.is-plain:focus,
.af-button--warning.is-plain:hover:not(.is-disabled) {
  background-color: #fff;
  border-color: #f7ba2a;
  color: #f7ba2a;
}
.af-button--warning.is-plain:active {
  background-color: #fff;
  border-color: #dea726;
  color: #dea726;
  outline: 0;
}
.af-button--danger {
  background-color: rgb(var(--warning-primary));
  border-color: rgb(var(--warning-primary));
  color: rgb(var(--text-type2-primary));
}
.af-button--danger:focus,
.af-button--danger:hover:not(.is-disabled) {
  background-color: #b2101b;
  border-color: #b2101b;
  color: rgb(var(--text-type2-primary));
}
.af-button--danger.is-active,
.af-button--danger:active {
  background-color: rgb(var(--warning-primary));
  border-color: rgb(var(--warning-primary));
  color: rgb(var(--text-type2-primary));
}
.af-button--danger:active {
  outline: 0;
}
.af-button--danger.is-plain {
  background-color: inherit;
  border: 1px solid rgb(var(--warning-primary));
  color: rgb(var(--warning-primary));
}
.af-button--danger.is-plain:focus,
.af-button--danger.is-plain:hover:not(.is-disabled) {
  background-color: inherit;
  border-color: #b2101b;
  color: #b2101b;
}
.af-button--danger.is-plain:active {
  background-color: inherit;
  border-color: rgb(var(--warning-primary));
  color: rgb(var(--warning-primary));
  outline: 0;
}
.af-button--info {
  background-color: #50bfff;
  border-color: #50bfff;
  color: #fff;
}
.af-button--info:focus,
.af-button--info:hover:not(.is-disabled) {
  background-color: #73ccff;
  border-color: #73ccff;
  color: #fff;
}
.af-button--info.is-active,
.af-button--info:active {
  background-color: #48ace6;
  border-color: #48ace6;
  color: #fff;
}
.af-button--info:active {
  outline: 0;
}
.af-button--info.is-plain {
  background-color: #fff;
  border: 1px solid #bfcbd9;
  color: #1f2d3d;
}
.af-button--info.is-plain:focus,
.af-button--info.is-plain:hover:not(.is-disabled) {
  background-color: #fff;
  border-color: #50bfff;
  color: #50bfff;
}
.af-button--info.is-plain:active {
  background-color: #fff;
  border-color: #48ace6;
  color: #48ace6;
  outline: 0;
}
.af-button--text {
  background: 0 0;
  border: none;
  color: #20a0ff;
  padding-left: 0;
  padding-right: 0;
}
.af-button--text:focus,
.af-button--text:hover:not(.is-disabled) {
  color: #0d9737;
}
.af-button--text:active {
  color: #1d90e6;
}

.m-tabs {
  background-color: rgb(var(--brand-tertiary));
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  position: relative;
}
.m-tabs-ink-bar {
  background-color: rgb(var(--highlight-focus));
  bottom: 1px;
  box-sizing: border-box;
  height: 2px;
  left: 0;
  position: absolute;
  transform-origin: 0 0;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.m-tabs-bar {
  border-bottom: 1px solid rgb(var(--line-type1-primary));
  margin-bottom: 16px;
}
.m-tabs-nav {
  display: table-row;
  position: relative;
  table-layout: fixed;
  transition: transform 0.5s ease-in-out;
  white-space: nowrap;
  width: 100%;
}
@supports (display: flex) {
  .m-tabs-nav {
    display: flex;
  }
}
.m-tabs-nav .m-tabs-tab-disabled {
  color: #ccc;
  cursor: default;
  pointer-events: none;
}
.m-tabs-nav .m-tabs-tab {
  box-sizing: border-box;
  cursor: pointer;
  display: table-cell;
  height: 100%;
  padding: 8px 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
@supports (flex: 1) {
  .m-tabs-nav .m-tabs-tab {
    flex: 1;
  }
}
.m-tabs-nav .m-tabs-tab:not(:last-child) {
  margin-right: 12px;
}
.m-tabs-nav .m-tabs-tab:hover {
  color: rgb(var(--brand-secondary));
}
.m-tabs-nav .m-tabs-tab:active {
  color: rgb(var(--brand-secondary));
}
.m-tabs-nav .m-tabs-tab .m-icon {
  height: 14px;
  margin-right: 8px;
  width: 14px;
}
.m-tabs-nav .m-tabs-tab-active {
  color: rgb(var(--highlight-focus));
}
.m-tabs-mini .m-tabs-nav-container {
  font-size: 14px;
}
.m-tabs-mini .m-tabs-tab {
  font-size: 12px;
  margin-right: 0;
  padding: 8px 16px;
}
.m-tabs .m-tabs-content-animated {
  display: flex;
  flex-direction: row;
  transition: transform 0.5s ease-in-out;
  will-change: transform;
}
.m-tabs .m-tabs-tabpane {
  flex-shrink: 0;
  opacity: 1;
  transition: opacity 0.3s;
  width: 100%;
}
.m-tabs .m-tabs-tabpane-inactive {
  height: 0;
  opacity: 0;
}
.m-tabs .right-btn {
  background-color: rgb(var(--background-type1-primary));
  box-shadow: -2px 0 6px 0 rgba(0, 0, 0, 0.1);
  font-size: 1.16666667rem;
  height: 100%;
  padding: 1.58333333rem 1.16666667rem;
  position: sticky;
  right: 0;
}
.m-tabs-no-animation > .m-tabs-content {
  transform: none !important;
}
.m-tabs-no-animation > .m-tabs-content > .m-tabs-tabpane-inactive {
  display: none;
}

.m-pin-eanable-wrapper[data-v-7966ed2e] {
  padding: 1.16666667rem 0;
  text-align: center;
}
.m-pin-eanable-wrapper img[data-v-7966ed2e] {
  width: 11.66666667rem;
}
.m-pin-eanable-wrapper .content[data-v-7966ed2e] {
  margin-bottom: 2rem;
  margin-top: 1.33333333rem;
}
.m-pin-eanable-wrapper .content__title[data-v-7966ed2e] {
  color: rgb(var(--text-type1-tertiary));
  font-size: 1.5rem;
  font-weight: 500;
}
.m-pin-eanable-wrapper .content__description[data-v-7966ed2e] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  line-height: 1.75rem;
  margin-top: 1rem;
}
.m-pin-eanable-wrapper .ok-btn[data-v-7966ed2e] {
  padding: 1.33333333rem 0;
  width: 100%;
}

.pd-ver-14[data-v-10bd99b9] {
  padding-bottom: 1.16666667rem;
  padding-top: 1.16666667rem;
}
.pd-ver-16[data-v-10bd99b9] {
  padding-bottom: 1.33333333rem;
  padding-top: 1.33333333rem;
}
.pd-ver-18[data-v-10bd99b9] {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.pd-ver-24[data-v-10bd99b9] {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.pd-hor-16[data-v-10bd99b9] {
  padding-left: 1.33333333rem;
  padding-right: 1.33333333rem;
}
.pd-hor-24[data-v-10bd99b9] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.pd-hor-32[data-v-10bd99b9] {
  padding-left: 2.66666667rem;
  padding-right: 2.66666667rem;
}
.pd-t-20[data-v-10bd99b9] {
  padding-top: 1.66666667rem;
}
.pd-t-40[data-v-10bd99b9] {
  padding-top: 3.33333333rem;
}
.pd-b-20[data-v-10bd99b9] {
  padding-bottom: 1.66666667rem;
}
.pd-b-24[data-v-10bd99b9] {
  padding-bottom: 2rem;
}
.pd-l-20[data-v-10bd99b9] {
  padding-left: 1.66666667rem;
}
.mg-hor-8[data-v-10bd99b9] {
  margin-bottom: 0.66666667rem;
  margin-top: 0.66666667rem;
}
.mg-r-8[data-v-10bd99b9] {
  margin-right: 0.66666667rem;
}
.mg-r-14[data-v-10bd99b9] {
  margin-right: 1.16666667rem;
}
.mg-b-16[data-v-10bd99b9] {
  margin-bottom: 1.33333333rem;
}
.mg-b-20[data-v-10bd99b9] {
  margin-bottom: 1.66666667rem;
}
.mg-b-24[data-v-10bd99b9] {
  margin-bottom: 2rem;
}
.mg-b-40[data-v-10bd99b9] {
  margin-bottom: 3.33333333rem;
}
.size-12[data-v-10bd99b9] {
  font-size: 1rem;
}
.size-14[data-v-10bd99b9] {
  font-size: 1.16666667rem;
}
.size-16[data-v-10bd99b9] {
  font-size: 1.33333333rem;
}
.size-22[data-v-10bd99b9] {
  font-size: 1.83333333rem;
}
.bold[data-v-10bd99b9] {
  font-weight: bold;
}
.red[data-v-10bd99b9] {
  color: rgb(var(--warning-primary));
}
.green[data-v-10bd99b9] {
  color: rgb(var(--brand-secondary));
}
.white[data-v-10bd99b9] {
  color: #FFFFFF;
}
.br-b-gray[data-v-10bd99b9] {
  border-bottom: 1px solid rgb(var(--line-type1-primary));
}
.ln-h-1-14[data-v-10bd99b9] {
  line-height: 1.14;
}
.right[data-v-10bd99b9] {
  text-align: right;
}
.left[data-v-10bd99b9] {
  text-align: left;
}
.center[data-v-10bd99b9] {
  text-align: center;
}
.wd-100[data-v-10bd99b9] {
  width: 100%;
}
.flex[data-v-10bd99b9] {
  display: flex;
}
.justify-between[data-v-10bd99b9] {
  justify-content: space-between;
}
.align-center[data-v-10bd99b9] {
  align-items: center;
}
.no-wrap[data-v-10bd99b9] {
  white-space: nowrap;
}
.text-ellipsis[data-v-10bd99b9] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.header[data-v-10bd99b9] {
  align-items: center;
  background-color: rgb(var(--brand-primary));
  display: flex;
  padding: 0.83333333rem;
}
.pointer[data-v-10bd99b9] {
  cursor: pointer;
}
.close-icon[data-v-10bd99b9] {
  color: rgb(var(--brand-tertiary));
}
.close-icon[data-v-10bd99b9]::before {
  content: '\e62c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.close-icon[data-v-10bd99b9]::before {
  color: rgb(var(--text-type1-primary));
}
.close-icon.before[data-v-10bd99b9] {
  font-size: 1.16666667rem;
}

.container[data-v-6ba624eb] {
  align-items: center;
  background-color: rgb(var(--background-type1-secondary));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-family: Roboto;
  height: 100%;
  justify-content: center;
  padding: 2.5rem 1.66666667rem 1.66666667rem 1.66666667rem;
  text-align: center;
}
.container img[data-v-6ba624eb] {
  display: block;
  filter: grayscale(100%);
  width: 40%;
}
.container .title[data-v-6ba624eb] {
  color: rgb(var(--text-type1-tertiary));
  font-size: 1.83333333rem;
  font-weight: bold;
}
.container .content[data-v-6ba624eb] {
  color: rgb(var(--text-type1-tertiary));
  font-size: 1.16666667rem;
}

.loading-icon-input[data-v-586eb72f] {
  animation: rotation-586eb72f 2s infinite linear;
  left: 21.41666667rem;
  position: absolute;
}
@keyframes rotation-586eb72f {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.pd-ver-14[data-v-586eb72f] {
  padding-bottom: 1.16666667rem;
  padding-top: 1.16666667rem;
}
.pd-ver-16[data-v-586eb72f] {
  padding-bottom: 1.33333333rem;
  padding-top: 1.33333333rem;
}
.pd-ver-18[data-v-586eb72f] {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.pd-ver-24[data-v-586eb72f] {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.pd-hor-16[data-v-586eb72f] {
  padding-left: 1.33333333rem;
  padding-right: 1.33333333rem;
}
.pd-hor-24[data-v-586eb72f] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.pd-hor-32[data-v-586eb72f] {
  padding-left: 2.66666667rem;
  padding-right: 2.66666667rem;
}
.pd-t-20[data-v-586eb72f] {
  padding-top: 1.66666667rem;
}
.pd-t-40[data-v-586eb72f] {
  padding-top: 3.33333333rem;
}
.pd-b-20[data-v-586eb72f] {
  padding-bottom: 1.66666667rem;
}
.pd-b-24[data-v-586eb72f] {
  padding-bottom: 2rem;
}
.pd-l-20[data-v-586eb72f] {
  padding-left: 1.66666667rem;
}
.mg-hor-8[data-v-586eb72f] {
  margin-bottom: 0.66666667rem;
  margin-top: 0.66666667rem;
}
.mg-r-8[data-v-586eb72f] {
  margin-right: 0.66666667rem;
}
.mg-r-14[data-v-586eb72f] {
  margin-right: 1.16666667rem;
}
.mg-b-16[data-v-586eb72f] {
  margin-bottom: 1.33333333rem;
}
.mg-b-20[data-v-586eb72f] {
  margin-bottom: 1.66666667rem;
}
.mg-b-24[data-v-586eb72f] {
  margin-bottom: 2rem;
}
.mg-b-40[data-v-586eb72f] {
  margin-bottom: 3.33333333rem;
}
.size-12[data-v-586eb72f] {
  font-size: 1rem;
}
.size-14[data-v-586eb72f] {
  font-size: 1.16666667rem;
}
.size-16[data-v-586eb72f] {
  font-size: 1.33333333rem;
}
.size-22[data-v-586eb72f] {
  font-size: 1.83333333rem;
}
.bold[data-v-586eb72f] {
  font-weight: bold;
}
.red[data-v-586eb72f] {
  color: rgb(var(--warning-primary));
}
.green[data-v-586eb72f] {
  color: rgb(var(--brand-secondary));
}
.white[data-v-586eb72f] {
  color: #FFFFFF;
}
.br-b-gray[data-v-586eb72f] {
  border-bottom: 1px solid rgb(var(--line-type1-primary));
}
.ln-h-1-14[data-v-586eb72f] {
  line-height: 1.14;
}
.right[data-v-586eb72f] {
  text-align: right;
}
.left[data-v-586eb72f] {
  text-align: left;
}
.center[data-v-586eb72f] {
  text-align: center;
}
.wd-100[data-v-586eb72f] {
  width: 100%;
}
.flex[data-v-586eb72f] {
  display: flex;
}
.justify-between[data-v-586eb72f] {
  justify-content: space-between;
}
.align-center[data-v-586eb72f] {
  align-items: center;
}
.no-wrap[data-v-586eb72f] {
  white-space: nowrap;
}
.text-ellipsis[data-v-586eb72f] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-wrapper[data-v-586eb72f] {
  background: rgb(var(--brand-tertiary));
  min-height: 100vh;
  width: 100%;
}

.m-notification[data-v-b0d7adf0] {
  padding: 0.83333333rem;
  position: relative;
}
.m-notification.with-icon[data-v-b0d7adf0] {
  padding-left: 3.5rem;
}
.m-notification .m-text[data-v-b0d7adf0] {
  color: rgb(var(--text-type2-secondary));
  font-size: 1rem;
  line-height: 1.17;
}
.m-notification--info[data-v-b0d7adf0] {
  background: #4D5FAE;
  padding-left: 3.5rem;
}
.m-notification--tip[data-v-b0d7adf0] {
  background: rgb(var(--background-type1-secondary)) !important;
  padding-left: 3.5rem;
}
.m-notification--success[data-v-b0d7adf0] {
  background: #d6ebdc;
  padding-left: 3.5rem;
}
.m-notification--success .m-text[data-v-b0d7adf0] {
  color: #0D9737;
}
.m-notification--alert[data-v-b0d7adf0] {
  background-color: rgb(var(--warning-secondary));
}
.m-notification--alert .m-text[data-v-b0d7adf0] {
  color: #FFFFFF;
}
.m-icon-notification[data-v-b0d7adf0] {
  left: 0.83333333rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.m-icon-notification--info[data-v-b0d7adf0] {
  transform: translateY(-50%) rotate(180deg);
}
.m-icon-notification--info[data-v-b0d7adf0]::before {
  content: '\e652';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-notification--info[data-v-b0d7adf0]::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-notification--info[data-v-b0d7adf0]::before {
  color: #FFFFFF;
  font-size: 1.66666667rem;
}
.m-icon-notification--tip[data-v-b0d7adf0]::before {
  content: "\e65a";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-notification--tip[data-v-b0d7adf0]::before {
  color: #FFFFFF;
  font-size: 1.66666667rem;
}
.m-icon-notification--success[data-v-b0d7adf0]::before {
  content: '\e60b';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-notification--success[data-v-b0d7adf0]::before {
  color: #FFFFFF;
  font-size: 1.66666667rem;
}
.m-icon-notification--alert[data-v-b0d7adf0]::before {
  content: '\e652';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-notification--alert[data-v-b0d7adf0]::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-notification--alert[data-v-b0d7adf0]::before {
  color: #FFFFFF;
  font-size: 1.66666667rem;
}

.dialog-update-name-reject-detail.is-wap .m-dialog-main {
  max-height: 26.66666667rem;
  overflow: auto;
}
.dialog-update-name-reject-detail.is-pc {
  max-width: 50%;
}
.dialog-update-name-reject-detail.is-pc .m-dialog-main {
  max-height: 70vh;
  overflow: auto;
  word-wrap: break-word;
}

.mismatch-name-notic[data-v-2e754f8e] .m-icon-notification {
  line-height: initial;
  top: initial;
  transform: initial;
}
.mismatch-name-notic .content-reject[data-v-2e754f8e] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  text-align: left;
}
.mismatch-name-notic .content-reject .msg[data-v-2e754f8e] {
  padding-right: 1rem;
}
.mismatch-name-notic .content-reject .msg .reason[data-v-2e754f8e] {
  color: rgb(var(--highlight-highlight));
  cursor: pointer;
  text-decoration: underline;
}
.mismatch-name-notic .content-reject .btn[data-v-2e754f8e] {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  padding: 0.33333333rem 0.5rem;
}
.mismatch-name-notic .content-pending .title[data-v-2e754f8e] {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0.33333333rem;
  text-align: left;
}
.mismatch-name-notic .content-pending .content[data-v-2e754f8e] {
  font-size: 12px;
  text-align: left;
}

.dialog[data-v-33372849] {
  inset: 0;
  position: fixed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 10;
}
.dialog .overlay[data-v-33372849] {
  background-color: rgba(0, 0, 0, 0.7);
  inset: 0;
  position: absolute;
}
.dialog .dialog-container[data-v-33372849] {
  align-items: center;
  aspect-ratio: 2;
  background-color: rgb(var(--fc-dp-500));
  border-radius: 0.16666667rem;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.25), 0 0 24px 0 rgba(112, 76, 76, 0.25);
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  font-size: 1rem;
  justify-content: space-between;
  left: 50%;
  padding: 2.66666667rem 2rem 1rem 2rem;
  position: absolute;
  top: 50%;
  translate: -50% -50%;
  width: 22.91rem;
}
.dialog .dialog-container .head[data-v-33372849] {
  align-self: flex-start;
  padding-bottom: 0.66666667rem;
}
.dialog .dialog-container .head h1[data-v-33372849] {
  font-size: 1.66666667rem;
  font-weight: 700;
  line-height: 2.33333333rem;
  margin: 0;
  min-height: 2.33333333rem;
}
.dialog .dialog-container .body[data-v-33372849] {
  align-self: flex-start;
  background-color: rgb(var(--brand-tertiary));
  flex: 1;
  font-size: 1rem;
  line-height: 2rem;
  margin: 0;
  word-break: break-word;
  word-wrap: break-word;
}
.dialog .dialog-container .action[data-v-33372849] {
  align-self: flex-end;
  flex: 0 0 3rem;
}
.dialog .dialog-container .action .button[data-v-33372849] {
  all: initial;
  background-color: transparent;
  bottom: 8px;
  color: rgb(var(--fc-green-500));
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.16666667rem;
  font-weight: 700;
  margin-left: auto;
  outline: none;
  padding: 0.5rem;
  position: absolute;
  right: 8px;
}

.svg-icon-base {
  vertical-align: middle;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.cms-dialog-content.m-region-pop {
  background-color: transparent!important;
  width: auto;
}
.m-region {
  background-color: rgb(var(--brand-tertiary));
  border-radius: 0.5rem;
  box-sizing: border-box;
  padding: 1.5rem 1.66666667rem 2.66666667rem;
  width: 23.33333333rem;
}
.m-region .m-pop-header {
  width: 100%;
}
.m-region .m-pop-header .m-icon-close {
  color: #000000;
  position: absolute;
  right: 1.16666667rem;
  top: 1.16666667rem;
  z-index: 200;
}
.m-region .m-pop-header .m-icon-close::before {
  content: '\e62c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-region .m-pop-header .m-icon-close::before {
  color: rgb(var(--text-type1-primary));
}
.m-region .m-region-title {
  color: rgb(var(--text-type1-tertiary));
  font-size: 1.33333333rem;
  font-weight: 500;
  text-align: center;
}
.m-region .m-region-list {
  margin-top: 2.33333333rem;
  max-height: 80vh;
  overflow: scroll;
}
.m-region .m-region-list .m-list-item {
  align-items: center;
  border: 1px solid rgb(var(--line-type1-primary));
  border-radius: 2px;
  display: flex;
  height: 4rem;
  justify-content: center;
  margin-bottom: 1rem;
  position: relative;
}
.m-region .m-region-list .m-list-item.active {
  border-color: rgb(var(--brand-secondary));
}
.m-region .m-region-list .m-list-item.active .m-icon {
  position: absolute;
  right: 1.16666667rem;
  top: 50%;
  transform: translateY(-50%);
}
.m-region .m-region-list .m-list-item.active .m-icon::before {
  content: '\e626';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-region .m-region-list .m-list-item.active .m-icon::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-region .m-region-list .m-list-item.active .m-icon::before {
  color: rgb(var(--brand-secondary));
}
.m-region .m-region-list .m-list-item .m-region-flag {
  flex: 1;
  margin-right: 1.08333333rem;
}
.m-region .m-region-list .m-list-item .m-region-flag img {
  display: block;
  height: 1.5rem;
  margin-left: auto;
  -o-object-fit: contain;
     object-fit: contain;
  width: 2.33333333rem;
}
.m-region .m-region-list .m-list-item .m-region-name {
  color: rgb(var(--text-type1-tertiary));
  flex: 1;
  font-size: 1rem;
  font-weight: 500;
  margin-right: 1.75rem;
  text-align: left;
}
.fix-m-region-width {
  width: unset;
}

#activate-result {
  align-items: center;
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  display: flex;
  flex-direction: column;
  font-size: 1.16666667rem;
  height: 100vh;
  justify-content: space-around;
  padding: 0 2rem;
  padding-bottom: 1rem;
}
#activate-result .top {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-bottom: 1.66666667rem;
}
#activate-result .top img {
  margin-bottom: 1.33333333rem;
  min-height: 100px;
  width: 140px;
}
#activate-result .top .title {
  font-size: 1.75rem;
  font-weight: 500;
  margin-bottom: 1.66666667rem;
  position: relative;
}
#activate-result .top .items {
  align-self: flex-start;
}
#activate-result .top .items .item {
  text-align: left;
}
#activate-result .top .items .item .dot {
  display: inline-block;
  font-size: 1.33333333rem;
  margin-right: 1.5rem;
}
#activate-result .top .assistance {
  font-size: 1.33333333rem;
}
#activate-result .top .assistance span {
  color: rgb(var(--brand-secondary));
}
#activate-result .bottom {
  text-align: center;
  width: 100%;
}
#activate-result .bottom .btn {
  background-color: rgb(var(--brand-secondary));
  border-radius: 2px;
  color: rgb(var(--brand-tertiary));
  cursor: pointer;
  font-size: 1.33333333rem;
  padding: 1.16666667rem 0;
}

.img-el[data-v-c54da6a4]::-webkit-media-controls-fullscreen-button {
  display: none;
}

#nta-wrapper[data-v-f7c16de0] {
  height: 100%;
}
.message-panel[data-v-f7c16de0] {
  height: 100%;
  text-align: center;
  width: 100%;
}
.message-panel .tip[data-v-f7c16de0] {
  color: rgb(var(--text-type1-secondary));
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.message-panel .button[data-v-f7c16de0] {
  border: 1px solid rgb(var(--brand-secondary));
  border-radius: 2px;
  box-sizing: border-box;
  color: rgb(var(--brand-secondary));
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 17px;
  padding: 10px 0;
  width: 100%;
}
.provide-by[data-v-f7c16de0] {
  position: absolute;
  right: 0;
  top: 0;
  width: 115px;
  z-index: 1;
}
.logo-sportycom[data-v-f7c16de0] {
  margin: 0 3px 0 6px;
  width: 90px;
}

#social-media[data-v-f7189466] {
  height: 100%;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}
#social-media iframe[data-v-f7189466] {
  height: 100%;
  position: absolute;
  width: 100%;
}
#social-media .switch-container[data-v-f7189466] {
  height: 36px;
  position: relative;
}
#social-media .switch-container .switch-btn[data-v-f7189466] {
  height: 100%;
  position: absolute;
  right: 0;
  top: 20px;
  transition: all 0.3s ease-out;
}
#social-media .switch-container .switch-btn img[data-v-f7189466] {
  height: 100%;
}
#social-media .switch-container .switch-tip[data-v-f7189466] {
  background-color: rgb(var(--background-type2-primary));
  box-sizing: border-box;
  color: rgb(var(--text-type2-primary));
  display: flex;
  flex-direction: column;
  font-size: 12px;
  height: 100%;
  justify-content: center;
  opacity: 0.8;
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
  top: 20px;
  transition: all 0.3s ease-out;
}
#social-media .switch-container .switch-options[data-v-f7189466] {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 12px;
  height: 100%;
  position: absolute;
  top: 20px;
  transition: all 0.3s ease-out;
}
#social-media .switch-container .switch-options .option[data-v-f7189466] {
  align-items: center;
  background-color: rgb(var(--background-type2-secondary));
  border: 1px solid #000000;
  color: rgb(var(--text-type2-primary));
  display: flex;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  padding-left: 6px;
  padding-right: 6px;
}
#social-media .switch-container .switch-options .option.active[data-v-f7189466] {
  background-color: rgb(var(--background-type2-primary));
  color: rgb(var(--brand-secondary));
}

#sporty-tv-epl-wrapper[data-v-5a47745c] {
  height: 100%;
}
.message-panel[data-v-5a47745c] {
  height: 100%;
  text-align: center;
  width: 100%;
}
.message-panel .tip[data-v-5a47745c] {
  color: rgb(var(--text-type1-secondary));
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.message-panel .button[data-v-5a47745c] {
  border: 1px solid rgb(var(--brand-secondary));
  border-radius: 2px;
  box-sizing: border-box;
  color: rgb(var(--brand-secondary));
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 17px;
  padding: 10px 0;
  width: 100%;
}
.provide-by[data-v-5a47745c] {
  position: absolute;
  right: 0;
  top: 0;
  width: 115px;
  z-index: 1;
}
.logo-sportycom[data-v-5a47745c] {
  margin: 0 3px 0 6px;
  width: 90px;
}

.live-player-container[data-v-11ace4a0] {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.live-player-wrap[data-v-11ace4a0] {
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.live-player-wrap .wrap[data-v-11ace4a0] {
  height: 100%;
}
.live-player-wrap video[data-v-11ace4a0] {
  height: 100%;
  margin: 0 auto;
}
.live-player-wrap .m-detail-error[data-v-11ace4a0] {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.live-player-wrap .m-detail-error > div[data-v-11ace4a0] {
  box-sizing: border-box;
  flex: 1;
  min-width: 1%;
  padding: 0 20px;
  text-align: center;
}
.live-player-wrap .m-detail-error > div img[data-v-11ace4a0] {
  width: 40%;
}
.live-player-wrap .m-detail-error .m-error-msg[data-v-11ace4a0] {
  color: rgb(var(--text-type2-tertiary));
  display: block;
  font-size: 14px;
  line-height: 19px;
  margin: 4px 0 18px;
}
.live-player-wrap .m-detail-error .m-error-info[data-v-11ace4a0] {
  color: rgb(var(--text-type2-tertiary));
  font-size: 12px;
}
.live-player-wrap .m-login-error[data-v-11ace4a0] {
  height: 100%;
  text-align: center;
  width: 100%;
}
.live-player-wrap .m-login-error .err-tip[data-v-11ace4a0] {
  color: rgb(var(--text-type1-secondary));
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.live-player-wrap .m-login-error .login-btn[data-v-11ace4a0] {
  border: 1px solid rgb(var(--brand-secondary));
  border-radius: 2px;
  box-sizing: border-box;
  color: rgb(var(--brand-secondary));
  display: inline-block;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 9px;
  padding: 10px 0;
  width: 92px;
}
.liveplayer .liveplayer-ui .control-bar .bitrate-selector[data-v-11ace4a0] {
  right: 0 !important;
}

.smooth-picker[data-v-621dbe04] {
  background-color: rgb(var(--background-type1-primary));
  color: rgb(var(--text-type1-tertiary));
  font-size: 1rem;
  height: 11.875em;
  overflow: hidden;
  position: relative;
}
.smooth-picker .group[data-v-621dbe04] {
  pointer-events: none;
}
.smooth-picker__smooth-list[data-v-621dbe04] {
  position: relative;
  top: 4.8em;
}
.smooth-picker__smooth-item[data-v-621dbe04] {
  contain: strict;
  display: block;
  font-size: 1.3rem;
  height: 3em;
  left: 0;
  line-height: 2;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  top: 0;
  white-space: nowrap;
  width: 100%;
  will-change: transform;
}
.smooth-picker .smooth-handle-layer[data-v-621dbe04] {
  height: calc(100% + 2px);
  inset: -1px 0;
  position: absolute;
  width: 100%;
}
.smooth-picker .smooth-handle-layer__smooth-top[data-v-621dbe04] {
  border-bottom: 1px solid rgb(var(--line-type1-primary));
  transform: translate3d(0, 0, 5.625em);
}
.smooth-picker .smooth-handle-layer__smooth-middle[data-v-621dbe04] {
  height: 3.75em;
}
.smooth-picker .smooth-handle-layer__smooth-bottom[data-v-621dbe04] {
  border-top: 1px solid rgb(var(--line-type1-primary));
  transform: translate3d(0, 0, 5.625em);
}
.flex-box[data-v-621dbe04] {
  display: flex;
}
.flex-box.direction-column[data-v-621dbe04] {
  flex-direction: column;
}
.flex-box .flex-12[data-v-621dbe04] {
  flex: 12;
}
.flex-box .flex-11[data-v-621dbe04] {
  flex: 11;
}
.flex-box .flex-10[data-v-621dbe04] {
  flex: 10;
}
.flex-box .flex-9[data-v-621dbe04] {
  flex: 9;
}
.flex-box .flex-8[data-v-621dbe04] {
  flex: 8;
}
.flex-box .flex-7[data-v-621dbe04] {
  flex: 7;
}
.flex-box .flex-6[data-v-621dbe04] {
  flex: 6;
}
.flex-box .flex-5[data-v-621dbe04] {
  flex: 5;
}
.flex-box .flex-4[data-v-621dbe04] {
  flex: 4;
}
.flex-box .flex-3[data-v-621dbe04] {
  flex: 3;
}
.flex-box .flex-2[data-v-621dbe04] {
  flex: 2;
}
.flex-box .flex-1[data-v-621dbe04] {
  flex: 1;
}

.overlay[data-v-6887707e] {
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 500;
}
.box[data-v-6887707e] {
  background: rgb(var(--background-type1-primary));
  max-width: 520px;
  width: 85%;
}
.box__top[data-v-6887707e] {
  padding: 2rem 3rem;
}
.box__controls[data-v-6887707e] {
  display: flex;
}
.button[data-v-6887707e] {
  border: solid 1px rgb(var(--line-type1-primary));
  color: rgb(var(--brand-secondary));
  flex: 1;
  font-size: 1.33333333rem;
  padding: 0.5rem;
  text-align: center;
}

.text-color-home[data-v-f4d5e1fc] {
  color: #B08AFF;
}
.text-color-away[data-v-f4d5e1fc] {
  color: rgb(var(--brand-secondary));
}
.live-display[data-v-f4d5e1fc] {
  background: url(//s.football.com/global/main/common/liveVirtual/components/virtualMatchTracker/img/court_bg.90894fc611.png);
  background-size: 100% 100%;
  overflow: hidden;
  padding: 0.66666667rem;
  position: relative;
}
.live-display .inner-court[data-v-f4d5e1fc] {
  position: relative;
}
.live-display .inner-court .direction-layer[data-v-f4d5e1fc] {
  position: absolute;
}
.live-display .inner-court .court-line[data-v-f4d5e1fc] {
  width: 100%;
}
.live-display .inner-court .ball-group[data-v-f4d5e1fc] {
  height: 100%;
  position: absolute;
  visibility: hidden;
  width: 100%;
}
.live-display .inner-court .ball-group .ball[data-v-f4d5e1fc] {
  background: #FFFFFF;
  border-radius: 50%;
  height: 2.66666667rem;
  position: absolute;
  transform: translate(-50%, -50%) scale(0.25);
  width: 2.66666667rem;
  z-index: 10;
}
.live-display .inner-court .ball-group .black-shadow[data-v-f4d5e1fc] {
  background: rgb(var(--background-type2-primary));
  border-radius: 50%;
  height: 6.66666667rem;
  visibility: hidden;
  width: 6.66666667rem;
  z-index: 5;
}
.live-display .inner-court .ball-group .exchang-arrow[data-v-f4d5e1fc] {
  height: 1.66666667rem;
  opacity: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 1.66666667rem;
}
.live-display .inner-court .ball-group .kick-shadow-container[data-v-f4d5e1fc] {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  height: 100%;
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%);
  width: 100%;
}
.live-display .inner-court .ball-group .kick-shadow-container .kick-shadow[data-v-f4d5e1fc] {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
  height: 40%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
}
.live-display .inner-court .info-card[data-v-f4d5e1fc] {
  align-items: center;
  background: rgb(var(--background-type2-primary));
  display: flex;
  opacity: 0;
  padding: 0.16666667rem 0;
  position: absolute;
  top: 0rem;
  z-index: 2;
}
.live-display .inner-court .info-card > div[data-v-f4d5e1fc] {
  margin: 0 1rem;
}
.live-display .inner-court .info-card .info-text[data-v-f4d5e1fc] {
  display: flex;
  flex-direction: column;
  left: 1rem;
  overflow: hidden;
  width: 100%;
}
.live-display .inner-court .info-card .info-text .info-text-content[data-v-f4d5e1fc] {
  align-items: center;
  display: flex;
  font-size: 1rem;
  line-height: 1.16666667rem;
  margin-bottom: 0.16666667rem;
  width: -moz-max-content;
  width: max-content;
}
.live-display .inner-court .info-card .info-text .info-text-content .judge-card[data-v-f4d5e1fc] {
  background: #faae14;
  border-radius: 2px;
  height: 1rem;
  margin-right: 0.33333333rem;
  width: 0.66666667rem;
}
.live-display .inner-court .info-card .info-text .info-text-content .judge-card-red[data-v-f4d5e1fc] {
  background: #e41827;
}
.live-display .inner-court .info-card .info-text .info-text-team[data-v-f4d5e1fc] {
  align-items: flex-end;
  -moz-column-gap: 0.33333333rem;
       column-gap: 0.33333333rem;
  display: flex;
  flex-direction: row-reverse;
  font-size: 0.83333333rem;
  justify-content: flex-end;
  line-height: 0.91666667rem;
  margin-top: 0.16666667rem;
}
.live-display .inner-court .info-card .info-text .info-text-team-icon[data-v-f4d5e1fc] {
  width: 1rem;
}
.live-display .inner-court .info-card .time-square[data-v-f4d5e1fc] {
  background: #B08AFF;
  border-radius: 0.25rem;
  color: #000000;
  flex-shrink: 0;
  height: 1.83333333rem;
  line-height: 2rem;
  right: 0.5rem;
  text-align: center;
  width: 2rem;
}
.live-display .inner-court .info-card .time-square-away[data-v-f4d5e1fc] {
  background: rgb(var(--brand-secondary));
  color: rgb(var(--background-type2-primary));
}
.live-display .inner-court .by-ball[data-v-f4d5e1fc] {
  bottom: 100%;
  top: unset;
  z-index: 1;
}
.live-display .inner-court .by-ball-reverse[data-v-f4d5e1fc] {
  flex-direction: row-reverse;
}
.live-display .inner-court .by-ball-reverse .info-text[data-v-f4d5e1fc] {
  align-items: end;
}
.live-display .inner-court .by-ball-reverse .info-text .info-text-team[data-v-f4d5e1fc] {
  flex-direction: unset;
  justify-content: unset;
}
.live-display .inner-court .court-shadow[data-v-f4d5e1fc] {
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
.live-display .inner-court .court-shadow > img[data-v-f4d5e1fc] {
  height: 100%;
  position: absolute;
  right: 100%;
}
.live-display .inner-court .center-attack-indicator-container[data-v-f4d5e1fc] {
  height: 100%;
  position: absolute;
  visibility: hidden;
  width: 100%;
}
.live-display .inner-court .center-attack-indicator-container .center-attack-indicator[data-v-f4d5e1fc] {
  position: absolute;
  right: 50%;
  text-align: right;
  top: 50%;
  transform: translateY(-50%);
}
.live-display .inner-court .center-attack-indicator-container .center-attack-indicator .attack-status[data-v-f4d5e1fc] {
  font-size: 1.16666667rem;
  line-height: 1.33333333rem;
  margin: 0 0.33333333rem;
}
.live-display .inner-court .center-attack-indicator-container .center-attack-indicator .attack-team[data-v-f4d5e1fc] {
  align-items: center;
  display: flex;
  font-size: 1.33333333rem;
  font-weight: bold;
  justify-content: flex-end;
  line-height: 1.5rem;
  margin-top: 0.16666667rem;
}
.live-display .inner-court .center-attack-indicator-container .center-attack-indicator .attack-team > div[data-v-f4d5e1fc] {
  margin: 0 0.33333333rem;
}
.live-display .inner-court .center-attack-indicator-container .center-attack-indicator .attack-team .center-attack-icon[data-v-f4d5e1fc] {
  width: 1.5rem;
}
.live-display .inner-court .center-attack-indicator-container .center-attack-indicator-right[data-v-f4d5e1fc] {
  justify-content: flex-start;
  left: 50%;
  right: unset;
}
.live-display .inner-court .center-attack-indicator-container .center-attack-indicator-right .attack-team[data-v-f4d5e1fc] {
  flex-direction: row-reverse;
  text-align: left;
}
.live-display .inner-court .center-attack-indicator-container .center-attack-indicator-right .attack-status[data-v-f4d5e1fc] {
  text-align: left;
}
.live-display .inner-court .corner-kick-card[data-v-f4d5e1fc] {
  align-items: center;
  background: rgb(var(--background-type2-primary));
  bottom: 0;
  display: flex;
  height: 3.16666667rem;
  left: -0.66666667rem;
  position: absolute;
  visibility: hidden;
  width: 16.66666667rem;
  z-index: 10;
}
.live-display .inner-court .corner-kick-card .team-logo[data-v-f4d5e1fc] {
  height: 2.33333333rem;
  line-height: 2.33333333rem;
  margin: 0.41666667rem 0.66666667rem;
  margin-right: 1rem;
  text-align: center;
  width: 2.33333333rem;
}
.live-display .inner-court .corner-kick-card .team-logo > img[data-v-f4d5e1fc] {
  width: 100%;
}
.live-display .inner-court .corner-kick-card .corner-kick-time-square[data-v-f4d5e1fc] {
  background: #B08AFF;
  border-radius: 0.25rem;
  color: rgb(var(--background-type2-primary));
  flex-shrink: 0;
  height: 1.83333333rem;
  line-height: 2rem;
  position: absolute;
  right: 1.33333333rem;
  text-align: center;
  width: 2rem;
}
.live-display .inner-court .corner-kick-card .corner-kick-time-square-away[data-v-f4d5e1fc] {
  background: rgb(var(--brand-secondary));
}
.live-display .inner-court .corner-kick-card .corner-kick-text > div[data-v-f4d5e1fc]:first-child {
  font-size: 1.16666667rem;
  font-weight: bold;
  line-height: 1.33333333rem;
}
.live-display .inner-court .corner-kick-card .corner-kick-text > div[data-v-f4d5e1fc]:nth-child(2) {
  font-size: 0.83333333rem;
  line-height: 0.83333333rem;
}
.live-display .inner-court .corner-kick-card-right[data-v-f4d5e1fc] {
  flex-direction: row-reverse;
  left: unset;
  right: -0.66666667rem;
}
.live-display .inner-court .corner-kick-card-right .team-logo[data-v-f4d5e1fc] {
  margin-left: 1rem;
  margin-right: 0.66666667rem;
}
.live-display .inner-court .corner-kick-card-right .corner-kick-time-square[data-v-f4d5e1fc] {
  left: 1.33333333rem;
  right: unset;
}
.live-display .inner-court .corner-kick-card-right .corner-kick-text[data-v-f4d5e1fc] {
  text-align: right;
}
.live-display .inner-court .gif-animation-block[data-v-f4d5e1fc] {
  display: none;
  height: calc(100% +  1.33333333rem );
  left: -0.66666667rem;
  position: absolute;
  top: -0.66666667rem;
  width: calc(100% +  1.33333333rem );
  z-index: 1;
}
.live-display .inner-court .gif-animation-block > div[data-v-f4d5e1fc] {
  display: none;
  position: absolute;
  width: 100%;
}
.live-display .inner-court .gif-animation-block > div > img[data-v-f4d5e1fc] {
  position: absolute;
  width: 100%;
}
.live-display .inner-court .gif-animation-block .gif-ref[data-v-f4d5e1fc] {
  display: none;
}
.live-display .inner-court .game-status-card[data-v-f4d5e1fc] {
  background: rgb(var(--background-type2-primary));
  font-size: 1rem;
  height: 3rem;
  left: 50%;
  line-height: 3rem;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  width: 11.66666667rem;
}
.live-display .inner-court .throw-in-container[data-v-f4d5e1fc] {
  height: 100%;
  position: absolute;
  visibility: hidden;
  width: 100%;
}
.live-display .inner-court .throw-in-container .throw-in[data-v-f4d5e1fc] {
  position: absolute;
  top: 0;
  transform: scale(0.2);
  transform-origin: top left;
  visibility: hidden;
  width: 100%;
}
.live-display .time-panel[data-v-f4d5e1fc] {
  align-items: center;
  background: rgb(var(--background-type2-primary));
  color: rgb(var(--text-type1-primary));
  display: flex;
  font-size: 1rem;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 0%;
  transform: translateX(-50%);
  width: 5.41666667rem;
}
.live-display .time-panel > div[data-v-f4d5e1fc]:first-child {
  border-right: 1px solid rgb(var(--text-type2-primary));
  padding-right: 0.33333333rem;
}
.live-display .time-panel > div[data-v-f4d5e1fc]:last-child {
  padding-left: 0.33333333rem;
}
.live-display .goal-titles[data-v-f4d5e1fc] {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0;
  top: 1rem;
  visibility: hidden;
  z-index: 40;
}
.live-display .goal-titles .goal-title-main[data-v-f4d5e1fc] {
  align-items: center;
  background: rgb(var(--background-type2-primary));
  display: flex;
  height: 2.33333333rem;
  justify-content: flex-end;
}
.live-display .goal-titles .goal-title-main .goal-title-team-name[data-v-f4d5e1fc] {
  font-size: 1rem;
  margin-left: 1.66666667rem;
  margin-right: 0.66666667rem;
}
.live-display .goal-titles .goal-title-main .goal-text[data-v-f4d5e1fc] {
  font-size: 1.66666667rem;
  font-weight: bold;
  margin-right: 0.66666667rem;
  position: relative;
}
.live-display .goal-titles .goal-title-main .goal-title-team-icon[data-v-f4d5e1fc] {
  height: 2rem;
  line-height: 2rem;
  margin-right: 1.33333333rem;
  text-align: center;
  width: 2rem;
}
.live-display .goal-titles .goal-title-main .goal-title-team-icon > img[data-v-f4d5e1fc] {
  width: 100%;
}
.live-display .goal-titles .goal-title-main[data-v-f4d5e1fc]::before {
  background: rgb(var(--background-type2-primary));
  content: '';
  height: 100%;
  transform: skewX(15deg);
  transform-origin: bottom left;
  width: 0.83333333rem;
}
.live-display .goal-titles .goal-title-score[data-v-f4d5e1fc] {
  align-items: center;
  background: rgb(var(--background-type2-primary));
  display: flex;
  font-size: 1.33333333rem;
  height: 2.33333333rem;
  justify-content: flex-end;
  margin-top: 1rem;
}
.live-display .goal-titles .goal-title-score > div[data-v-f4d5e1fc]:first-child {
  margin-left: 1.66666667rem;
}
.live-display .goal-titles .goal-title-score .goal-title-score-group[data-v-f4d5e1fc] {
  align-items: center;
  display: flex;
}
.live-display .goal-titles .goal-title-score .goal-title-score-number[data-v-f4d5e1fc] {
  height: 1.58333333rem;
  margin: 0 0.66666667rem;
  overflow: hidden;
  position: relative;
  width: 1.25rem;
}
.live-display .goal-titles .goal-title-score .goal-title-score-number .goal-title-score-number-scroll[data-v-f4d5e1fc] {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.live-display .goal-titles .goal-title-score .goal-title-score-time[data-v-f4d5e1fc] {
  background: #B08AFF;
  border-radius: 2px;
  color: #000000;
  font-size: 1rem;
  height: 1.66666667rem;
  line-height: 1.66666667rem;
  margin: 0 1.33333333rem 0 0.66666667rem;
  text-align: center;
  width: 1.83333333rem;
}
.live-display .goal-titles .goal-title-score .goal-title-score-time-away[data-v-f4d5e1fc] {
  background: rgb(var(--brand-secondary));
  color: rgb(var(--background-type2-primary));
}
.live-display .goal-titles .goal-title-score[data-v-f4d5e1fc]::before {
  background: rgb(var(--background-type2-primary));
  content: '';
  height: 100%;
  transform: skewX(15deg);
  transform-origin: bottom left;
  width: 0.83333333rem;
}
.live-display .goal-titles-left[data-v-f4d5e1fc] {
  align-items: flex-start;
  left: 0;
  right: unset;
}
.live-display .goal-titles-left .goal-title-main[data-v-f4d5e1fc] {
  flex-direction: row-reverse;
}
.live-display .goal-titles-left .goal-title-main .goal-title-team-name[data-v-f4d5e1fc] {
  margin-left: 0.66666667rem;
  margin-right: 1.66666667rem;
}
.live-display .goal-titles-left .goal-title-main .goal-text[data-v-f4d5e1fc] {
  margin-left: 0.66666667rem;
  margin-right: unset;
}
.live-display .goal-titles-left .goal-title-main .goal-title-team-icon[data-v-f4d5e1fc] {
  margin-left: 1.33333333rem;
  margin-right: unset;
}
.live-display .goal-titles-left .goal-title-main[data-v-f4d5e1fc]::before {
  transform: skewX(-15deg);
  transform-origin: bottom right;
}
.live-display .goal-titles-left .goal-title-score[data-v-f4d5e1fc] {
  flex-direction: row-reverse;
}
.live-display .goal-titles-left .goal-title-score > div[data-v-f4d5e1fc]:first-child {
  margin-left: unset;
  margin-right: 1.66666667rem;
}
.live-display .goal-titles-left .goal-title-score .goal-title-score-number[data-v-f4d5e1fc] {
  margin: 0 0.66666667rem;
}
.live-display .goal-titles-left .goal-title-score .goal-title-score-time[data-v-f4d5e1fc] {
  margin: 0 0.66666667rem 0 1.33333333rem;
}
.live-display .goal-titles-left .goal-title-score[data-v-f4d5e1fc]::before {
  transform: skewX(-15deg);
  transform-origin: bottom right;
}
.live-display .match-info-panel[data-v-f4d5e1fc] {
  height: 14.83333333rem;
  left: 50%;
  position: absolute;
  top: 16px;
  transform: translateX(-50%);
  width: 100%;
}
.live-display .match-info-panel .info-carousel-item[data-v-f4d5e1fc] {
  background: rgb(var(--background-type2-primary));
  height: 100%;
  margin: auto;
  width: 24rem;
}
.live-display .match-info-panel .panel-select[data-v-f4d5e1fc] {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  width: 100%;
}
.live-display .match-info-panel .panel-select > div[data-v-f4d5e1fc] {
  background: rgb(var(--background-type2-primary));
  height: 0.33333333rem;
  margin: 0 0.5rem;
  width: 2.33333333rem;
}
.live-display .match-info-panel .panel-select .active[data-v-f4d5e1fc] {
  background: rgb(var(--brand-type3-secondary));
}
.live-display .match-info-panel .match-info-score[data-v-f4d5e1fc] {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  height: 14.83333333rem;
  justify-content: center;
}
.live-display .match-info-panel .match-info-score .match-info-score-number[data-v-f4d5e1fc] {
  display: flex;
  font-size: 2.16666667rem;
  line-height: 2rem;
  margin-top: 0.66666667rem;
}
.live-display .match-info-panel .match-info-score .match-info-score-number .score-cell[data-v-f4d5e1fc] {
  background: rgb(var(--brand-type3-secondary));
  border-radius: 2px;
  color: rgb(var(--background-type1-primary));
  font-size: 1.66666667rem;
  height: 2rem;
  margin: 0 0.66666667rem;
  text-align: center;
  width: 3rem;
}
.live-display .match-info-panel .match-info-score .match-info-title[data-v-f4d5e1fc] {
  font-weight: bold;
}
.live-display .match-info-panel .match-info-score .match-info-status[data-v-f4d5e1fc] {
  margin-top: 1rem;
}
.live-display .match-info-panel .match-info-statistic[data-v-f4d5e1fc] {
  padding: 0.91666667rem;
  text-align: center;
}
.live-display .match-info-panel .match-info-statistic .judge-card-title[data-v-f4d5e1fc] {
  font-size: 0.91666667rem;
}
.live-display .match-info-panel .match-info-statistic .judge-card-bar[data-v-f4d5e1fc] {
  background: rgb(var(--brand-secondary));
  height: 0.16666667rem;
}
.live-display .match-info-panel .match-info-statistic .judge-card-bar .judge-card-home[data-v-f4d5e1fc] {
  background: #B08AFF;
  border-right: 0.16666667rem solid #1B1E25;
  height: 100%;
}
.live-display .match-info-panel .match-info-statistic .judge-card-number[data-v-f4d5e1fc] {
  display: flex;
  font-size: 1.08333333rem;
  font-weight: bold;
  height: 14px;
  justify-content: space-between;
}
.live-display .match-info-panel .match-info-statistic .corner-title[data-v-f4d5e1fc] {
  font-size: 0.91666667rem;
}
.live-display .match-info-panel .match-info-statistic .corner-detail[data-v-f4d5e1fc] {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 0.16666667rem;
}
.live-display .match-info-panel .match-info-statistic .corner-detail .corner-graph[data-v-f4d5e1fc] {
  border-radius: 100%;
  box-shadow: inset 0 0 0 8px rgb(var(--brand-secondary));
  flex-shrink: 0;
  height: 68px;
  margin: 0 0.66666667rem;
  position: relative;
  width: 68px;
}
.live-display .match-info-panel .match-info-statistic .corner-detail .corner-graph > img[data-v-f4d5e1fc] {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.66666667rem;
  z-index: 20;
}
.live-display .match-info-panel .match-info-statistic .corner-detail .corner-graph .split-stick[data-v-f4d5e1fc] {
  background: rgb(var(--background-type2-primary));
  bottom: 50%;
  height: 50%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transform-origin: bottom center;
  width: 0.16666667rem;
  z-index: 10;
}
.live-display .match-info-panel .match-info-statistic .corner-detail .corner-graph .ring-chart[data-v-f4d5e1fc] {
  height: 100%;
  transform: rotate(-90deg) scaleY(-1);
  width: 100%;
}
.live-display .match-info-panel .match-info-statistic .corner-detail .corner-graph .ring-chart .ring-circle[data-v-f4d5e1fc] {
  cx: 50%;
  cy: 50%;
  fill: transparent;
  r: calc(50% - 4px);
  stroke: #B08AFF;
  stroke-dasharray: 189;
  stroke-width: 8px;
}
.live-display .match-info-panel .match-info-statistic .corner-detail .corner-detail[data-v-f4d5e1fc] {
  display: flex;
  flex-direction: column;
  font-weight: bold;
}
.live-display .match-info-panel .match-info-statistic .corner-detail .corner-detail > div[data-v-f4d5e1fc]:nth-child(2) {
  font-weight: normal;
}
.live-display .match-info-panel .match-info-statistic .corner-detail .corner-detail-home[data-v-f4d5e1fc] {
  align-items: flex-end;
  color: #B08AFF;
  font-size: 0.91666667rem;
}
.live-display .match-info-panel .match-info-statistic .corner-detail .corner-detail-away[data-v-f4d5e1fc] {
  align-items: flex-start;
  color: rgb(var(--brand-secondary));
  font-size: 0.91666667rem;
}
.live-display .match-info-panel .match-info-statistic .corner-detail .corner-kick-amount[data-v-f4d5e1fc] {
  font-size: 1.58333333rem;
}
.live-display-pc[data-v-f4d5e1fc] {
  font-size: 14px;
  padding: 8px;
}
.live-display-pc .inner-court .ball-group .ball[data-v-f4d5e1fc] {
  height: 32px;
  width: 32px;
}
.live-display-pc .inner-court .ball-group .black-shadow[data-v-f4d5e1fc] {
  height: 80px;
  width: 80px;
}
.live-display-pc .inner-court .ball-group .exchang-arrow[data-v-f4d5e1fc] {
  height: 20px;
  width: 20px;
}
.live-display-pc .inner-court .info-card[data-v-f4d5e1fc] {
  padding: 0.16666667rem 0;
  top: 0;
}
.live-display-pc .inner-court .info-card > div[data-v-f4d5e1fc] {
  margin: 0 12px;
}
.live-display-pc .inner-court .info-card .info-text[data-v-f4d5e1fc] {
  left: 12px;
}
.live-display-pc .inner-court .info-card .info-text .info-text-content[data-v-f4d5e1fc] {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 2px;
}
.live-display-pc .inner-court .info-card .info-text .info-text-content .judge-card[data-v-f4d5e1fc] {
  height: 12px;
  margin-right: 4px;
  width: 8px;
}
.live-display-pc .inner-court .info-card .info-text .info-text-team[data-v-f4d5e1fc] {
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-size: 10px;
  line-height: 11px;
  margin-top: 2px;
}
.live-display-pc .inner-court .info-card .info-text .info-text-team-icon[data-v-f4d5e1fc] {
  width: 12px;
}
.live-display-pc .inner-court .info-card .time-square[data-v-f4d5e1fc] {
  border-radius: 3px;
  height: 22px;
  line-height: 24px;
  right: 6px;
  width: 24px;
}
.live-display-pc .inner-court .by-ball[data-v-f4d5e1fc] {
  top: unset;
}
.live-display-pc .inner-court .center-attack-indicator-container .center-attack-indicator[data-v-f4d5e1fc] {
  color: white;
}
.live-display-pc .inner-court .center-attack-indicator-container .center-attack-indicator .attack-status[data-v-f4d5e1fc] {
  font-size: 14px;
  line-height: 16px;
  margin: 0 4px;
}
.live-display-pc .inner-court .center-attack-indicator-container .center-attack-indicator .attack-team[data-v-f4d5e1fc] {
  font-size: 16px;
  line-height: 18px;
  margin-top: 2px;
}
.live-display-pc .inner-court .center-attack-indicator-container .center-attack-indicator .attack-team > div[data-v-f4d5e1fc] {
  margin: 0 4px;
}
.live-display-pc .inner-court .corner-kick-card[data-v-f4d5e1fc] {
  height: 38px;
  left: -8px;
  width: 200px;
}
.live-display-pc .inner-court .corner-kick-card .team-logo[data-v-f4d5e1fc] {
  height: 28px;
  line-height: 28px;
  margin: 5px 8px;
  margin-right: 12px;
  width: 28px;
}
.live-display-pc .inner-court .corner-kick-card .corner-kick-time-square[data-v-f4d5e1fc] {
  border-radius: 3px;
  height: 22px;
  line-height: 24px;
  right: 16px;
  width: 24px;
}
.live-display-pc .inner-court .corner-kick-card .corner-kick-text > div[data-v-f4d5e1fc]:first-child {
  font-size: 14px;
  line-height: 16px;
}
.live-display-pc .inner-court .corner-kick-card .corner-kick-text > div[data-v-f4d5e1fc]:nth-child(2) {
  font-size: 10px;
  line-height: 10px;
}
.live-display-pc .inner-court .corner-kick-card-right[data-v-f4d5e1fc] {
  left: unset;
  right: -8px;
}
.live-display-pc .inner-court .corner-kick-card-right .team-logo[data-v-f4d5e1fc] {
  margin-left: 12px;
  margin-right: 8px;
}
.live-display-pc .inner-court .corner-kick-card-right .corner-kick-time-square[data-v-f4d5e1fc] {
  left: 16px;
}
.live-display-pc .inner-court .gif-animation-block[data-v-f4d5e1fc] {
  height: calc(100% +  16px );
  left: -8px;
  position: absolute;
  top: -8px;
  width: calc(100% +  16px );
}
.live-display-pc .inner-court .game-status-card[data-v-f4d5e1fc] {
  font-size: 12px;
  height: 36px;
  line-height: 36px;
  width: 140px;
}
.live-display-pc .time-panel[data-v-f4d5e1fc] {
  font-size: 12px;
  width: 65px;
}
.live-display-pc .time-panel > div[data-v-f4d5e1fc]:first-child {
  padding-right: 4px;
}
.live-display-pc .time-panel > div[data-v-f4d5e1fc]:last-child {
  padding-left: 4px;
}
.live-display-pc .goal-titles[data-v-f4d5e1fc] {
  top: 12px;
}
.live-display-pc .goal-titles .goal-title-main[data-v-f4d5e1fc] {
  height: 28px;
}
.live-display-pc .goal-titles .goal-title-main .goal-title-team-name[data-v-f4d5e1fc] {
  font-size: 12px;
  margin-left: 20px;
  margin-right: 8px;
}
.live-display-pc .goal-titles .goal-title-main .goal-text[data-v-f4d5e1fc] {
  font-size: 20px;
  margin-right: 8px;
}
.live-display-pc .goal-titles .goal-title-main .goal-title-team-icon[data-v-f4d5e1fc] {
  height: 24px;
  line-height: 24px;
  margin-right: 16px;
  width: 24px;
}
.live-display-pc .goal-titles .goal-title-main[data-v-f4d5e1fc]::before {
  width: 10px;
}
.live-display-pc .goal-titles .goal-title-score[data-v-f4d5e1fc] {
  font-size: 16px;
  height: 28px;
  margin-top: 12px;
}
.live-display-pc .goal-titles .goal-title-score > div[data-v-f4d5e1fc]:first-child {
  margin-left: 20px;
}
.live-display-pc .goal-titles .goal-title-score .goal-title-score-number[data-v-f4d5e1fc] {
  height: 19px;
  margin: 0 8px;
  width: 15px;
}
.live-display-pc .goal-titles .goal-title-score .goal-title-score-time[data-v-f4d5e1fc] {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin: 0 16px 0 8px;
  width: 22px;
}
.live-display-pc .goal-titles .goal-title-score[data-v-f4d5e1fc]::before {
  width: 10px;
}
.live-display-pc .goal-titles-left .goal-title-main .goal-title-team-name[data-v-f4d5e1fc] {
  margin-left: 8px;
  margin-right: 20px;
}
.live-display-pc .goal-titles-left .goal-title-main .goal-text[data-v-f4d5e1fc] {
  margin-left: 8px;
}
.live-display-pc .goal-titles-left .goal-title-main .goal-title-team-icon[data-v-f4d5e1fc] {
  margin-left: 16px;
}
.live-display-pc .goal-titles-left .goal-title-score > div[data-v-f4d5e1fc]:first-child {
  margin-right: 20px;
}
.live-display-pc .goal-titles-left .goal-title-score .goal-title-score-number[data-v-f4d5e1fc] {
  margin: 0 8px;
}
.live-display-pc .goal-titles-left .goal-title-score .goal-title-score-time[data-v-f4d5e1fc] {
  margin: 0 8px 0 16px;
}
.live-display-pc .match-info-panel[data-v-f4d5e1fc] {
  height: 192px;
  top: 45%;
  transform: translate(-50%, -50%);
}
.live-display-pc .match-info-panel .info-carousel-item[data-v-f4d5e1fc] {
  width: 288px;
}
.live-display-pc .match-info-panel .panel-select[data-v-f4d5e1fc] {
  margin-top: 12px;
}
.live-display-pc .match-info-panel .panel-select > div[data-v-f4d5e1fc] {
  height: 4px;
  margin: 0 6px;
  width: 28px;
}
.live-display-pc .match-info-panel .match-info-score[data-v-f4d5e1fc] {
  font-size: 12px;
  height: 178px;
}
.live-display-pc .match-info-panel .match-info-score .match-info-score-number[data-v-f4d5e1fc] {
  font-size: 26px;
  line-height: 24px;
  margin-top: 8px;
}
.live-display-pc .match-info-panel .match-info-score .match-info-score-number .score-cell[data-v-f4d5e1fc] {
  font-size: 20px;
  height: 24px;
  margin: 0 8px;
  width: 36px;
}
.live-display-pc .match-info-panel .match-info-score .match-info-status[data-v-f4d5e1fc] {
  margin-top: 12px;
}
.live-display-pc .match-info-panel .match-info-statistic[data-v-f4d5e1fc] {
  padding: 12px;
}
.live-display-pc .match-info-panel .match-info-statistic .judge-card-title[data-v-f4d5e1fc] {
  font-size: 12px;
}
.live-display-pc .match-info-panel .match-info-statistic .judge-card-bar[data-v-f4d5e1fc] {
  height: 2px;
}
.live-display-pc .match-info-panel .match-info-statistic .judge-card-bar .judge-card-home[data-v-f4d5e1fc] {
  border-right: 2px solid #1B1E25;
}
.live-display-pc .match-info-panel .match-info-statistic .judge-card-number[data-v-f4d5e1fc] {
  font-size: 14px;
  height: initial;
}
.live-display-pc .match-info-panel .match-info-statistic .corner-title[data-v-f4d5e1fc] {
  font-size: 12px;
}
.live-display-pc .match-info-panel .match-info-statistic .corner-detail[data-v-f4d5e1fc] {
  margin-top: 3px;
}
.live-display-pc .match-info-panel .match-info-statistic .corner-detail .corner-graph[data-v-f4d5e1fc] {
  box-shadow: inset 0 0 0 8px rgb(var(--brand-secondary));
  height: 68px;
  margin: 0 8px;
  width: 68px;
}
.live-display-pc .match-info-panel .match-info-statistic .corner-detail .corner-graph > img[data-v-f4d5e1fc] {
  width: 32px;
}
.live-display-pc .match-info-panel .match-info-statistic .corner-detail .corner-graph .split-stick[data-v-f4d5e1fc] {
  width: 2px;
}
.live-display-pc .match-info-panel .match-info-statistic .corner-detail .corner-detail-home[data-v-f4d5e1fc] {
  font-size: 12px;
}
.live-display-pc .match-info-panel .match-info-statistic .corner-detail .corner-detail-away[data-v-f4d5e1fc] {
  font-size: 12px;
}
.live-display-pc .match-info-panel .match-info-statistic .corner-detail .corner-kick-amount[data-v-f4d5e1fc] {
  font-size: 20px;
}

.lvmt-api-error[data-v-7f15f507] {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgb(var(--background-type2-primary));
}
.lvmt-api-error .error-svg[data-v-7f15f507] {
  fill: #9CA0AB;
  padding: 1.33333333rem 0;
  width: 7.33333333rem;
}
.lvmt-api-error .error-text[data-v-7f15f507] {
  padding-bottom: 1.33333333rem;
  font-size: 1rem;
}
.lvmt-api-error-pc .error-svg[data-v-7f15f507] {
  padding: 16px 0;
  width: 88px;
}
.lvmt-api-error-pc .error-text[data-v-7f15f507] {
  padding-bottom: 16px;
  font-size: 12px;
}

.match-statistic[data-v-54406196] {
  background: rgb(var(--background-type2-primary));
  border-bottom: 1px solid rgb(var(--line-type1-tertiary));
  border-top: 1px solid rgb(var(--line-type1-tertiary));
  display: flex;
  flex-direction: column;
  font-size: 0.91666667rem;
  padding: 0 1.33333333rem;
}
.match-statistic .cards-container[data-v-54406196] {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
  text-align: center;
}
.match-statistic .cards-container .card-text[data-v-54406196] {
  line-height: 1.16666667rem;
  margin: 0 3.33333333rem;
  width: 5rem;
}
.match-statistic .cards-container .card-number[data-v-54406196] {
  display: flex;
}
.match-statistic .cards-container .card-number > div[data-v-54406196] {
  font-size: 1.16666667rem;
  font-weight: bold;
  line-height: 1.5rem;
  margin: 0 0.08333333rem;
  text-align: center;
  width: 1rem;
}
.match-statistic .cards-container .card-number .cards[data-v-54406196] {
  border-radius: 2px;
  color: rgb(var(--background-type2-primary));
  font-size: 0.66666667rem;
  font-weight: normal;
}
.match-statistic .cards-container .card-number .card-red[data-v-54406196] {
  background: #e43b3b;
  margin-right: 0.5rem;
}
.match-statistic .cards-container .card-number .card-yellow[data-v-54406196] {
  background: #faae14;
  margin: 0 0.33333333rem 0 0.5rem;
}
.match-statistic .horizon-bar-container[data-v-54406196] {
  color: rgb(var(--text-type1-primary));
  margin-top: 0.83333333rem;
}
.match-statistic .horizon-bar-container .horizon-bar-number[data-v-54406196] {
  align-items: center;
  display: flex;
  font-weight: bold;
  height: 1.16666667rem;
  justify-content: space-between;
}
.match-statistic .horizon-bar-container .horizon-bar-number .bar-title[data-v-54406196] {
  font-weight: normal;
}
.match-statistic .horizon-bar-container .horizon-bar[data-v-54406196] {
  background: rgb(var(--brand-secondary));
  height: 0.33333333rem;
  margin-top: 0.33333333rem;
}
.match-statistic .horizon-bar-container .horizon-bar .horizon-bar-green-part[data-v-54406196] {
  background: #B08AFF;
  border-right: 0.16666667rem solid #1B1E25;
  height: 100%;
  width: 50%;
}
.match-statistic .attack-info-container[data-v-54406196] {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.66666667rem;
  margin-top: 1.33333333rem;
}
.match-statistic .attack-info-container .attack-info-block > div[data-v-54406196]:first-child {
  margin-bottom: 0.33333333rem;
}
.match-statistic .attack-info-container .attack-info-block .dangerous-attack-text[data-v-54406196] {
  text-align: center;
}
.match-statistic .attack-info-container .attack-info-block .pin-number[data-v-54406196] {
  align-items: flex-end;
  color: #B08AFF;
  display: flex;
}
.match-statistic .attack-info-container .attack-info-block .pin-number > img[data-v-54406196] {
  margin-right: 0.33333333rem;
  width: 2rem;
}
.match-statistic .attack-info-container .dangerous-attack-info[data-v-54406196] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.match-statistic .attack-info-container .home-info[data-v-54406196] {
  text-align: left;
}
.match-statistic .attack-info-container .home-info .pin-number[data-v-54406196] {
  color: #B08AFF;
  justify-content: flex-start;
}
.match-statistic .attack-info-container .away-info[data-v-54406196] {
  text-align: right;
}
.match-statistic .attack-info-container .away-info .pin-number[data-v-54406196] {
  color: rgb(var(--brand-secondary));
  justify-content: flex-end;
}
.match-statistic .attack-info-container .dangerous-attack-container[data-v-54406196] {
  align-items: flex-end;
  display: flex;
  font-weight: bold;
  height: 5.33333333rem;
}
.match-statistic .attack-info-container .dangerous-attack-container .dangerous-attack-time-home[data-v-54406196] {
  color: #B08AFF;
}
.match-statistic .attack-info-container .dangerous-attack-container .dangerous-attack-time-away[data-v-54406196] {
  color: rgb(var(--brand-secondary));
}
.match-statistic .attack-info-container .dangerous-attack-container .vertical-bar[data-v-54406196] {
  align-items: flex-end;
  display: flex;
  height: 100%;
  margin: 0 0.66666667rem;
}
.match-statistic .attack-info-container .dangerous-attack-container .vertical-bar > div[data-v-54406196] {
  background: #B08AFF;
  display: inline-block;
  height: 3%;
  margin: 0 0.16666667rem;
  width: 1.33333333rem;
}
.match-statistic .attack-info-container .dangerous-attack-container .vertical-bar .vertical-bar-away[data-v-54406196] {
  background: rgb(var(--brand-secondary));
}
.match-statistic-pc[data-v-54406196] {
  font-size: 14px;
  padding: 0 16px;
}
.match-statistic-pc .cards-container[data-v-54406196] {
  margin-bottom: 6px;
  margin-top: 12px;
}
.match-statistic-pc .cards-container .card-text[data-v-54406196] {
  line-height: 14px;
  margin: 0 40px;
  width: 60px;
}
.match-statistic-pc .cards-container .card-number > div[data-v-54406196] {
  font-size: 14px;
  line-height: 18px;
  margin: 0 1px;
  width: 12px;
}
.match-statistic-pc .cards-container .card-number .cards[data-v-54406196] {
  font-size: 10px;
}
.match-statistic-pc .cards-container .card-number .card-red[data-v-54406196] {
  margin-right: 6px;
}
.match-statistic-pc .cards-container .card-number .card-yellow[data-v-54406196] {
  margin: 0 4px 0 6px;
}
.match-statistic-pc .horizon-bar-container[data-v-54406196] {
  margin-top: 10px;
}
.match-statistic-pc .horizon-bar-container .horizon-bar-number[data-v-54406196] {
  height: 14px;
}
.match-statistic-pc .horizon-bar-container .horizon-bar[data-v-54406196] {
  height: 4px;
  margin-top: 4px;
}
.match-statistic-pc .horizon-bar-container .horizon-bar .horizon-bar-green-part[data-v-54406196] {
  border-right: 2px solid #1B1E25;
}
.match-statistic-pc .attack-info-container[data-v-54406196] {
  margin-bottom: 8px;
  margin-top: 16px;
}
.match-statistic-pc .attack-info-container .attack-info-block > div[data-v-54406196]:first-child {
  margin-bottom: 4px;
}
.match-statistic-pc .attack-info-container .attack-info-block .pin-number > img[data-v-54406196] {
  margin-right: 4px;
  width: 24px;
}
.match-statistic-pc .attack-info-container .dangerous-attack-container[data-v-54406196] {
  height: 64px;
}
.match-statistic-pc .attack-info-container .dangerous-attack-container .vertical-bar[data-v-54406196] {
  margin: 0 8px;
}
.match-statistic-pc .attack-info-container .dangerous-attack-container .vertical-bar > div[data-v-54406196] {
  margin: 0 2px;
  width: 16px;
}

.time-line-stamp[data-v-036d89ad] {
  position: absolute;
}
.time-line-stamp .icons[data-v-036d89ad] {
  width: 0.5rem;
  height: 0.83333333rem;
}
.time-line-stamp .icons .stamp-icon[data-v-036d89ad] {
  position: absolute;
}
.time-line-stamp .icons .yellow-card[data-v-036d89ad] {
  width: 0.5rem;
  background: #faae14;
  height: 0.66666667rem;
  border-radius: 0.08333333rem;
}
.time-line-stamp .icons .red-card[data-v-036d89ad] {
  width: 0.5rem;
  background: #e43b3b;
  height: 0.66666667rem;
  border-radius: 0.08333333rem;
}
.time-line-stamp .icons .score[data-v-036d89ad] {
  width: 0.66666667rem;
  height: 0.66666667rem;
}
.time-line-stamp .icons > .score[data-v-036d89ad] {
  transform: translateX(-50%);
  border-radius: 0.08333333rem;
}
.time-line-stamp .icons .stamp-tips-normal[data-v-036d89ad] {
  left: 100%;
}
.time-line-stamp .icons .stamp-tips-normal .tips-content[data-v-036d89ad] {
  padding-left: 0.33333333rem;
  left: -0.75rem;
}
.time-line-stamp .icons .stamp-tips-normal .tips-content[data-v-036d89ad]::before {
  transform: translate(50%, -50%);
  right: 100%;
}
.time-line-stamp .icons .stamp-tips-reverse[data-v-036d89ad] {
  right: 100%;
  flex-direction: row-reverse;
}
.time-line-stamp .icons .stamp-tips-reverse .tips-content[data-v-036d89ad] {
  padding-right: 0.33333333rem;
  right: -0.75rem;
}
.time-line-stamp .icons .stamp-tips-reverse .tips-content[data-v-036d89ad]::before {
  transform: translate(-50%, -50%);
  left: 100%;
}
.time-line-stamp .icons .stamp-tips[data-v-036d89ad] {
  position: absolute;
  align-items: center;
  display: none;
  z-index: 1;
}
.time-line-stamp .icons .stamp-tips > div[data-v-036d89ad] {
  display: inline-block;
}
.time-line-stamp .icons .stamp-tips .tips-dot[data-v-036d89ad] {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: rgb(var(--background-type2-primary));
  z-index: 1;
}
.time-line-stamp .icons .stamp-tips .tips-dot[data-v-036d89ad]::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.time-line-stamp .icons .stamp-tips .tips-content[data-v-036d89ad] {
  position: relative;
  display: flex;
  font-size: 0.66666667rem;
  white-space: nowrap;
  align-items: center;
  background: rgb(var(--background-type2-primary));
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}
.time-line-stamp .icons .stamp-tips .tips-content .tips-info[data-v-036d89ad] {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin: 0.33333333rem 0.66666667rem;
}
.time-line-stamp .icons .stamp-tips .tips-content .tips-info .tips-team[data-v-036d89ad] {
  display: flex;
  align-items: center;
}
.time-line-stamp .icons .stamp-tips .tips-content .tips-time[data-v-036d89ad] {
  width: 1.66666667rem;
  height: 1.66666667rem;
  text-align: center;
  line-height: 1.66666667rem;
  border-radius: 0.16666667rem;
  margin: 0.33333333rem 0.66666667rem;
  color: rgb(var(--background-type2-primary));
}
.time-line-stamp .icons .stamp-tips .tips-content .time-away[data-v-036d89ad] {
  color: rgb(var(--background-type2-primary));
}
.time-line-stamp .icons .stamp-tips .tips-content[data-v-036d89ad]::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  top: 50%;
  border-radius: 50%;
  z-index: -1;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}
.time-line-stamp .icons:hover .stamp-tips[data-v-036d89ad] {
  display: flex;
}
.time-line-stamp .stamp-content-home[data-v-036d89ad] {
  position: absolute;
  bottom: 100%;
}
.time-line-stamp .stamp-content-home .stamp-icon[data-v-036d89ad] {
  bottom: 0.33333333rem;
}
.time-line-stamp .stamp-content-home .rect[data-v-036d89ad] {
  background: #B08AFF;
  width: 0.5rem;
  height: 0.16666667rem;
  position: absolute;
  bottom: 0px;
}
.time-line-stamp .stamp-content-home .tips-time[data-v-036d89ad] {
  background: #B08AFF;
}
.time-line-stamp .stamp-content-home .tips-dot[data-v-036d89ad]::before {
  background: #B08AFF;
}
.time-line-stamp .stamp-content-home .stamp-tips[data-v-036d89ad] {
  bottom: 0.66666667rem;
  transform: translateY(50%);
}
.time-line-stamp .stamp-content-away[data-v-036d89ad] {
  position: absolute;
}
.time-line-stamp .stamp-content-away .stamp-icon[data-v-036d89ad] {
  top: 0.33333333rem;
}
.time-line-stamp .stamp-content-away .rect[data-v-036d89ad] {
  background: rgb(var(--brand-secondary));
  width: 0.5rem;
  height: 0.16666667rem;
}
.time-line-stamp .stamp-content-away .tips-time[data-v-036d89ad] {
  background: rgb(var(--brand-secondary));
}
.time-line-stamp .stamp-content-away .tips-dot[data-v-036d89ad]::before {
  background: rgb(var(--brand-secondary));
}
.time-line-stamp .stamp-content-away .stamp-tips[data-v-036d89ad] {
  top: 0.66666667rem;
  transform: translateY(-50%);
}
.time-line-stamp-pc[data-v-036d89ad] {
  font-size: 14px;
}
.time-line-stamp-pc .icons[data-v-036d89ad] {
  width: 6px;
  height: 10px;
}
.time-line-stamp-pc .icons .yellow-card[data-v-036d89ad] {
  width: 6px;
  height: 8px;
  border-radius: 1px;
}
.time-line-stamp-pc .icons .red-card[data-v-036d89ad] {
  width: 6px;
  height: 8px;
  border-radius: 1px;
}
.time-line-stamp-pc .icons .score[data-v-036d89ad] {
  width: 8px;
  height: 8px;
}
.time-line-stamp-pc .icons > .score[data-v-036d89ad] {
  border-radius: 1px;
}
.time-line-stamp-pc .icons .stamp-tips-normal .tips-content[data-v-036d89ad] {
  padding-left: 4px;
  left: -9px;
}
.time-line-stamp-pc .icons .stamp-tips-reverse .tips-content[data-v-036d89ad] {
  padding-right: 4px;
  right: -9px;
}
.time-line-stamp-pc .icons .stamp-tips .tips-dot[data-v-036d89ad] {
  width: 18px;
  height: 18px;
}
.time-line-stamp-pc .icons .stamp-tips .tips-dot[data-v-036d89ad]::before {
  width: 6px;
  height: 6px;
}
.time-line-stamp-pc .icons .stamp-tips .tips-content[data-v-036d89ad] {
  font-size: 8px;
}
.time-line-stamp-pc .icons .stamp-tips .tips-content .tips-info[data-v-036d89ad] {
  margin: 4px 8px;
}
.time-line-stamp-pc .icons .stamp-tips .tips-content .tips-time[data-v-036d89ad] {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  margin: 4px 8px;
}
.time-line-stamp-pc .icons .stamp-tips .tips-content[data-v-036d89ad]::before {
  width: 18px;
  height: 18px;
}
.time-line-stamp-pc .stamp-content-home .stamp-icon[data-v-036d89ad] {
  bottom: 4px;
}
.time-line-stamp-pc .stamp-content-home .rect[data-v-036d89ad] {
  width: 6px;
  height: 2px;
}
.time-line-stamp-pc .stamp-content-home .stamp-tips[data-v-036d89ad] {
  bottom: 8px;
}
.time-line-stamp-pc .stamp-content-away .stamp-icon[data-v-036d89ad] {
  top: 4px;
}
.time-line-stamp-pc .stamp-content-away .rect[data-v-036d89ad] {
  width: 6px;
  height: 2px;
}
.time-line-stamp-pc .stamp-content-away .stamp-tips[data-v-036d89ad] {
  top: 8px;
}

.virtual-match-tracker[data-v-0ef6f534] {
  background: rgb(var(--background-type2-primary));
  color: rgb(var(--text-type2-primary));
  position: relative;
  width: 100%;
}
.virtual-match-tracker .loading-block[data-v-0ef6f534] {
  background: rgb(var(--brand-tertiary));
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.virtual-match-tracker .out-invisiable[data-v-0ef6f534] {
  left: 200vw;
  position: fixed;
  width: 100%;
}
.virtual-match-tracker .versus-title[data-v-0ef6f534] {
  align-items: center;
  border-top: 1px solid rgb(var(--line-type1-tertiary));
  display: flex;
  height: 3.08333333rem;
  justify-content: space-between;
  padding: 0 1.33333333rem;
}
.virtual-match-tracker .versus-title .time[data-v-0ef6f534] {
  background: #2C3039;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  color: rgb(var(--text-type2-secondary));
  font-size: 1rem;
  line-height: 1.16666667rem;
  padding: 0 0.66666667rem;
  text-align: center;
}
.virtual-match-tracker .versus-title .score[data-v-0ef6f534] {
  font-size: 1.33333333rem;
  text-align: center;
}
.virtual-match-tracker .versus-title .team-top-block[data-v-0ef6f534] {
  align-items: center;
  display: flex;
}
.virtual-match-tracker .versus-title .team-top-icon[data-v-0ef6f534] {
  width: 2.16666667rem;
}
.virtual-match-tracker .versus-title .team-top-name[data-v-0ef6f534] {
  font-size: 1.08333333rem;
  padding: 0 0.66666667rem;
}
.virtual-match-tracker .time-line[data-v-0ef6f534] {
  border-bottom: 1px solid rgb(var(--line-type1-tertiary));
  border-top: 1px solid rgb(var(--line-type1-tertiary));
  font-size: 1rem;
  overflow-x: clip;
  text-align: center;
}
.virtual-match-tracker .time-line .time-point[data-v-0ef6f534] {
  color: rgb(var(--text-type2-tertiary));
  margin-top: 0.66666667rem;
  table-layout: fixed;
  width: 95.7%;
}
.virtual-match-tracker .time-line .time-point th[data-v-0ef6f534] {
  transform: translateX(50%);
}
.virtual-match-tracker .time-line .time-point th[data-v-0ef6f534]:last-child {
  text-align: right;
  transform: unset;
}
.virtual-match-tracker .time-line .event-point[data-v-0ef6f534] {
  margin: auto;
  margin-bottom: 1.08333333rem;
  position: relative;
  width: calc(100% -  2.66666667rem );
}
.virtual-match-tracker .time-line .event-point .progress[data-v-0ef6f534] {
  left: 10.2%;
  position: absolute;
  top: 50%;
  width: 89.6%;
}
.virtual-match-tracker .time-line .event-point .progress .progress-line[data-v-0ef6f534] {
  background: #B08AFF;
  height: 1px;
  position: absolute;
  width: 0%;
}
.virtual-match-tracker .time-line .event-point .progress .progress-dot[data-v-0ef6f534] {
  background: #FFFFFF;
  border: 4px solid #B08AFF;
  border-radius: 50%;
  height: 1.66666667rem;
  left: 0%;
  position: absolute;
  transform: translate(-50%, -50%) scale(0.25);
  transform-origin: center;
  width: 1.66666667rem;
}
.virtual-match-tracker .time-line .event-point .time-table[data-v-0ef6f534] {
  table-layout: fixed;
  width: 100%;
}
.virtual-match-tracker .time-line .event-point .time-table td[data-v-0ef6f534] {
  border: 1px solid rgb(var(--line-type1-tertiary));
  height: 1.25rem;
  line-height: normal;
}
.virtual-match-tracker .time-line .event-point .time-table tr:first-child .team-name[data-v-0ef6f534] {
  vertical-align: top;
}
.virtual-match-tracker .time-line .event-point .time-table tr:first-child td[data-v-0ef6f534] {
  border-top: unset;
}
.virtual-match-tracker .time-line .event-point .time-table tr:last-child .team-name[data-v-0ef6f534] {
  vertical-align: bottom;
}
.virtual-match-tracker .time-line .event-point .time-table tr:last-child td[data-v-0ef6f534] {
  border-bottom: unset;
}
.virtual-match-tracker .time-line .event-point .time-table .team-name[data-v-0ef6f534] {
  border-left: unset;
  color: rgb(var(--text-type2-primary));
  width: 2.71666667rem;
}
.virtual-match-tracker .bottom-menu[data-v-0ef6f534] {
  color: rgb(var(--brand-type3-secondary));
  display: flex;
}
.virtual-match-tracker .bottom-menu > div[data-v-0ef6f534] {
  border-bottom: 1px solid rgb(var(--line-type1-tertiary));
  line-height: 34px;
  text-align: center;
  width: 50%;
}
.virtual-match-tracker .bottom-menu .active[data-v-0ef6f534] {
  border-bottom: 2px solid rgb(var(--brand-type3-secondary));
}
.virtual-match-tracker .main-container[data-v-0ef6f534] {
  overflow-y: scroll;
}
.virtual-match-tracker-pc[data-v-0ef6f534] {
  font-size: 14px;
}
.virtual-match-tracker-pc .versus-title[data-v-0ef6f534] {
  height: 37px;
  padding: 0 16px;
}
.virtual-match-tracker-pc .versus-title .time[data-v-0ef6f534] {
  font-size: 12px;
  line-height: 14px;
  padding: 0 8px;
}
.virtual-match-tracker-pc .versus-title .score[data-v-0ef6f534] {
  font-size: 16px;
}
.virtual-match-tracker-pc .versus-title .team-top-icon[data-v-0ef6f534] {
  width: 26px;
}
.virtual-match-tracker-pc .versus-title .team-top-name[data-v-0ef6f534] {
  font-size: 13px;
  padding: 0 8px;
}
.virtual-match-tracker-pc .time-line[data-v-0ef6f534] {
  font-size: 12px;
}
.virtual-match-tracker-pc .time-line .time-point[data-v-0ef6f534] {
  margin: auto;
  margin-top: 8px;
  table-layout: auto;
  width: calc(100% -  33px );
}
.virtual-match-tracker-pc .time-line .time-point .first-time-point[data-v-0ef6f534] {
  width: 33px;
}
.virtual-match-tracker-pc .time-line .event-point[data-v-0ef6f534] {
  margin-bottom: 13px;
  width: calc(100% -  33px );
}
.virtual-match-tracker-pc .time-line .event-point .progress[data-v-0ef6f534] {
  left: 33px;
  width: calc(100% -  33px );
}
.virtual-match-tracker-pc .time-line .event-point .progress .progress-dot[data-v-0ef6f534] {
  height: 20px;
  width: 20px;
}
.virtual-match-tracker-pc .time-line .event-point .time-table td[data-v-0ef6f534] {
  height: 15px;
}
.virtual-match-tracker-pc .time-line .event-point .time-table .team-name[data-v-0ef6f534] {
  width: 33px;
}

.button[data-v-7f8c63be] {
  border-color: rgb(var(--brand-secondary));
  border-radius: 0.16666667rem;
  font-size: 1.33333333rem;
  padding: 1.25rem 1.16666667rem;
  width: 100%;
}
.button.secondary[data-v-7f8c63be],
.button .secondary[data-v-7f8c63be]:focus {
  background-color: rgb(var(--brand-tertiary)) !important;
  border-width: 0.08333333rem;
  color: rgb(var(--brand-secondary)) !important;
}

.wht-tax-info-container[data-v-b255e8be] {
  color: rgb(var(--text-type1-primary));
  font-family: Roboto, sans-serif;
  padding: 0 1.66666667rem 1.66666667rem 1.66666667rem;
  white-space: pre-wrap;
}
.wht-tax-info-container .title[data-v-b255e8be] {
  font-size: 1.33333333rem;
  font-weight: bold;
  text-align: center;
}
.wht-tax-info-container .content[data-v-b255e8be] {
  font-size: 1rem;
  width: 100%;
}
.wht-tax-info-container .mb-20[data-v-b255e8be] {
  margin-bottom: 1.66666667rem;
}
.wht-tax-info-container .mb-12[data-v-b255e8be] {
  margin-bottom: 1rem;
}

.cms-dialog-content.m-wd-pop-cfm {
  box-sizing: border-box;
  padding-top: 1.33333333rem;
}
.cms-dialog-content.m-wd-pop-cfm .body {
  padding: 0;
}
.cms-dialog-content.m-wd-pop-cfm .f-main {
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
  margin-bottom: 1.5rem;
  padding: 0 1.33333333rem;
}
.cms-dialog-content.m-wd-pop-cfm .f-line {
  align-self: center;
  display: grid;
  grid-template-columns: 11.25rem 1fr;
  height: 1.66666667rem;
  line-height: 1.66666667rem;
  width: 100%;
}
.cms-dialog-content.m-wd-pop-cfm .f-line.with-bottom-line {
  border-bottom: 1px solid rgb(var(--disable-brand-secondary));
  margin-bottom: 1.33333333rem;
  padding-bottom: 1.33333333rem;
}
.cms-dialog-content.m-wd-pop-cfm .i-label,
.cms-dialog-content.m-wd-pop-cfm .i-value {
  display: table-cell;
  vertical-align: middle;
}
.cms-dialog-content.m-wd-pop-cfm .i-label {
  color: rgb(var(--text-type1-secondary));
  width: 12.08333333rem;
}
.cms-dialog-content.m-wd-pop-cfm .i-label.text-color-primary {
  color: rgb(var(--text-type1-primary));
}
.cms-dialog-content.m-wd-pop-cfm .i-value {
  box-sizing: border-box;
  flex: 1;
  min-width: 1%;
  padding-left: 0.41666667rem;
  text-align: right;
}
.cms-dialog-content.m-wd-pop-cfm .wht-tip {
  color: rgb(var(--text-type1-secondary));
  line-height: 1.75rem;
}
.cms-dialog-content.m-wd-pop-cfm .f-btn-wrapper {
  display: flex;
  font-size: 0;
  margin-top: 1.5rem;
  width: 100%;
}
.cms-dialog-content.m-wd-pop-cfm .af-button {
  border: none;
  border-radius: 0;
  font-size: 1.33333333rem;
  font-weight: bold;
  height: 4rem;
  vertical-align: bottom;
}
.cms-dialog-content.m-wd-pop-cfm .af-button--primary {
  background-color: rgb(var(--brand-secondary));
  min-width: 74%;
}
.cms-dialog-content.m-wd-pop-cfm .af-button--info {
  background-color: rgb(var(--btn-bookbet));
  color: rgb(var(--brand-tertiary));
  font-weight: normal;
  width: 26%;
}
.cms-dialog-content.m-wd-pop-cfm .font-size-large {
  font-size: 1.66666667rem;
}
.cms-dialog-content.m-wd-pop-cfm .mb-16 {
  margin-bottom: 1.33333333rem;
}
.cms-dialog-content.m-wd-pop-cfm .ml-4 {
  margin-left: 0.33333333rem;
}

.m-dialog-wrapper {
  box-sizing: border-box;
  padding-bottom: 1.66666667rem;
  width: 100%;
}
.m-dialog-wrapper .m-pop-main {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  line-height: 1.66666667rem;
  margin-bottom: 2.33333333rem;
}
.m-dialog-wrapper .m-btn-wrapper {
  box-sizing: border-box;
  padding: 0 1.08333333rem;
  text-align: right;
  width: 100%;
}
.m-dialog-wrapper .m-btn-wrapper .af-button {
  font-size: 1.16666667rem;
  font-weight: bold;
}
.m-dialog-wrapper .af-button--text {
  color: rgb(var(--brand-secondary));
  padding-right: 1.5rem;
}
.m-dialog-wrapper .af-button--primary {
  background: rgb(var(--brand-secondary));
  border: none;
  border-radius: 0.16666667rem;
  color: rgb(var(--brand-tertiary));
  height: 3rem;
  margin-left: 0.83333333rem;
  width: 10rem;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-wd-gh-index {
  box-sizing: border-box;
  padding: 1.33333333rem 1.33333333rem 0.58333333rem;
  width: 100%;
}
.m-wd-gh-index .m-icon-tips {
  color: rgb(var(--brand-secondary));
}
.m-wd-gh-index .m-icon-tips::before {
  content: "\e65a";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-wd-gh-index .m-icon-tips::before {
  font-size: 1.33333333rem;
  line-height: 1;
}
.m-wd-gh-index .m-icon-usr {
  background: rgba(var(--brand-secondary), 40%);
  border-radius: 0.25rem;
  display: inline-block;
  height: 1.83333333rem;
  text-align: center;
  width: 1.83333333rem;
}
.m-wd-gh-index .m-icon-usr::before {
  content: "\e639";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-wd-gh-index .m-icon-usr::before {
  color: rgb(var(--brand-tertiary));
  font-size: 1.25rem;
  line-height: 1.83333333rem;
}
.m-wd-gh-index .m-input-wap-wrapper {
  border-color: rgb(var(--text-type1-secondary));
  border-radius: 0.16666667rem;
  box-sizing: border-box;
  font-size: 1.16666667rem;
  padding: 0.5rem 0;
}
.m-wd-gh-index .m-input-wap-wrapper .m-cCode {
  display: none;
}
.m-wd-gh-index .m-input-wap-wrapper .m-input-wap-prepend {
  box-sizing: border-box;
  padding: 0 0 0 1rem;
}
.m-wd-gh-index .m-input-wap-wrapper .m-input-wap {
  height: 3rem;
  line-height: 3rem;
  padding: 0;
}
.m-wd-gh-index .m-input-wap-wrapper .m-input-wap.on {
  height: 1.66666667rem;
  line-height: 1.66666667rem;
}
.m-wd-gh-index .m-input-wap-wrapper .m-input-transform {
  box-sizing: border-box;
  padding: 0 0 0 1rem;
  position: relative;
}
.m-wd-gh-index .m-input-wap-wrapper .m-input-transform .m-input-transform-text {
  box-sizing: border-box;
  font-size: 0.83333333rem;
  height: 1.33333333rem;
  line-height: 1rem;
  margin-bottom: 0;
  padding-bottom: 0.33333333rem;
}
.m-wd-gh-index .m-input-wap-wrapper .m-input-wap-icon {
  z-index: 22;
}
.m-wd-gh-index .m-input-wap-wrapper .m-input-wap-icon {
  width: 2.91666667rem;
}
.m-wd-gh-index .m-input-wap-wrapper .m-input-wap-icon::before {
  font-size: 1.33333333rem;
}
.m-wd-gh-index .m-input-wap-wrapper--active {
  border-color: rgb(var(--brand-secondary)) !important;
}
.m-wd-gh-index .m-input-wap-wrapper--active .m-cCode {
  box-sizing: border-box;
  color: rgb(var(--text-type1-secondary));
  display: inline-block;
  font-size: 1.16666667rem;
  font-weight: 500;
  height: 1.5rem;
  left: 1rem;
  line-height: 1.5rem;
  padding-right: 0.5rem;
  position: absolute;
}
.m-wd-gh-index .m-input-wap-wrapper--active .m-cCode + .m-input-wap {
  padding-left: 3.16666667rem;
}
.m-wd-gh-index .m-input-wap-wrapper--active .m-input-transform {
  box-sizing: border-box;
  padding-bottom: 0.16666667rem;
}
.m-wd-gh-index .m-input-wap-wrapper--active .m-input-transform .m-input-wap,
.m-wd-gh-index .m-input-wap-wrapper--active .m-input-transform .m-input-wap {
  height: 1.5rem;
  line-height: 1.5rem;
}
.m-wd-gh-index .wd-bank .m-desc {
  color: rgb(var(--text-type1-secondary));
  font-size: 0.83333333rem;
  line-height: 0.91666667rem;
  margin: 0.83333333rem 0 0.58333333rem;
}
.m-wd-gh-index .wd-bank .m-t-light {
  color: #3656A3;
}
.m-wd-gh-index .wd-bank-static {
  align-items: center;
  border: 1px solid rgb(var(--text-type1-secondary));
  border-radius: 0.16666667rem;
  box-sizing: border-box;
  grid-template-columns: 2rem 1fr 5.66666667rem;
  margin-bottom: 1rem;
  padding: 1.33333333rem 1rem;
}
.m-wd-gh-index .wd-bank-static .bank-static-prepend,
.m-wd-gh-index .wd-bank-static .bank-static-name,
.m-wd-gh-index .wd-bank-static .bank-switch {
  display: table-cell;
  vertical-align: middle;
}
.m-wd-gh-index .wd-bank-static .bank-static-name,
.m-wd-gh-index .wd-bank-static .bank-switch {
  font-size: 1.16666667rem;
  line-height: 1;
}
.m-wd-gh-index .wd-bank-static .bank-static-prepend {
  height: 1.33333333rem;
  width: 2rem;
}
.m-wd-gh-index .wd-bank-static .bank-static-prepend > img {
  height: 100%;
  width: 100%;
}
.m-wd-gh-index .wd-bank-static .bank-static-name {
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  padding-left: 1rem;
}
.m-wd-gh-index .wd-bank-static .bank-switch {
  width: 5.66666667rem;
}
.m-wd-gh-index .wd-bank-static .bank-switch > span {
  color: rgb(var(--brand-secondary));
  margin-right: 0.83333333rem;
}
.m-wd-gh-index .wd-bank-static .bank-static-arrow {
  color: rgb(var(--text-type1-secondary));
}
.m-wd-gh-index .wd-bank-static .bank-static-arrow::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-wd-gh-index .wd-bank-static .bank-static-arrow::before {
  color: rgb(var(--text-type1-primary));
}
.m-wd-gh-index .wd-bank-static .bank-static-arrow::before {
  display: inline-block;
  transform: rotate(90deg);
}
.m-wd-gh-index .wd-bank-static .bank-static-arrow::before {
  font-size: 0.83333333rem;
  line-height: 1;
}
.m-wd-gh-index .refresh-container {
  text-align: center;
}
.m-wd-gh-index .refresh-container .error-text {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  margin-top: 4.16666667rem;
  text-align: center;
}
.m-wd-gh-index .refresh-container .refresh-banks {
  background-color: rgb(var(--brand-secondary));
  border: none;
  margin-top: 3.33333333rem;
  width: 10rem;
}
.m-wd-gh-index .wd-footer .balance-container {
  line-height: 1.5rem;
  margin-bottom: 0.66666667rem;
  text-align: right;
}
.m-wd-gh-index .wd-footer .balance-container .balance-text {
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  font-size: 1rem;
  margin-left: 0.66666667rem;
  vertical-align: middle;
}
.m-wd-gh-index .wd-footer .wd-amount {
  box-sizing: border-box;
  padding: 0.66666667rem 0;
}
.m-wd-gh-index .wd-footer .wd-amount .amount-prepend {
  font-size: 1.16666667rem;
  font-weight: 500;
  line-height: 1.16666667rem;
}
.m-wd-gh-index .wd-footer .wd-amount .m-input-wap-icon + .m-input-wap {
  height: 2.66666667rem;
  padding-right: 2.91666667rem;
  text-align: right;
}
.m-wd-gh-index .wd-footer .wd-submit {
  border: none;
  height: 4rem;
  margin-bottom: 0.5rem;
  width: 100%;
}
.m-wd-gh-index .m-tips {
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
  line-height: 1.16666667rem;
  margin-bottom: 0.83333333rem;
}
.m-wd-gh-index .error-msg {
  color: rgb(var(--warning-primary));
  font-size: 0.83333333rem;
  line-height: 1.66666667rem;
  margin-top: 0.16666667rem;
  min-height: 1.66666667rem;
  text-align: left;
}
.m-wd-gh-index .withdrawable-text-wrapper {
  align-items: center;
  color: rgb(var(--text-type1-primary));
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}
.m-wd-gh-index .withdrawable-text-wrapper .m-icon-help {
  margin-right: 0.41666667rem;
}
.m-wd-gh-index .withdrawable-text-wrapper .m-icon-help::before {
  content: '\e686';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-wd-gh-index .withdrawable-text-wrapper .m-icon-help::before {
  color: rgb(var(--text-type1-primary));
}
.m-wd-gh-index .withdrawable-text-wrapper .m-icon-help:active,
.m-wd-gh-index .withdrawable-text-wrapper .m-icon-help:hover {
  color: rgb(var(--brand-secondary));
}

#image-pop[data-v-1543e504] {
  font-family: Roboto, sans-serif;
  max-height: 85vh;
  overflow: auto;
  padding: 2.66666667rem 2.5rem;
  text-align: center;
}
#image-pop[data-v-1543e504] > :not(:last-child) {
  margin-bottom: 1.33333333rem;
}
#image-pop .status-img[data-v-1543e504] {
  max-height: 9.16666667rem;
}
#image-pop .title[data-v-1543e504] {
  color: rgb(var(--text-type1-tertiary));
  font-size: 1.33333333rem;
  font-weight: 700;
}
#image-pop .context[data-v-1543e504] {
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
}
#image-pop .context ul[data-v-1543e504] {
  margin-bottom: 2rem;
}
#image-pop .context ul li[data-v-1543e504] {
  font-size: 1rem;
  line-height: 1.16666667rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
  position: relative;
  text-align: left;
}
#image-pop .context ul li[data-v-1543e504]::before {
  content: '•';
  font-size: 2rem;
  left: -1.33333333rem;
  position: absolute;
}
#image-pop .context strong[data-v-1543e504] {
  color: #0D9737;
}
#image-pop .btn[data-v-1543e504] {
  font-size: 1.16666667rem;
  margin-bottom: 2.16666667rem;
  padding-bottom: 1.16666667rem;
  padding-top: 1.16666667rem;
  width: 100%;
}

[data-v-201dd916]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-notification[data-v-201dd916] {
  padding: 0.83333333rem;
  position: relative;
}
.m-notification--info[data-v-201dd916] {
  background: #4D5FAE;
  padding-left: 3.5rem;
}
.m-notification--tip[data-v-201dd916] {
  background: rgb(var(--brand-tertiary)) !important;
  padding-left: 3.5rem;
}
.m-notification .m-text[data-v-201dd916] {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.17;
}
.m-icon-notification[data-v-201dd916] {
  left: 0.83333333rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.m-icon-notification--info[data-v-201dd916] {
  transform: translateY(-50%) rotate(180deg);
}
.m-icon-notification--info[data-v-201dd916]::before {
  content: '\e652';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-notification--info[data-v-201dd916]::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-notification--info[data-v-201dd916]::before {
  color: #FFFFFF;
  font-size: 1.66666667rem;
}
.m-icon-notification--tip[data-v-201dd916]::before {
  content: "\e65a";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-notification--tip[data-v-201dd916]::before {
  color: #FFFFFF;
  font-size: 1.66666667rem;
}

.m-keyboard[data-v-4d0211e0] {
  margin-top: 0.41666667rem;
  outline: none;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
}
.m-keyboard .m-keyboard-row[data-v-4d0211e0] {
  display: flex;
}
.m-keyboard .m-keyboard-row .m-keyboard-key[data-v-4d0211e0] {
  background-color: rgb(var(--background-type2-secondary));
  box-shadow: -1px -1px 0 0 rgb(var(--background-type1-tertiary));
  color: rgb(var(--text-type2-primary));
  flex: 1;
  padding: 0.83333333rem 0;
  text-align: center;
}
.m-keyboard .m-keyboard-row .m-keyboard-key[data-v-4d0211e0]:last-child {
  flex: 2;
}
.m-keyboard .m-keyboard-row .m-keyboard-key[data-v-4d0211e0]:active {
  background-color: #50545F;
}
.m-keyboard .m-keyboard-row .m-keyboard-done[data-v-4d0211e0] {
  background-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.m-keyboard .m-keyboard-row .m-keyboard-done[data-v-4d0211e0]:active {
  background-color: rgb(var(--highlight-focus));
}

.ng-deposit.m-input-keyboard-wrapper .m-input-wrapper {
  display: block;
}
.ng-deposit.m-input-keyboard-wrapper .m-error-info {
  padding: 0.25rem 1.33333333rem;
}
.ng-deposit.m-input-keyboard-wrapper .m-error-info > p {
  color: rgb(var(--warning-primary));
  font-size: 0.83333333rem;
  text-align: right;
}
.ng-deposit.m-input-keyboard-wrapper .m-keybord-input {
  border: 1px solid rgb(var(--text-type1-secondary));
  border-radius: 0.25rem;
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  height: 2.33333333rem;
  line-height: 2.33333333rem;
  outline: none;
  padding: 0 0.83333333rem;
  position: relative;
  -webkit-tap-highlight-color: #000000;
  text-align: left;
  width: 7.5rem;
}
.ng-deposit.m-input-keyboard-wrapper .m-keybord-input.m-input-focus {
  border-color: rgb(var(--brand-secondary));
}
.ng-deposit.m-input-keyboard-wrapper .m-keybord-input.m-input--placeholder {
  color: rgb(var(--text-disable-type1-primary));
}
.ng-deposit.m-input-keyboard-wrapper .m-keybord-input.m-input-err {
  border-color: rgb(var(--warning-primary));
}

.deposit-pin-verify .pin-message {
  color: rgb(var(--text-type1-primary));
  font-size: 1.33333333rem;
  line-height: 1.5;
  text-align: left;
}
.deposit-pin-verify .pin {
  margin-top: 1.83333333rem;
  width: 100%;
}
.deposit-pin-verify .pin.m-input-wap-wrapper .m-input-wap {
  height: 3.66666667rem;
}
.deposit-pin-verify .pin .m-keybord-input {
  box-sizing: border-box;
  font-size: 14px;
  height: 3.5rem;
  line-height: 3.5rem;
  width: 100%;
}
.deposit-pin-verify .error-msg {
  color: rgb(var(--warning-primary));
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 1.25rem;
  margin-top: 0.16666667rem;
  min-height: 12px;
  text-align: left;
}
.deposit-pin-verify .submit {
  background-color: rgb(var(--brand-secondary));
  border: none;
  height: 3.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
  width: 100%;
}

.deposit-otp-verify .otp-message {
  color: rgb(var(--text-type1-primary));
  font-size: 1.33333333rem;
  line-height: 1.5;
  text-align: left;
}
.deposit-otp-verify .otp {
  margin-top: 1.33333333rem;
  width: 100%;
}
.deposit-otp-verify .otp.m-input-wap-wrapper .m-input-wap {
  height: 3.66666667rem;
}
.deposit-otp-verify .error-msg {
  color: rgb(var(--warning-primary));
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 1rem;
  margin-top: 0.16666667rem;
  min-height: 12px;
  text-align: left;
}
.deposit-otp-verify .submit {
  background-color: rgb(var(--brand-secondary));
  border: none;
  height: 3.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
  width: 100%;
}

.deposit-otp-verify .otp-message {
  color: rgb(var(--text-type1-primary));
  font-size: 1.33333333rem;
  line-height: 1.5;
  text-align: left;
}
.deposit-otp-verify .otp {
  margin-top: 1.33333333rem;
  width: 100%;
}
.deposit-otp-verify .otp.m-input-wap-wrapper .m-input-wap {
  height: 3.66666667rem;
}
.deposit-otp-verify .error-msg {
  color: rgb(var(--warning-primary));
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 1rem;
  margin-top: 0.16666667rem;
  min-height: 12px;
  text-align: left;
}
.deposit-otp-verify .submit {
  background-color: rgb(var(--brand-secondary));
  border: none;
  height: 3.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
  width: 100%;
}
.deposit-otp-verify .m-input-wap-wrapper--active {
  border: 1px solid rgb(var(--brand-secondary));
}

.deposit-phone-verify .phone-message {
  color: rgb(var(--text-type1-primary));
  font-size: 1.33333333rem;
  line-height: 1.5;
  text-align: left;
}
.deposit-phone-verify .phone {
  margin-top: 1.83333333rem;
  width: 100%;
}
.deposit-phone-verify .phone.m-input-wap-wrapper .m-input-wap {
  height: 3.66666667rem;
}
.deposit-phone-verify .error-msg {
  color: rgb(var(--warning-primary));
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 1.25rem;
  margin-top: 0.16666667rem;
  min-height: 12px;
  text-align: left;
}
.deposit-phone-verify .submit {
  background-color: rgb(var(--brand-secondary));
  border: none;
  height: 3.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
  width: 100%;
}

.deposit-bank-auth.cms-dialog-content {
  width: 90% !important;
}
.deposit-bank-auth.es-dialog .es-dialog-body .es-dialog-main {
  padding: 0 0.83333333rem;
}
.deposit-bank-auth .auth-later {
  margin-bottom: 2.5rem;
  text-align: right;
}
.deposit-bank-auth .auth-later span {
  color: rgb(var(--brand-secondary));
  font-size: 16px;
  line-height: 19px;
}
.deposit-bank-auth .auth-title {
  color: rgb(var(--text-type1-primary));
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
.deposit-bank-auth .auth-message {
  color: rgb(var(--text-type1-primary));
  font-size: 16px;
  line-height: 1.5;
  padding: 1.375rem 0;
  text-align: center;
}
.deposit-bank-auth .auth-action {
  align-items: center;
  display: flex;
  justify-content: center;
}
.deposit-bank-auth .auth-action .auth-fail {
  background-color: rgb(var(--brand-tertiary));
  border: 1px solid rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
  flex: 1 1 auto;
  font-size: 14px;
  height: 4rem;
  margin-right: 0.83333333rem;
  width: 10.91666667rem;
}
.deposit-bank-auth .auth-action .auth-complete {
  background-color: rgb(var(--brand-secondary));
  border: 1px solid rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
  flex: 1 1 auto;
  font-size: 14px;
  height: 4rem;
  width: 14.91666667rem;
}
.deposit-bank-auth .auth-note {
  color: rgb(var(--text-type1-secondary));
  font-size: 12px;
  margin-bottom: 5.91666667rem;
  margin-top: 2.5rem;
  padding: 0 0.54166667rem;
}

.deposit-birth-verify .birth-message {
  color: rgb(var(--text-type1-primary));
  font-size: 1.33333333rem;
  line-height: 1.5;
  text-align: left;
}
.deposit-birth-verify .label-container {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}
.deposit-birth-verify .label-container .date-label {
  flex: 1;
  font-size: 1.16666667rem;
  line-height: 1.33333333rem;
  margin-right: 0.83333333rem;
  text-align: left;
}
.deposit-birth-verify .label-container .date-label:last-child {
  margin-right: 0;
}
.deposit-birth-verify .date-container {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 0.16666667rem;
}
.deposit-birth-verify .date-container .date-selector {
  background-color: rgb(var(--brand-tertiary));
  border: 1px solid rgb(var(--line-type1-primary));
  color: rgb(var(--text-type1-primary));
  flex: 1;
  height: 3.5rem;
  margin-right: 0.83333333rem;
}
.deposit-birth-verify .date-container .date-selector:last-child {
  margin-right: 0;
}
.deposit-birth-verify .error-msg {
  color: rgb(var(--warning-primary));
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 1.08333333rem;
  margin-top: 0.16666667rem;
  min-height: 12px;
  text-align: left;
}
.deposit-birth-verify .submit {
  background-color: rgb(var(--brand-secondary));
  border: none;
  height: 3.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
  width: 100%;
}

.deposit-token-verify .token-message {
  color: rgb(var(--text-type1-primary));
  font-size: 1.33333333rem;
  line-height: 1.5;
  text-align: left;
}
.deposit-token-verify .token {
  margin-top: 1.83333333rem;
  width: 100%;
}
.deposit-token-verify .token.m-input-wap-wrapper .m-input-wap {
  height: 3.66666667rem;
}
.deposit-token-verify .error-msg {
  color: rgb(var(--warning-primary));
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 1.25rem;
  margin-top: 0.16666667rem;
  min-height: 12px;
  text-align: left;
}
.deposit-token-verify .submit {
  background-color: rgb(var(--brand-secondary));
  border: none;
  height: 3.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
  width: 100%;
}

.deposit-account-verify .account-detail {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
  margin-top: 1.41666667rem;
}
.deposit-account-verify .account-detail .bank-icon {
  height: 20px;
}
.deposit-account-verify .account-message {
  color: rgb(var(--text-type1-primary));
  font-size: 1.33333333rem;
  line-height: 1.5;
  text-align: left;
}
.deposit-account-verify .account {
  margin-top: 1.33333333rem;
  width: 100%;
}
.deposit-account-verify .account.m-input-wap-wrapper .m-input-wap {
  height: 3.66666667rem;
}
.deposit-account-verify .error-msg {
  color: rgb(var(--warning-primary));
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 1.25rem;
  margin-top: 0.16666667rem;
  min-height: 12px;
  text-align: left;
}
.deposit-account-verify .submit {
  background-color: rgb(var(--brand-secondary));
  border: none;
  height: 3.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
  width: 100%;
}

.pd-ver-14 {
  padding-bottom: 1.16666667rem;
  padding-top: 1.16666667rem;
}
.pd-ver-16 {
  padding-bottom: 1.33333333rem;
  padding-top: 1.33333333rem;
}
.pd-ver-18 {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.pd-ver-24 {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.pd-hor-16 {
  padding-left: 1.33333333rem;
  padding-right: 1.33333333rem;
}
.pd-hor-24 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.pd-hor-32 {
  padding-left: 2.66666667rem;
  padding-right: 2.66666667rem;
}
.pd-t-20 {
  padding-top: 1.66666667rem;
}
.pd-t-40 {
  padding-top: 3.33333333rem;
}
.pd-b-20 {
  padding-bottom: 1.66666667rem;
}
.pd-b-24 {
  padding-bottom: 2rem;
}
.pd-l-20 {
  padding-left: 1.66666667rem;
}
.mg-hor-8 {
  margin-bottom: 0.66666667rem;
  margin-top: 0.66666667rem;
}
.mg-r-8 {
  margin-right: 0.66666667rem;
}
.mg-r-14 {
  margin-right: 1.16666667rem;
}
.mg-b-16 {
  margin-bottom: 1.33333333rem;
}
.mg-b-20 {
  margin-bottom: 1.66666667rem;
}
.mg-b-24 {
  margin-bottom: 2rem;
}
.mg-b-40 {
  margin-bottom: 3.33333333rem;
}
.size-12 {
  font-size: 1rem;
}
.size-14 {
  font-size: 1.16666667rem;
}
.size-16 {
  font-size: 1.33333333rem;
}
.size-22 {
  font-size: 1.83333333rem;
}
.bold {
  font-weight: bold;
}
.red {
  color: rgb(var(--warning-primary));
}
.green {
  color: rgb(var(--brand-secondary));
}
.white {
  color: #FFFFFF;
}
.br-b-gray {
  border-bottom: 1px solid rgb(var(--line-type1-primary));
}
.ln-h-1-14 {
  line-height: 1.14;
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.wd-100 {
  width: 100%;
}
.flex {
  display: flex;
}
.justify-between {
  justify-content: space-between;
}
.align-center {
  align-items: center;
}
.no-wrap {
  white-space: nowrap;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
#withdraw-pin-result-container {
  font-size: 1.16666667rem;
  height: 80vh;
  overflow: auto;
}
#withdraw-pin-result-container .icon-checked {
  color: rgb(var(--brand-secondary));
  line-height: 1;
}
#withdraw-pin-result-container .icon-checked::before {
  content: '\e60b';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#withdraw-pin-result-container .icon-checked::before {
  color: rgb(var(--text-type1-primary));
}
#withdraw-pin-result-container .icon-checked::before {
  font-size: 1.83333333rem;
}
#withdraw-pin-result-container .link {
  color: inherit;
  text-decoration: underline;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
@keyframes loading-rotate {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.m-pending-holding {
  text-align: center;
}
.m-pending-holding .m-holding-message {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  line-height: 1.5;
  margin: 0.5rem 2.08333333rem 0;
}
.m-pending-holding .m-holding-wrap {
  margin-top: 3.16666667rem;
}
.m-pending-holding .m-holding-wrap .m-holding-icon {
  animation: loading-rotate 1.2s linear infinite;
  display: inline-block;
}
.m-pending-holding .m-holding-wrap .m-holding-icon::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-pending-holding .m-holding-wrap .m-holding-icon::before {
  color: rgb(var(--brand-secondary));
  font-size: 2.5rem;
  line-height: 1;
  vertical-align: top;
}
.m-pending-holding .m-holding-footer {
  margin: 4.83333333rem auto 1.41666667rem;
}
.m-pending-holding .m-holding-footer .m-cancel-btn {
  color: rgb(var(--brand-secondary));
  font-size: 1.16666667rem;
}

#pin-usage-setting {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
}
#pin-usage-setting .icon-withdraw::before {
  content: "\e65f";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#pin-usage-setting .icon-withdraw::before {
  color: rgb(var(--text-type1-secondary));
  font-size: 1.83333333rem;
}
#pin-usage-setting .icon-deposit::before {
  content: "\e65e";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#pin-usage-setting .icon-deposit::before {
  color: rgb(var(--text-type1-secondary));
  font-size: 1.83333333rem;
}
#pin-usage-setting .icon-user::before {
  content: "\e639";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#pin-usage-setting .icon-user::before {
  background-color: rgb(var(--text-type1-secondary));
  border-radius: 4px;
  color: rgb(var(--text-type2-primary));
  font-size: 1.5rem;
  padding: 0.16666667rem;
}
#pin-usage-setting .icon-checked {
  color: rgb(var(--brand-secondary));
  line-height: 1;
}
#pin-usage-setting .icon-checked::before {
  content: '\e60b';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#pin-usage-setting .icon-checked::before {
  color: rgb(var(--brand-secondary));
}
#pin-usage-setting .icon-checked--disabled {
  color: rgb(var(--text-disable-type1-primary));
}
#pin-usage-setting .icon-checked--disabled::before {
  color: rgb(var(--text-disable-type1-primary));
}
#pin-usage-setting .icon-checked::before {
  font-size: 1.83333333rem;
}
#pin-usage-setting .empty-circle {
  border: 0.16666667rem solid rgb(var(--text-type1-secondary));
  border-radius: 50%;
  height: 1.5rem;
  line-height: 1;
  width: 1.5rem;
}
@media only screen and (max-width: 375px) and (max-width: 667px) {
#pin-usage-setting .se-size-12 {
    font-size: 1rem;
}
}
#pin-usage-setting .size-22 {
  font-size: 1.83333333rem;
}
#pin-usage-setting .size-16 {
  font-size: 1.33333333rem;
}
#pin-usage-setting .wd-100 {
  width: 100%;
}
#pin-usage-setting .wd-70 {
  width: 70%;
}
#pin-usage-setting .mg-r-12 {
  margin-right: 1rem;
}
#pin-usage-setting .mg-b-16 {
  margin-bottom: 1.33333333rem;
}
#pin-usage-setting .mg-b-24 {
  margin-bottom: 2rem;
}
#pin-usage-setting .mg-b-40 {
  margin-bottom: 3.33333333rem;
}
#pin-usage-setting .bold {
  font-weight: bold;
}
#pin-usage-setting .br-b-gray {
  border-bottom: 1px solid rgb(var(--line-type1-primary));
}
#pin-usage-setting .pd-ver-18 {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
#pin-usage-setting .pd-ver-14 {
  padding-bottom: 1.16666667rem;
  padding-top: 1.16666667rem;
}
#pin-usage-setting .flex {
  display: flex;
}
#pin-usage-setting .justify-between {
  justify-content: space-between;
}
#pin-usage-setting .align-center {
  align-items: center;
}
#pin-usage-setting .pointer {
  cursor: pointer;
}

.loading-icon-input[data-v-ac06d416] {
  animation: rotation-ac06d416 2s infinite linear;
  left: 21.41666667rem;
  position: absolute;
}
@keyframes rotation-ac06d416 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.pd-ver-14[data-v-ac06d416] {
  padding-bottom: 1.16666667rem;
  padding-top: 1.16666667rem;
}
.pd-ver-16[data-v-ac06d416] {
  padding-bottom: 1.33333333rem;
  padding-top: 1.33333333rem;
}
.pd-ver-18[data-v-ac06d416] {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.pd-ver-24[data-v-ac06d416] {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.pd-hor-16[data-v-ac06d416] {
  padding-left: 1.33333333rem;
  padding-right: 1.33333333rem;
}
.pd-hor-24[data-v-ac06d416] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.pd-hor-32[data-v-ac06d416] {
  padding-left: 2.66666667rem;
  padding-right: 2.66666667rem;
}
.pd-t-20[data-v-ac06d416] {
  padding-top: 1.66666667rem;
}
.pd-t-40[data-v-ac06d416] {
  padding-top: 3.33333333rem;
}
.pd-b-20[data-v-ac06d416] {
  padding-bottom: 1.66666667rem;
}
.pd-b-24[data-v-ac06d416] {
  padding-bottom: 2rem;
}
.pd-l-20[data-v-ac06d416] {
  padding-left: 1.66666667rem;
}
.mg-hor-8[data-v-ac06d416] {
  margin-bottom: 0.66666667rem;
  margin-top: 0.66666667rem;
}
.mg-r-8[data-v-ac06d416] {
  margin-right: 0.66666667rem;
}
.mg-r-14[data-v-ac06d416] {
  margin-right: 1.16666667rem;
}
.mg-b-16[data-v-ac06d416] {
  margin-bottom: 1.33333333rem;
}
.mg-b-20[data-v-ac06d416] {
  margin-bottom: 1.66666667rem;
}
.mg-b-24[data-v-ac06d416] {
  margin-bottom: 2rem;
}
.mg-b-40[data-v-ac06d416] {
  margin-bottom: 3.33333333rem;
}
.size-12[data-v-ac06d416] {
  font-size: 1rem;
}
.size-14[data-v-ac06d416] {
  font-size: 1.16666667rem;
}
.size-16[data-v-ac06d416] {
  font-size: 1.33333333rem;
}
.size-22[data-v-ac06d416] {
  font-size: 1.83333333rem;
}
.bold[data-v-ac06d416] {
  font-weight: bold;
}
.red[data-v-ac06d416] {
  color: rgb(var(--warning-primary));
}
.green[data-v-ac06d416] {
  color: rgb(var(--brand-secondary));
}
.white[data-v-ac06d416] {
  color: #FFFFFF;
}
.br-b-gray[data-v-ac06d416] {
  border-bottom: 1px solid rgb(var(--line-type1-primary));
}
.ln-h-1-14[data-v-ac06d416] {
  line-height: 1.14;
}
.right[data-v-ac06d416] {
  text-align: right;
}
.left[data-v-ac06d416] {
  text-align: left;
}
.center[data-v-ac06d416] {
  text-align: center;
}
.wd-100[data-v-ac06d416] {
  width: 100%;
}
.flex[data-v-ac06d416] {
  display: flex;
}
.justify-between[data-v-ac06d416] {
  justify-content: space-between;
}
.align-center[data-v-ac06d416] {
  align-items: center;
}
.no-wrap[data-v-ac06d416] {
  white-space: nowrap;
}
.text-ellipsis[data-v-ac06d416] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.fixed-wrapper[data-v-ac06d416] {
  background: rgb(var(--brand-tertiary));
}
.header[data-v-ac06d416] {
  display: flex;
  justify-content: space-between;
  padding: 0.83333333rem;
}
.icon-back[data-v-ac06d416] {
  padding: 0.83333333rem;
}
.icon-back[data-v-ac06d416]::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.icon-back[data-v-ac06d416]::before {
  color: rgb(var(--text-type1-primary));
}
.pointer[data-v-ac06d416] {
  cursor: pointer;
}
.close-icon[data-v-ac06d416] {
  color: rgb(var(--text-type1-secondary));
  padding: 0.83333333rem;
}
.close-icon[data-v-ac06d416]::before {
  content: '\e62c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.close-icon[data-v-ac06d416]::before {
  color: rgb(var(--text-type1-primary));
}
.close-icon.before[data-v-ac06d416] {
  font-size: 1.25rem;
}

.loading-icon-input {
  animation: rotation 2s infinite linear;
  left: 21.41666667rem;
  position: absolute;
}
@keyframes rotation {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
#choose-verify-way {
  font-family: Roboto;
  overflow: hidden;
  text-align: center;
}
#choose-verify-way .m-loading-wrap {
  background-color: inherit;
  min-height: initial;
}
#choose-verify-way .m-loading-wrap .m-loading .loading {
  background-color: inherit;
}
#choose-verify-way .list {
  color: rgb(var(--text-type1-primary));
  margin-bottom: 2rem;
  margin-top: 2.66666667rem;
  overflow: hidden auto;
  width: 100%;
}
#choose-verify-way .list .option {
  align-items: center;
  border-bottom: 1px solid rgb(var(--line-type1-primary));
  display: flex;
  justify-content: space-between;
  padding: 1.33333333rem 0;
}
#choose-verify-way .list .option span {
  flex: 1;
  text-align: left;
}
#choose-verify-way .list .option i {
  margin-right: 0.33333333rem;
}
#choose-verify-way .list .option i::before {
  color: rgb(var(--text-type1-secondary));
  font-size: 1.5rem;
}
#choose-verify-way .green {
  color: rgb(var(--brand-secondary));
}
#choose-verify-way .dark {
  color: rgb(var(--text-type1-primary));
}
#choose-verify-way .darkGray {
  color: rgb(var(--text-type1-secondary));
}
#choose-verify-way .size-14 {
  font-size: 1.16666667rem;
}
#choose-verify-way .size-22 {
  font-size: 1.83333333rem;
}
#choose-verify-way .mg-r-12 {
  margin-right: 1rem;
}
#choose-verify-way .bold {
  font-weight: 700;
}
#choose-verify-way .icon-sms::before {
  content: "\e6bd";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#choose-verify-way .icon-voice::before {
  content: "\e657";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#choose-verify-way .icon-voice::before {
  color: rgb(var(--text-type1-primary));
}
#choose-verify-way .icon-arrow-right::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#choose-verify-way .icon-arrow-right::before {
  color: rgb(var(--text-type1-primary));
}
#choose-verify-way .icon-arrow-right::before {
  display: inline-block;
  transform: rotate(90deg);
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.deposit-success {
  background-color: rgb(var(--brand-tertiary));
  box-sizing: border-box;
  min-height: 100vh;
  padding: 0 1.33333333rem;
  width: 100%;
}
.deposit-success .icon-container {
  padding-top: 5rem;
  text-align: center;
}
.deposit-success .success-msg {
  color: rgb(var(--text-type1-primary));
  font-size: 20px;
  font-weight: bold;
  line-height: 27px;
  margin-bottom: 2.91666667rem;
  margin-top: 1.66666667rem;
  text-align: center;
}
.deposit-success .success-line {
  background-color: rgb(var(--background-type1-primary));
  height: 0.33333333rem;
  margin-bottom: 2.33333333rem;
  width: 100%;
}
.deposit-success .success-form {
  align-items: center;
  color: rgb(var(--text-type1-primary));
  display: flex;
  justify-content: center;
}
.deposit-success .success-form .form-label {
  flex: 1;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}
.deposit-success .success-form .form-value {
  flex: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.deposit-success .success-form .form-value.icon {
  height: 20px;
  margin-right: 0.5rem;
}
.deposit-success .success-form .form-value.name {
  margin-right: 2rem;
}
.deposit-success .success-form.amount {
  margin-bottom: 1.33333333rem;
}
.deposit-success .success-form.payment {
  margin-bottom: 1.33333333rem;
}
.deposit-success .success-form.trade {
  margin-bottom: 4rem;
}
.deposit-success .static-button {
  align-items: center;
  background-color: rgb(var(--brand-secondary));
  border: none;
  color: rgb(var(--brand-tertiary));
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 4rem;
  justify-content: center;
  margin-bottom: 1.33333333rem;
  width: 100%;
}
.deposit-success .check-transaction-container {
  align-items: center;
  display: flex;
  justify-content: center;
}
.deposit-success .check-transaction-container .check-transaction {
  color: rgb(var(--brand-secondary));
  flex: 0;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
}
.deposit-success .check-transaction-container .icon-right {
  color: rgb(var(--brand-secondary));
  flex: 0;
  font-size: 16px;
  margin-left: 0.83333333rem;
}
.deposit-success .check-transaction-container .icon-right::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.deposit-success .check-transaction-container .icon-right::before {
  color: rgb(var(--text-type1-primary));
}
.deposit-success .check-transaction-container .icon-right::before {
  display: inline-block;
  transform: rotate(90deg);
}
.deposit-success .check-transaction-container .icon-right:before {
  vertical-align: middle;
}
.deposit-success .gift-banner-img {
  margin-top: 1.33333333rem;
  width: 100%;
}

[data-v-20989004]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.mask[data-v-20989004] {
  align-items: center;
  background-color: rgba(var(--absolute-type1), 0.5);
  display: flex;
  height: var(--58a35a9a);
  justify-content: center;
  position: fixed;
  width: 100%;
  z-index: 700;
}
.mask .body[data-v-20989004] {
  background-color: rgb(var(--background-type1-primary));
  padding: 2rem 1.5rem;
  text-align: center;
  width: 70%;
}
.mask .body .title[data-v-20989004] {
  color: rgb(var(--text-type1-primary));
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 2rem;
}
.mask .body .content[data-v-20989004] {
  color: rgb(var(--text-type1-primary));
  font-size: 14px;
}
.mask .body .content[data-v-20989004]:last-of-type {
  margin-bottom: 2.33333333rem;
}
.mask .body .action[data-v-20989004] {
  display: flex;
  gap: 0.83333333rem;
}
.mask .body .action button[data-v-20989004] {
  all: unset;
  display: block;
  flex: 1;
  font-weight: 500;
  height: 4rem;
  text-align: center;
}
.mask .body .action button[data-v-20989004]::first-letter {
  text-transform: uppercase;
}
.mask .body .action .cancel[data-v-20989004] {
  border: 1px solid rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.mask .body .action .confirm[data-v-20989004] {
  background-color: rgb(var(--brand-secondary));
  border: 1px solid transparent;
  color: rgb(var(--background-type1-primary));
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-icon-football::before,
.m-icon-soccer::before {
  content: '\e608';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-football::before,
.m-icon-soccer::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--basketball::before,
.m-icon-basketball::before {
  content: '\e601';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--basketball::before,
.m-icon-basketball::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--tennis::before,
.m-icon-tennis::before {
  content: '\e61d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--tennis::before,
.m-icon-tennis::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--rugby::before,
.m-icon-rugby::before {
  content: '\e615';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--rugby::before,
.m-icon-rugby::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--cricket::before,
.m-icon-cricket::before {
  content: '\e605';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--cricket::before,
.m-icon-cricket::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--volleyball::before,
.m-icon-volleyball::before {
  content: "\e610";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--volleyball::before,
.m-icon-volleyball::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon--iceHockey::before,
.m-icon-iceHockey::before {
  content: '\e618';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--iceHockey::before,
.m-icon-iceHockey::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--handball::before,
.m-icon-handball::before {
  content: '\e61f';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--handball::before,
.m-icon-handball::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon--darts::before,
.m-icon-darts::before {
  content: '\e60e';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--darts::before,
.m-icon-darts::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--beachVolleyball::before,
.m-icon-beachVolley::before {
  content: "\e66b";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--beachVolleyball::before,
.m-icon-beachVolley::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--tableTennis::before,
.m-icon-tableTennis::before {
  content: '\e61e';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--tableTennis::before,
.m-icon-tableTennis::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon--eSports::before,
.m-icon-eSports::before {
  content: "\e6b5";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--dota::before,
.m-icon-dota::before {
  content: '\e61b';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--dota::before,
.m-icon-dota::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--cs-go::before,
.m-icon-cs-go::before {
  content: '\e612';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--cs-go::before,
.m-icon-cs-go::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--lol::before,
.m-icon-lol::before {
  content: '\e611';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--lol::before,
.m-icon-lol::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon--badminton::before,
.m-icon-badminton::before {
  content: '\e602';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--badminton::before,
.m-icon-badminton::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--baseball::before,
.m-icon-baseball::before {
  content: '\e607';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--baseball::before,
.m-icon-baseball::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-boxing::before {
  content: '\e60d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-boxing::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-americanFootball::before {
  content: '\e604';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-americanFootball::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-mma::before {
  content: '\e616';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-mma::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-futsal::before {
  content: '\e60a';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-futsal::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-eFootball::before {
  content: '\e670';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-eFootball::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-eBasketball::before {
  content: '\e600';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-eBasketball::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-eIceHockey::before {
  content: '\e60b';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-eIceHockey::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-vFootball::before {
  content: '\e671';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-vFootball::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-snooker::before {
  content: '\e614';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-snooker::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-bingo::before {
  content: '\e606';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-bingo::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-f1::before {
  content: "\e609";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-f1::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-fantasy::before {
  content: "\e60c";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-fantasy::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-golf::before {
  content: "\e60f";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-golf::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-instant::before {
  content: '\e619';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-instant::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-virtual::before {
  content: '\e61c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-virtual::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-virtual-new-hallow::before {
  content: '\e613';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-virtual-new-hallow::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-virtual-new::before {
  content: '\e613';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-virtual-new::before {
  color: rgb(var(--text-type1-tertiary));
}

#cannot-dialog[data-v-f99608f0] {
  color: rgb(var(--text-type1-secondary));
}
#cannot-dialog .action[data-v-f99608f0] {
  color: rgb(var(--brand-secondary));
}

.dialog-self-exclusion-container .es-dialog-main.m-dialog-main {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

[data-v-6d48ae86]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.container[data-v-6d48ae86] {
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  padding: 1rem 0 2.66666667rem 0;
  text-align: center;
}
.container .title[data-v-6d48ae86] {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.container .content[data-v-6d48ae86] {
  margin-bottom: 20px;
}
.container .btn[data-v-6d48ae86] {
  background: rgb(var(--brand-secondary));
  border-radius: 2px;
  box-sizing: border-box;
  color: rgb(var(--brand-tertiary));
  font-size: 1.16666667rem;
  margin-bottom: 12px;
  padding: 1.16666667rem;
  text-align: center;
  width: 100%;
}
.container .btn.border[data-v-6d48ae86] {
  background: rgb(var(--brand-tertiary));
  border: 1px solid rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-icon-football::before,
.m-icon-soccer::before {
  content: '\e608';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-football::before,
.m-icon-soccer::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--basketball::before,
.m-icon-basketball::before {
  content: '\e601';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--basketball::before,
.m-icon-basketball::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--tennis::before,
.m-icon-tennis::before {
  content: '\e61d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--tennis::before,
.m-icon-tennis::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--rugby::before,
.m-icon-rugby::before {
  content: '\e615';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--rugby::before,
.m-icon-rugby::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--cricket::before,
.m-icon-cricket::before {
  content: '\e605';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--cricket::before,
.m-icon-cricket::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--volleyball::before,
.m-icon-volleyball::before {
  content: "\e610";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--volleyball::before,
.m-icon-volleyball::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon--iceHockey::before,
.m-icon-iceHockey::before {
  content: '\e618';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--iceHockey::before,
.m-icon-iceHockey::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--handball::before,
.m-icon-handball::before {
  content: '\e61f';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--handball::before,
.m-icon-handball::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon--darts::before,
.m-icon-darts::before {
  content: '\e60e';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--darts::before,
.m-icon-darts::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--beachVolleyball::before,
.m-icon-beachVolley::before {
  content: "\e66b";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--beachVolleyball::before,
.m-icon-beachVolley::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--tableTennis::before,
.m-icon-tableTennis::before {
  content: '\e61e';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--tableTennis::before,
.m-icon-tableTennis::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon--eSports::before,
.m-icon-eSports::before {
  content: "\e6b5";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--dota::before,
.m-icon-dota::before {
  content: '\e61b';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--dota::before,
.m-icon-dota::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--cs-go::before,
.m-icon-cs-go::before {
  content: '\e612';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--cs-go::before,
.m-icon-cs-go::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--lol::before,
.m-icon-lol::before {
  content: '\e611';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--lol::before,
.m-icon-lol::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon--badminton::before,
.m-icon-badminton::before {
  content: '\e602';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--badminton::before,
.m-icon-badminton::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon--baseball::before,
.m-icon-baseball::before {
  content: '\e607';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon--baseball::before,
.m-icon-baseball::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-boxing::before {
  content: '\e60d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-boxing::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-americanFootball::before {
  content: '\e604';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-americanFootball::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-mma::before {
  content: '\e616';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-mma::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-futsal::before {
  content: '\e60a';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-futsal::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-eFootball::before {
  content: '\e670';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-eFootball::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-eBasketball::before {
  content: '\e600';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-eBasketball::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-eIceHockey::before {
  content: '\e60b';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-eIceHockey::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-vFootball::before {
  content: '\e671';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-vFootball::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-snooker::before {
  content: '\e614';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-snooker::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-bingo::before {
  content: '\e606';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-bingo::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-f1::before {
  content: "\e609";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-f1::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-fantasy::before {
  content: "\e60c";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-fantasy::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-golf::before {
  content: "\e60f";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-golf::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-instant::before {
  content: '\e619';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-instant::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-virtual::before {
  content: '\e61c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-virtual::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-virtual-new-hallow::before {
  content: '\e613';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-virtual-new-hallow::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-virtual-new::before {
  content: '\e613';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-virtual-new::before {
  color: rgb(var(--text-type1-tertiary));
}

.icon-font-base[data-v-2b0f0f19] {
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.icon-font-base[data-v-2b0f0f19]:not(.icon-from-brand) {
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}
.icon-font-base.icon-from-brand[data-v-2b0f0f19] {
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}

[data-v-7b6882c0]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
#featured-card[data-v-7b6882c0] {
  margin-bottom: 1.33333333rem;
  width: 100%;
}
#featured-card .featured-img[data-v-7b6882c0] {
  width: 100%;
}
#featured-card .featured-img[data-v-7b6882c0] img {
  border-radius: 4px 4px 0 0;
}
#featured-card.featured-style-large .featured-img[data-v-7b6882c0] {
  height: 60vw;
}
#featured-card.featured-style-small .featured-img[data-v-7b6882c0] {
  height: 30vw;
}
#featured-card .list-item-container[data-v-7b6882c0] {
  background-color: rgb(var(--background-type1-tertiary));
  border-radius: 0  0 4px  4px;
  padding: 1.33333333rem;
}
#featured-card .list-item-container .list-title-container[data-v-7b6882c0] {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
#featured-card .list-item-container .list-title-container .list-item-title[data-v-7b6882c0] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  font-weight: 700;
  height: 1.33333333rem;
  line-height: 1.33333333rem;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}
#featured-card .list-item-container .list-title-container .list-item-subtitle[data-v-7b6882c0] {
  color: rgb(var(--text-type1-secondary));
  font-size: 0.83333333rem;
  font-weight: 400;
  line-height: 1rem;
}
#featured-card .list-item-container .list-content-container[data-v-7b6882c0] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 0.66666667rem;
}
#featured-card .list-item-container .list-content-container .list-description[data-v-7b6882c0] {
  -webkit-box-orient: vertical;
  color: rgb(var(--text-type1-secondary));
  display: -webkit-box;
  font-size: 1rem;
  font-weight: 400;
  height: 2.33333333rem;
  -webkit-line-clamp: 2;
  line-height: 1.16666667rem;
  margin-right: 0.5rem;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}
#featured-card .list-item-container .list-content-container .af-button[data-v-7b6882c0] {
  border-radius: 2px;
}
#featured-card.featured-style-promotions .featured-img[data-v-7b6882c0] {
  height: 30vw;
}
#featured-card.featured-style-promotions .list-item-container[data-v-7b6882c0] {
  padding: 1rem 1.33333333rem;
}
#featured-card.featured-style-promotions .list-item-container .list-title-container[data-v-7b6882c0] {
  -moz-column-gap: 0.66666667rem;
       column-gap: 0.66666667rem;
}
#featured-card.featured-style-promotions .list-item-container .list-title-container .list-item-title[data-v-7b6882c0] {
  white-space: nowrap;
}
#featured-card.featured-style-promotions .list-item-container .list-title-container .arrow-icon[data-v-7b6882c0] {
  color: rgb(var(--text-type1-secondary));
}
#featured-card.featured-style-promotions .list-item-container .list-content-container[data-v-7b6882c0] {
  margin-top: 0.33333333rem;
}
#featured-card.featured-style-promotions .list-item-container .list-content-container .list-description[data-v-7b6882c0] {
  height: 100%;
  margin-right: 0;
}
#featured-card.featured-style-promotions .list-item-container .list-content-container .af-button[data-v-7b6882c0] {
  display: none;
}

[data-v-57e6f208]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.featured-list[data-v-57e6f208] {
  padding: 1.33333333rem;
  text-align: center;
}
.featured-list .m-holding-icon[data-v-57e6f208] {
  animation: loading-rotate 1.2s linear infinite;
  display: inline-block;
  margin-top: 30%;
}
.featured-list .m-holding-icon[data-v-57e6f208]::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.featured-list .m-holding-icon[data-v-57e6f208]::before {
  color: rgb(var(--brand-secondary));
  font-size: 30px;
  line-height: 1;
  vertical-align: top;
}

[data-v-5c798e10]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.featured-container[data-v-5c798e10] {
  color: rgb(var(--text-type1-tertiary));
  text-align: center;
  flex-grow: 1;
}
.featured-container .m-holding-icon[data-v-5c798e10] {
  animation: loading-rotate 1.2s linear infinite;
  display: inline-block;
  margin-top: 30%;
}
.featured-container .m-holding-icon[data-v-5c798e10]::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.featured-container .m-holding-icon[data-v-5c798e10]::before {
  color: rgb(var(--brand-secondary));
  font-size: 30px;
  line-height: 1;
  vertical-align: top;
}

[data-v-2dd3117e]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-pm-list[data-v-2dd3117e] {
  margin: 1rem auto 0;
  width: 91.1%;
}
.m-pm-list li[data-v-2dd3117e] {
  margin-bottom: 1rem;
  position: relative;
}
.m-pm-list li img[data-v-2dd3117e] {
  display: block;
  height: auto;
  width: 100%;
}
.m-pm-list li a[data-v-2dd3117e] {
  border-radius: 0.16666667rem;
  display: block;
  overflow: hidden;
}
.m-pm-list .m-img-container[data-v-2dd3117e] {
  padding-top: 31.81818182%;
  position: relative;
  width: 100%;
}
.m-pm-list .m-img-container img[data-v-2dd3117e] {
  display: block;
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.m-pm-list .m-pm-mask[data-v-2dd3117e] {
  background: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  font-size: 1.66666667rem;
  font-weight: bold;
  height: 100%;
  left: 0;
  line-height: 9.33333333rem;
  position: absolute;
  text-align: center;
  text-shadow: 0 2px 11px rgba(0, 0, 0, 0.4);
  top: 0;
  width: 100%;
  z-index: 2;
}
.m-pm-list .m-pm-period[data-v-2dd3117e] {
  box-sizing: border-box;
  color: rgb(var(--text-type2-primary));
  font-size: 1.16666667rem;
  height: 2.66666667rem;
  line-height: 2.66666667rem;
  width: 100%;
  z-index: 3;
}
.m-pm-nolist[data-v-2dd3117e] {
  color: rgb(var(--text-disable-type1-primary));
  font-size: 1.33333333rem;
  padding: 15.58333333rem 0 0;
  text-align: center;
}
.m-pm-nolist .m-icon--pageques[data-v-2dd3117e] {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.m-pm-nolist .m-icon--pageques[data-v-2dd3117e]::before {
  content: '\e648';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-pm-nolist .m-icon--pageques[data-v-2dd3117e]::before {
  color: rgb(var(--text-type1-primary));
}
.m-pm-nolist .m-icon--pageques[data-v-2dd3117e]::before {
  font-size: 23px;
}

[data-v-5f5f98e2]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.market-selector-wrapper[data-v-5f5f98e2] {
  padding: 0.66666667rem 1.33333333rem;
  border-bottom: 1px solid rgb(var(--line-type1-primary));
}
.match-market-selector[data-v-5f5f98e2] {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  white-space: nowrap;
  width: 100%;
}
.match-market-selector[data-v-5f5f98e2]::-webkit-scrollbar {
  display: none;
}
.match-market-selector .market-tag[data-v-5f5f98e2] {
  background-color: rgb(var(--background-type2-secondary));
  border-radius: 1rem;
  margin-right: 0.33333333rem;
  padding: 0.33333333rem 1rem;
}
.match-market-selector .market-tag.live[data-v-5f5f98e2] {
  background-color: rgb(var(--background-type2-secondary));
}
.match-market-selector .market-tag h3[data-v-5f5f98e2] {
  color: rgb(var(--text-type2-primary));
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.33333333rem;
}
.match-market-selector .market-tag.more[data-v-5f5f98e2] {
  border: 1px dashed rgb(var(--text-type1-secondary));
  color: rgb(var(--text-type2-primary));
  padding: 0.33333333rem 1.33333333rem;
}
.match-market-selector .market-tag.active[data-v-5f5f98e2] {
  background-color: rgb(var(--brand-secondary));
}
.match-market-selector .market-tag.active h3[data-v-5f5f98e2] {
  color: rgb(var(--brand-primary));
}

/*
Using formula solid
$primary: @brand-secondary;
$home: @brand-secondary;
$away: #FB4D3D;
$cl: #FFFFFF;
$base: @brand-tertiary;
*/
.sr-bb {
  background: rgb(var(--brand-tertiary));
  font-family: Roboto, Noto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
}
.sr-bb.sr-rtl {
  text-align: right;
}
.sr-bb .sr-bb {
  background: none;
}
.sr-bb .srt-base-1 {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-1-win {
  background-color: transparent;
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-draw {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.4);
}
.sr-bb .srt-base-1-lose {
  background-color: transparent;
  border-color: #FB4D3D;
  color: #FB4D3D;
}
.sr-bb .srt-base-1-is-active {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-1-is-active-2 {
  background-color: #28263c;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-1-is-hoverable:hover {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-1-primary {
  background-color: transparent;
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-home-1 {
  background-color: transparent;
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-away-1 {
  background-color: transparent;
  border-color: #FB4D3D;
  color: #FB4D3D;
}
.sr-bb .srt-base-1-home-2 {
  background-color: transparent;
  border-color: #c7fa75;
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-away-2 {
  background-color: transparent;
  border-color: #c7fa75;
  color: #FB4D3D;
}
.sr-bb .srt-base-1-home-3 {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-away-3 {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.12);
  color: #FB4D3D;
}
.sr-bb .srt-base-1-home-4 {
  background-color: transparent;
  border-color: #74b017;
  color: #74b017;
}
.sr-bb .srt-base-1-away-4 {
  background-color: transparent;
  border-color: #b53a36;
  color: #b53a36;
}
.sr-bb .srt-base-1-home-5 {
  background-color: transparent;
  border-color: #c1f964;
  color: #c1f964;
}
.sr-bb .srt-base-1-away-5 {
  background-color: transparent;
  border-color: #fc8b81;
  color: #fc8b81;
}
.sr-bb .srt-base-1-background {
  background-color: rgb(var(--brand-tertiary));
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-2 {
  background-color: #100e26;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-2-is-active {
  background-color: #212a23;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-2-is-hoverable:hover {
  background-color: #212a23;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-3 {
  background-color: #212a23;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-3-is-active {
  background-color: #283522;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-3-is-hoverable:hover {
  background-color: #283522;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-3-background {
  background-color: #100e26;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-4 {
  background-color: #171a25;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-5-is-active {
  background-color: #354a21;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-5-is-hoverable:hover {
  background-color: #354a21;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-base-6 {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.3);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-primary-1 {
  background-color: rgb(var(--brand-secondary));
  border-color: rgba(0, 0, 0, 0.16);
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-primary-1-is-active {
  background-color: #8fdd0f;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-1-is-hoverable:hover {
  background-color: #8fdd0f;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-1-is-disabled {
  background-color: #7fc50e;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-2 {
  background-color: #bcf958;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-3 {
  background-color: #8fdd0f;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-4 {
  background-color: #669919;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-5 {
  background-color: #669919;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-5-is-hoverable:hover {
  background-color: rgb(var(--brand-secondary));
  border-color: rgba(0, 0, 0, 0.16);
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-primary-6 {
  background-color: #c7fa75;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-7 {
  background-color: rgb(var(--brand-secondary));
  border-color: rgba(0, 0, 0, 0.16);
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-primary-8 {
  background-color: rgb(var(--brand-secondary));
  border-color: rgba(0, 0, 0, 0.16);
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-primary-8-is-active-1 {
  background-color: #8fdd0f;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-8-is-active-2 {
  background-color: #8fdd0f;
  border-color: #100E26;
  color: #000;
}
.sr-bb .srt-primary-9 {
  background-color: #3b5420;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-primary-10 {
  background-color: #82c815;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-11 {
  background-color: #8fdd0f;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-primary-12 {
  background-color: rgb(var(--brand-secondary));
  border-color: #000;
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-primary-13 {
  background-color: #171a25;
  border-color: rgba(159, 246, 17, 0.3);
  color: #000;
}
.sr-bb .srt-base-1-primary-1 {
  background-color: transparent;
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-primary-2 {
  background-color: transparent;
  border-color: #bcf958;
  color: #bcf958;
}
.sr-bb .srt-base-1-primary-3 {
  background-color: transparent;
  border-color: #8fdd0f;
  color: #8fdd0f;
}
.sr-bb .srt-base-1-primary-4 {
  background-color: transparent;
  border-color: #669919;
  color: #669919;
}
.sr-bb .srt-base-1-primary-5 {
  background-color: transparent;
  border-color: #669919;
  color: #669919;
}
.sr-bb .srt-base-1-primary-6 {
  background-color: transparent;
  border-color: #c7fa75;
  color: #c7fa75;
}
.sr-bb .srt-base-1-primary-7 {
  background-color: transparent;
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-primary-8 {
  background-color: transparent;
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-primary-9 {
  background-color: transparent;
  border-color: #3b5420;
  color: #3b5420;
}
.sr-bb .srt-base-1-primary-10 {
  background-color: transparent;
  border-color: #82c815;
  color: #82c815;
}
.sr-bb .srt-base-1-primary-11 {
  background-color: transparent;
  border-color: #8fdd0f;
  color: #8fdd0f;
}
.sr-bb .srt-base-1-primary-13 {
  background-color: #100E26;
  border-color: rgba(159, 246, 17, 0.3);
  color: #171a25;
}
.sr-bb .srt-base-1-neutral-1 {
  background-color: transparent;
  border-color: #2f2d42;
  color: #2f2d42;
}
.sr-bb .srt-base-1-neutral-2 {
  background-color: transparent;
  border-color: #e7e7e9;
  color: #e7e7e9;
}
.sr-bb .srt-base-1-neutral-3 {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.12);
}
.sr-bb .srt-base-1-neutral-4 {
  background-color: transparent;
  border-color: #ababb3;
  color: #ababb3;
}
.sr-bb .srt-base-1-neutral-5 {
  background-color: transparent;
  border-color: #c3c3c9;
  color: #c3c3c9;
}
.sr-bb .srt-base-1-neutral-6 {
  background-color: transparent;
  border-color: #49485a;
  color: #49485a;
}
.sr-bb .srt-base-1-neutral-7 {
  background-color: transparent;
  border-color: #ababb3;
  color: #ababb3;
}
.sr-bb .srt-base-1-neutral-8 {
  background-color: transparent;
  border-color: #2f2d42;
  color: #2f2d42;
}
.sr-bb .srt-base-1-neutral-9 {
  background-color: transparent;
  border-color: #1e1c33;
  color: #1e1c33;
}
.sr-bb .srt-base-1-neutral-10 {
  background-color: transparent;
  border-color: #2d2b40;
  color: #2d2b40;
}
.sr-bb .srt-base-1-neutral-11 {
  background-color: transparent;
  border-color: #706e7d;
  color: #706e7d;
}
.sr-bb .srt-base-1-neutral-12 {
  background-color: transparent;
  border-color: #b7b7be;
  color: #b7b7be;
}
.sr-bb .srt-base-1-neutral-13 {
  background-color: transparent;
  border-color: #28263c;
  color: #28263c;
}
.sr-bb .srt-base-1-is-active-primary {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-is-active-home-1 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-is-active-away-1 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #FB4D3D;
  color: #FB4D3D;
}
.sr-bb .srt-base-1-is-active-home-2 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #c7fa75;
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-is-active-away-2 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #c7fa75;
  color: #FB4D3D;
}
.sr-bb .srt-base-1-is-active-home-3 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-is-active-away-3 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgba(255, 255, 255, 0.12);
  color: #FB4D3D;
}
.sr-bb .srt-base-1-is-active-home-4 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #74b017;
  color: #74b017;
}
.sr-bb .srt-base-1-is-active-away-4 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #b53a36;
  color: #b53a36;
}
.sr-bb .srt-base-1-is-active-home-5 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #c1f964;
  color: #c1f964;
}
.sr-bb .srt-base-1-is-active-away-5 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #fc8b81;
  color: #fc8b81;
}
.sr-bb .srt-base-1-is-active-primary-1 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-is-active-primary-2 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #bcf958;
  color: #bcf958;
}
.sr-bb .srt-base-1-is-active-primary-3 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #8fdd0f;
  color: #8fdd0f;
}
.sr-bb .srt-base-1-is-active-primary-4 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #669919;
  color: #669919;
}
.sr-bb .srt-base-1-is-active-primary-5 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #669919;
  color: #669919;
}
.sr-bb .srt-base-1-is-active-primary-6 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #c7fa75;
  color: #c7fa75;
}
.sr-bb .srt-base-1-is-active-primary-7 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-is-active-primary-8 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.sr-bb .srt-base-1-is-active-primary-9 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #3b5420;
  color: #3b5420;
}
.sr-bb .srt-base-1-is-active-primary-10 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #82c815;
  color: #82c815;
}
.sr-bb .srt-base-1-is-active-primary-11 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #8fdd0f;
  color: #8fdd0f;
}
.sr-bb .srt-base-1-is-active-neutral-1 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #2f2d42;
  color: #2f2d42;
}
.sr-bb .srt-base-1-is-active-neutral-2 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #e7e7e9;
  color: #e7e7e9;
}
.sr-bb .srt-base-1-is-active-neutral-3 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.12);
}
.sr-bb .srt-base-1-is-active-neutral-4 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #ababb3;
  color: #ababb3;
}
.sr-bb .srt-base-1-is-active-neutral-5 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #c3c3c9;
  color: #c3c3c9;
}
.sr-bb .srt-base-1-is-active-neutral-6 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #49485a;
  color: #49485a;
}
.sr-bb .srt-base-1-is-active-neutral-7 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #ababb3;
  color: #ababb3;
}
.sr-bb .srt-base-1-is-active-neutral-8 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #2f2d42;
  color: #2f2d42;
}
.sr-bb .srt-base-1-is-active-neutral-9 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #1e1c33;
  color: #1e1c33;
}
.sr-bb .srt-base-1-is-active-neutral-10 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #2d2b40;
  color: #2d2b40;
}
.sr-bb .srt-base-1-is-active-neutral-11 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #706e7d;
  color: #706e7d;
}
.sr-bb .srt-base-1-is-active-neutral-12 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #b7b7be;
  color: #b7b7be;
}
.sr-bb .srt-base-1-is-active-neutral-13 {
  background-color: rgba(var(--brand-secondary), 12%);
  border-color: #28263c;
  color: #28263c;
}
.sr-bb .srt-home-1 {
  background-color: rgb(var(--brand-secondary));
  border-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-away-1 {
  background-color: #FB4D3D;
  border-color: #FB4D3D;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-home-2 {
  background-color: rgb(var(--brand-secondary));
  border-color: #c7fa75;
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-away-2 {
  background-color: #FB4D3D;
  border-color: #c7fa75;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-home-3 {
  background-color: rgb(var(--brand-secondary));
  border-color: #100E26;
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-away-3 {
  background-color: #FB4D3D;
  border-color: #100E26;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-home-4 {
  background-color: #74b017;
  border-color: #74b017;
  color: #000;
}
.sr-bb .srt-away-4 {
  background-color: #b53a36;
  border-color: #b53a36;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-home-5 {
  background-color: #c1f964;
  border-color: #c1f964;
  color: #000;
}
.sr-bb .srt-away-5 {
  background-color: #fc8b81;
  border-color: #fc8b81;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-home-6 {
  background-color: rgba(159, 246, 17, 0.2);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-away-6 {
  background-color: rgba(251, 77, 61, 0.2);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-home-6-is-hoverable:hover {
  background-color: rgba(159, 246, 17, 0.2);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-away-6-is-hoverable:hover {
  background-color: rgba(251, 77, 61, 0.2);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-neutral-1 {
  background-color: #2f2d42;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-neutral-2 {
  background-color: #e7e7e9;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-neutral-3 {
  background-color: rgba(var(--text-type1-primary), 12%);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-neutral-4 {
  background-color: #ababb3;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-neutral-5 {
  background-color: #c3c3c9;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-neutral-6 {
  background-color: #49485a;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-neutral-7 {
  background-color: #ababb3;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-neutral-8 {
  background-color: #2f2d42;
  border-color: rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
}
.sr-bb .srt-neutral-9 {
  background-color: rgb(var(--brand-tertiary));
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-neutral-10 {
  background-color: #2d2b40;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.82);
}
.sr-bb .srt-neutral-11 {
  background-color: #706e7d;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-neutral-12 {
  background-color: #b7b7be;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-neutral-13 {
  background-color: #28263c;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-win {
  background-color: rgb(var(--brand-secondary));
  border-color: rgba(0, 0, 0, 0.16);
  color: rgb(var(--brand-tertiary));
}
.sr-bb .srt-draw {
  background-color: rgba(255, 255, 255, 0.4);
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-lose {
  background-color: #FB4D3D;
  border-color: rgba(0, 0, 0, 0.16);
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-text-secondary {
  -webkit-font-smoothing: antialiased;
  opacity: 0.8;
}
.sr-bb .srt-text-disabled {
  opacity: 0.6;
}
.sr-bb .srt-text-tertiary {
  opacity: 0.7;
}
.sr-bb .srt-primary-1 .srt-text-secondary,
.sr-bb .srt-primary-1.srt-text-secondary,
.sr-bb .srt-primary-1-is-active .srt-text-secondary,
.sr-bb .srt-primary-1-is-active.srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled .srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled.srt-text-secondary,
.sr-bb .srt-primary-2 .srt-text-secondary,
.sr-bb .srt-primary-2.srt-text-secondary,
.sr-bb .srt-primary-3 .srt-text-secondary,
.sr-bb .srt-primary-3.srt-text-secondary,
.sr-bb .srt-primary-4 .srt-text-secondary,
.sr-bb .srt-primary-4.srt-text-secondary,
.sr-bb .srt-primary-5 .srt-text-secondary,
.sr-bb .srt-primary-5.srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-6 .srt-text-secondary,
.sr-bb .srt-primary-6.srt-text-secondary,
.sr-bb .srt-primary-7 .srt-text-secondary,
.sr-bb .srt-primary-7.srt-text-secondary,
.sr-bb .srt-primary-8 .srt-text-secondary,
.sr-bb .srt-primary-8.srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1.srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2.srt-text-secondary,
.sr-bb .srt-primary-9 .srt-text-secondary,
.sr-bb .srt-primary-9.srt-text-secondary,
.sr-bb .srt-primary-10 .srt-text-secondary,
.sr-bb .srt-primary-10.srt-text-secondary,
.sr-bb .srt-primary-11 .srt-text-secondary,
.sr-bb .srt-primary-11.srt-text-secondary,
.sr-bb .srt-primary-12 .srt-text-secondary,
.sr-bb .srt-primary-12.srt-text-secondary,
.sr-bb .srt-primary-13 .srt-text-secondary,
.sr-bb .srt-primary-13.srt-text-secondary {
  -webkit-font-smoothing: antialiased;
  opacity: 0.7;
}
.sr-bb .srt-primary-1 .srt-text-disabled,
.sr-bb .srt-primary-1.srt-text-disabled,
.sr-bb .srt-primary-1-is-active .srt-text-disabled,
.sr-bb .srt-primary-1-is-active.srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled .srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled.srt-text-disabled,
.sr-bb .srt-primary-2 .srt-text-disabled,
.sr-bb .srt-primary-2.srt-text-disabled,
.sr-bb .srt-primary-3 .srt-text-disabled,
.sr-bb .srt-primary-3.srt-text-disabled,
.sr-bb .srt-primary-4 .srt-text-disabled,
.sr-bb .srt-primary-4.srt-text-disabled,
.sr-bb .srt-primary-5 .srt-text-disabled,
.sr-bb .srt-primary-5.srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-6 .srt-text-disabled,
.sr-bb .srt-primary-6.srt-text-disabled,
.sr-bb .srt-primary-7 .srt-text-disabled,
.sr-bb .srt-primary-7.srt-text-disabled,
.sr-bb .srt-primary-8 .srt-text-disabled,
.sr-bb .srt-primary-8.srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1.srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2.srt-text-disabled,
.sr-bb .srt-primary-9 .srt-text-disabled,
.sr-bb .srt-primary-9.srt-text-disabled,
.sr-bb .srt-primary-10 .srt-text-disabled,
.sr-bb .srt-primary-10.srt-text-disabled,
.sr-bb .srt-primary-11 .srt-text-disabled,
.sr-bb .srt-primary-11.srt-text-disabled,
.sr-bb .srt-primary-12 .srt-text-disabled,
.sr-bb .srt-primary-12.srt-text-disabled,
.sr-bb .srt-primary-13 .srt-text-disabled,
.sr-bb .srt-primary-13.srt-text-disabled {
  opacity: 0.35;
}
.sr-bb .srt-primary-1 .srt-text-tertiary,
.sr-bb .srt-primary-1.srt-text-tertiary,
.sr-bb .srt-primary-1-is-active .srt-text-tertiary,
.sr-bb .srt-primary-1-is-active.srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled .srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled.srt-text-tertiary,
.sr-bb .srt-primary-2 .srt-text-tertiary,
.sr-bb .srt-primary-2.srt-text-tertiary,
.sr-bb .srt-primary-3 .srt-text-tertiary,
.sr-bb .srt-primary-3.srt-text-tertiary,
.sr-bb .srt-primary-4 .srt-text-tertiary,
.sr-bb .srt-primary-4.srt-text-tertiary,
.sr-bb .srt-primary-5 .srt-text-tertiary,
.sr-bb .srt-primary-5.srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-6 .srt-text-tertiary,
.sr-bb .srt-primary-6.srt-text-tertiary,
.sr-bb .srt-primary-7 .srt-text-tertiary,
.sr-bb .srt-primary-7.srt-text-tertiary,
.sr-bb .srt-primary-8 .srt-text-tertiary,
.sr-bb .srt-primary-8.srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1.srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2.srt-text-tertiary,
.sr-bb .srt-primary-9 .srt-text-tertiary,
.sr-bb .srt-primary-9.srt-text-tertiary,
.sr-bb .srt-primary-10 .srt-text-tertiary,
.sr-bb .srt-primary-10.srt-text-tertiary,
.sr-bb .srt-primary-11 .srt-text-tertiary,
.sr-bb .srt-primary-11.srt-text-tertiary,
.sr-bb .srt-primary-12 .srt-text-tertiary,
.sr-bb .srt-primary-12.srt-text-tertiary,
.sr-bb .srt-primary-13 .srt-text-tertiary,
.sr-bb .srt-primary-13.srt-text-tertiary {
  opacity: 0.54;
}
.sr-bb .srt-icon {
  color: rgb(var(--text-type1-primary));
  opacity: 0.33;
}
.sr-bb .srt-icon-secondary {
  opacity: 0.7;
}
.sr-bb .srt-elevation-1 {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.sr-bb .srt-elevation-2 {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23), 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-elevation-3 {
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.26), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
}
.sr-bb .srt-elevation-center-2 {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.23), 0 1px 5px rgba(0, 0, 0, 0.16);
}
.sr-bb .srt-inset-top-1 {
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-1 {
  box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-top-2 {
  box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-2 {
  box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-top-3 {
  box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-inset-bottom-3 {
  box-shadow: inset 0 -6px 6px 0 rgba(0, 0, 0, 0.23);
}
.sr-bb .srt-fill-blue-card {
  fill: #2579ad;
}
.sr-bb .srt-stroke-blue-card {
  stroke: #2579ad;
}
.sr-bb .srt-fill-green-card {
  fill: #2cbd00;
}
.sr-bb .srt-stroke-green-card {
  stroke: #2cbd00;
}
.sr-bb .srt-fill-soccer-yellow-card {
  fill: #ffbf00;
}
.sr-bb .srt-stroke-soccer-yellow-card {
  stroke: #ffbf00;
}
.sr-bb .srt-fill-soccer-red-card {
  fill: #e43b3b;
}
.sr-bb .srt-stroke-soccer-red-card {
  stroke: #e43b3b;
}
.sr-bb .srt-stroke-soccer-substitution-in {
  fill: transparent;
  stroke: #4fbe30;
}
.sr-bb .srt-fill-soccer-substitution-in {
  fill: #4fbe30;
}
.sr-bb .srt-stroke-soccer-substitution-out {
  fill: transparent;
  stroke: #e43b3b;
}
.sr-bb .srt-fill-soccer-substitution-out {
  fill: #e43b3b;
}
.sr-bb .srt-stroke-soccer-own-goal {
  fill: transparent;
  stroke: #e43b3b;
}
.sr-bb .srt-fill-soccer-own-goal {
  fill: #e43b3b;
}
.sr-bb .srt-fill-soccer-relegation-1 {
  fill: #fdd835;
}
.sr-bb .srt-stroke-soccer-relegation-1 {
  stroke: #fdd835;
}
.sr-bb .srt-fill-soccer-relegation-2 {
  fill: #ffb848;
}
.sr-bb .srt-stroke-soccer-relegation-2 {
  stroke: #ffb848;
}
.sr-bb .srt-fill-soccer-relegation-3 {
  fill: #ef6c00;
}
.sr-bb .srt-stroke-soccer-relegation-3 {
  stroke: #ef6c00;
}
.sr-bb .srt-fill-soccer-relegation-4 {
  fill: #e93a34;
}
.sr-bb .srt-stroke-soccer-relegation-4 {
  stroke: #e93a34;
}
.sr-bb .srt-fill-soccer-relegation-5 {
  fill: #941d1d;
}
.sr-bb .srt-stroke-soccer-relegation-5 {
  stroke: #941d1d;
}
.sr-bb .srt-fill-soccer-promotion-1 {
  fill: #51d151;
}
.sr-bb .srt-stroke-soccer-promotion-1 {
  stroke: #51d151;
}
.sr-bb .srt-fill-soccer-promotion-2 {
  fill: #1b911b;
}
.sr-bb .srt-stroke-soccer-promotion-2 {
  stroke: #1b911b;
}
.sr-bb .srt-fill-soccer-promotion-3 {
  fill: #0e8094;
}
.sr-bb .srt-stroke-soccer-promotion-3 {
  stroke: #0e8094;
}
.sr-bb .srt-fill-soccer-promotion-4 {
  fill: #0a6cce;
}
.sr-bb .srt-stroke-soccer-promotion-4 {
  stroke: #0a6cce;
}
.sr-bb .srt-fill-soccer-promotion-5 {
  fill: #4a9fe4;
}
.sr-bb .srt-stroke-soccer-promotion-5 {
  stroke: #4a9fe4;
}
.sr-bb .srt-nfl-timeout-1 {
  background-color: #f5a623;
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-nfl-timeout-2 {
  background-color: rgba(245, 166, 35, 0.3);
  border-color: rgba(0, 0, 0, 0.16);
  color: #000;
}
.sr-bb .srt-nfl-penalty {
  background-color: #f4a621;
  border-color: #f4a621;
  color: #000;
}
.sr-bb .srt-nfl-negative-yards-1 {
  background-color: #ac182e;
  border-color: #ac182e;
  color: #000;
}
.sr-bb .srt-nfl-negative-yards-2 {
  background-color: #ac182e;
  border-color: #ac182e;
  color: #000;
}
.sr-bb .srt-nfl-first-line {
  background-color: #4b90de;
  border-color: #4b90de;
  color: #000;
}
.sr-bb .srt-nfl-ten-line {
  background-color: #f5a623;
  border-color: #f5a623;
  color: #000;
}
.sr-bb .srt-fill-nfl-penalty {
  fill: #f4a621;
}
.sr-bb .srt-stroke-nfl-penalty {
  stroke: #f4a621;
}
.sr-bb .srt-fill-nfl-negative-yards-1 {
  fill: #ac182e;
}
.sr-bb .srt-stroke-nfl-negative-yards-1 {
  stroke: #ac182e;
}
.sr-bb .srt-fill-nfl-negative-yards-2 {
  fill: #ac182e;
}
.sr-bb .srt-stroke-nfl-negative-yards-2 {
  stroke: #ac182e;
}
.sr-bb .srt-fill-nfl-first-line {
  fill: #4b90de;
}
.sr-bb .srt-stroke-nfl-first-line {
  stroke: #4b90de;
}
.sr-bb .srt-fill-nfl-ten-line {
  fill: #f5a623;
}
.sr-bb .srt-stroke-nfl-ten-line {
  stroke: #f5a623;
}
.sr-bb .srt-mlb-run-1 {
  background-color: #090;
  border-color: #090;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-mlb-run-2 {
  background-color: rgb(var(--text-type2-primary));
  border-color: #090;
  color: #090;
}
.sr-bb .srt-mlb-hit-1 {
  background-color: #f7ab11;
  border-color: #f7ab11;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-mlb-hit-2 {
  background-color: rgb(var(--text-type2-primary));
  border-color: #f7ab11;
  color: #f7ab11;
}
.sr-bb .srt-mlb-hit-3 {
  background-color: #00a4ff;
  border-color: #00a4ff;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-mlb-error-1 {
  background-color: #d0021b;
  border-color: #d0021b;
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-mlb-error-2 {
  background-color: rgb(var(--text-type2-primary));
  border-color: #d0021b;
  color: #d0021b;
}
.sr-bb .srt-mlb-neutral-1 {
  background-color: #212121;
  border-color: rgb(var(--text-type2-primary));
  color: rgb(var(--text-type2-primary));
}
.sr-bb .srt-fill-mlb-base {
  fill: #00a4ff;
}
.sr-bb .srt-strole-mlb-base {
  fill: #00a4ff;
}
.sr-bb .srt-fill-change-increase {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-change-increase {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-change-decrease {
  fill: #FB4D3D;
}
.sr-bb .srt-stroke-change-decrease {
  stroke: #FB4D3D;
}
.sr-bb .srt-fill-text {
  fill: #FFF;
}
.sr-bb .srt-fill-text-invert {
  fill: #000;
}
.sr-bb .srt-fill-text-secondary {
  fill-opacity: 0.8;
}
.sr-bb .srt-fill-text-disabled {
  fill-opacity: 0.6;
}
.sr-bb .srt-fill-base-1 {
  fill: transparent;
}
.sr-bb .srt-stroke-base-1 {
  stroke: transparent;
}
.sr-bb .srt-fill-base-1-active {
  fill: rgba(159, 246, 17, 0.12);
}
.sr-bb .srt-stroke-base-1-active {
  stroke: rgba(159, 246, 17, 0.12);
}
.sr-bb .srt-fill-base-1-active-2 {
  fill: #28263c;
}
.sr-bb .srt-stroke-base-1-active-2 {
  stroke: #28263c;
}
.sr-bb .srt-fill-base-1-primary {
  fill: transparent;
}
.sr-bb .srt-stroke-base-1-primary {
  stroke: transparent;
}
.sr-bb .srt-fill-base-1-home {
  fill: transparent;
}
.sr-bb .srt-stroke-base-1-home {
  stroke: transparent;
}
.sr-bb .srt-fill-base-1-away {
  fill: transparent;
}
.sr-bb .srt-stroke-base-1-away {
  stroke: transparent;
}
.sr-bb .srt-fill-base-2 {
  fill: currentColor;
}
.sr-bb .srt-stroke-base-2 {
  stroke: currentColor;
}
.sr-bb .srt-fill-base-2-active {
  fill: #212a23;
}
.sr-bb .srt-stroke-base-2-active {
  stroke: #212a23;
}
.sr-bb .srt-fill-base-2-hover {
  fill: #212a23;
}
.sr-bb .srt-stroke-base-2-hover {
  stroke: #212a23;
}
.sr-bb .srt-fill-base-3 {
  fill: #212a23;
}
.sr-bb .srt-stroke-base-3 {
  stroke: #212a23;
}
.sr-bb .srt-fill-base-3-active {
  fill: #283522;
}
.sr-bb .srt-stroke-base-3-active {
  stroke: #283522;
}
.sr-bb .srt-fill-base-3-hover {
  fill: #283522;
}
.sr-bb .srt-stroke-base-3-hover {
  stroke: #283522;
}
.sr-bb .srt-fill-primary-1 {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-primary-1 {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-primary-2 {
  fill: #bcf958;
}
.sr-bb .srt-stroke-primary-2 {
  stroke: #bcf958;
}
.sr-bb .srt-fill-primary-3 {
  fill: #8fdd0f;
}
.sr-bb .srt-stroke-primary-3 {
  stroke: #8fdd0f;
}
.sr-bb .srt-fill-primary-4 {
  fill: #669919;
}
.sr-bb .srt-stroke-primary-4 {
  stroke: #669919;
}
.sr-bb .srt-fill-primary-5 {
  fill: #669919;
}
.sr-bb .srt-stroke-primary-5 {
  stroke: #669919;
}
.sr-bb .srt-fill-primary-6 {
  fill: #c7fa75;
}
.sr-bb .srt-stroke-primary-6 {
  stroke: #c7fa75;
}
.sr-bb .srt-fill-primary-7 {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-primary-7 {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-primary-8 {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-primary-8 {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-primary-8-is-active-1 {
  fill: #8fdd0f;
}
.sr-bb .srt-stroke-primary-8-is-active-1 {
  stroke: #8fdd0f;
}
.sr-bb .srt-fill-primary-8-is-active-2 {
  fill: #8fdd0f;
}
.sr-bb .srt-stroke-primary-8-is-active-2 {
  stroke: #8fdd0f;
}
.sr-bb .srt-fill-primary-9 {
  fill: #3b5420;
}
.sr-bb .srt-stroke-primary-9 {
  stroke: #3b5420;
}
.sr-bb .srt-fill-primary-10 {
  fill: #82c815;
}
.sr-bb .srt-stroke-primary-10 {
  stroke: #82c815;
}
.sr-bb .srt-fill-primary-11 {
  fill: #8fdd0f;
}
.sr-bb .srt-stroke-primary-11 {
  stroke: #8fdd0f;
}
.sr-bb .srt-fill-primary-12 {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-primary-12 {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-home-1 {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-home-1 {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-home-2 {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-home-2 {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-home-3 {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-home-3 {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-home-4 {
  fill: #74b017;
}
.sr-bb .srt-stroke-home-4 {
  stroke: #74b017;
}
.sr-bb .srt-fill-home-5 {
  fill: #c1f964;
}
.sr-bb .srt-stroke-home-5 {
  stroke: #c1f964;
}
.sr-bb .srt-fill-away-1 {
  fill: #FB4D3D;
}
.sr-bb .srt-stroke-away-1 {
  stroke: #FB4D3D;
}
.sr-bb .srt-fill-away-2 {
  fill: #FB4D3D;
}
.sr-bb .srt-stroke-away-2 {
  stroke: #FB4D3D;
}
.sr-bb .srt-fill-away-3 {
  fill: #FB4D3D;
}
.sr-bb .srt-stroke-away-3 {
  stroke: #FB4D3D;
}
.sr-bb .srt-fill-away-4 {
  fill: #b53a36;
}
.sr-bb .srt-stroke-away-4 {
  stroke: #b53a36;
}
.sr-bb .srt-fill-away-5 {
  fill: #fc8b81;
}
.sr-bb .srt-stroke-away-5 {
  stroke: #fc8b81;
}
.sr-bb .srt-fill-neutral-1 {
  fill: #2f2d42;
}
.sr-bb .srt-stroke-neutral-1 {
  stroke: #2f2d42;
}
.sr-bb .srt-fill-neutral-2 {
  fill: #e7e7e9;
}
.sr-bb .srt-stroke-neutral-2 {
  stroke: #e7e7e9;
}
.sr-bb .srt-fill-neutral-3 {
  fill: rgba(255, 255, 255, 0.12);
}
.sr-bb .srt-stroke-neutral-3 {
  stroke: rgba(255, 255, 255, 0.12);
}
.sr-bb .srt-fill-neutral-4 {
  fill: #ababb3;
}
.sr-bb .srt-stroke-neutral-4 {
  stroke: #ababb3;
}
.sr-bb .srt-fill-neutral-5 {
  fill: #c3c3c9;
}
.sr-bb .srt-stroke-neutral-5 {
  stroke: #c3c3c9;
}
.sr-bb .srt-fill-neutral-6 {
  fill: #49485a;
}
.sr-bb .srt-stroke-neutral-6 {
  stroke: #49485a;
}
.sr-bb .srt-fill-neutral-7 {
  fill: #ababb3;
}
.sr-bb .srt-stroke-neutral-7 {
  stroke: #ababb3;
}
.sr-bb .srt-fill-neutral-8 {
  fill: #2f2d42;
}
.sr-bb .srt-stroke-neutral-8 {
  stroke: #2f2d42;
}
.sr-bb .srt-fill-neutral-9 {
  fill: #1e1c33;
}
.sr-bb .srt-stroke-neutral-9 {
  stroke: #1e1c33;
}
.sr-bb .srt-fill-neutral-10 {
  fill: #2d2b40;
}
.sr-bb .srt-stroke-neutral-10 {
  stroke: #2d2b40;
}
.sr-bb .srt-fill-neutral-11 {
  fill: #706e7d;
}
.sr-bb .srt-stroke-neutral-11 {
  stroke: #706e7d;
}
.sr-bb .srt-fill-neutral-12 {
  fill: #b7b7be;
}
.sr-bb .srt-stroke-neutral-12 {
  stroke: #b7b7be;
}
.sr-bb .srt-fill-neutral-13 {
  fill: #28263c;
}
.sr-bb .srt-stroke-neutral-13 {
  stroke: #28263c;
}
.sr-bb .srt-fill-win {
  fill: rgb(var(--brand-secondary));
}
.sr-bb .srt-stroke-win {
  stroke: rgb(var(--brand-secondary));
}
.sr-bb .srt-fill-draw {
  fill: rgba(255, 255, 255, 0.4);
}
.sr-bb .srt-stroke-draw {
  stroke: rgba(255, 255, 255, 0.4);
}
.sr-bb .srt-fill-lose {
  fill: #FB4D3D;
}
.sr-bb .srt-stroke-lose {
  stroke: #FB4D3D;
}
.sr-bb .srt-stop-base-1 {
  stop-color: transparent;
}
.sr-bb .srt-stop-primary-1 {
  stop-color: rgb(var(--brand-secondary));
}
.sr-bb .srt-stop-primary-2 {
  stop-color: #bcf958;
}
.sr-bb .srt-stop-primary-3 {
  stop-color: #8fdd0f;
}
.sr-bb .srt-stop-primary-4 {
  stop-color: #669919;
}
.sr-bb .srt-stop-primary-5 {
  stop-color: #669919;
}
.sr-bb .srt-stop-primary-6 {
  stop-color: #c7fa75;
}
.sr-bb .srt-stop-primary-7 {
  stop-color: rgb(var(--brand-secondary));
}
.sr-bb .srt-stop-primary-8 {
  stop-color: rgb(var(--brand-secondary));
}
.sr-bb .srt-stop-primary-9 {
  stop-color: #3b5420;
}
.sr-bb .srt-stop-primary-10 {
  stop-color: #82c815;
}
.sr-bb .srt-stop-primary-11 {
  stop-color: #8fdd0f;
}
.sr-bb .srt-stop-primary-12 {
  stop-color: rgb(var(--brand-secondary));
}
.sr-bb .srt-stop-home-1 {
  stop-color: rgb(var(--brand-secondary));
}
.sr-bb .srt-stop-away-1 {
  stop-color: #FB4D3D;
}
.sr-bb .srt-fill-neutral-14 {
  fill: #100E26;
}
.sr-bb .srt-stroke-neutral-14 {
  stroke: #100E26;
}
.sr-bb .srt-logo-powered-by-light {
  display: none;
}
.sr-bb .srt-logo-powered-by-dark {
  display: inline-block;
}

.widget-wrapper-container[data-v-374bf2d1] {
  border: 1px solid rgb(var(--line-type1-tertiary));
  border-radius: 1rem;
  box-shadow: 0 0.08333333rem 0.33333333rem 0 rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  height: 80vh;
  overflow: hidden;
  -ms-overflow-style: none;
  /* IE and Edge */
  overflow-y: scroll;
  padding: 0.16666667rem 0.41666667rem;
  scrollbar-width: none;
  /* Firefox */
}
.widget-wrapper-container[data-v-374bf2d1]:-webkit-scrollbar {
  display: none;
}
.widget-wrapper-container .close-btn[data-v-374bf2d1] {
  bottom: 3vh;
  left: 50%;
  position: fixed;
  transform: translate(-50%);
}
.widget-wrapper-container .m-livetracker[data-v-374bf2d1] {
  height: 100%;
}
.widget-wrapper-container .m-livetracker[data-v-374bf2d1] .sr-lmt-plus__comp-padding {
  padding-bottom: 56vh;
}

.is-in-widget {
  height: 70vh;
  overflow: hidden scroll;
}
.is-in-widget.is-detail-plugin {
  height: 100%;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-live-stat {
  overflow: hidden;
  width: 100%;
}
.m-live-stat .m-type-list {
  background-color: rgb(var(--brand-tertiary));
  border-bottom: 1px solid rgb(var(--line-type1-primary));
  margin-bottom: 0.66666667rem;
  padding: 0 0.33333333rem;
}
.m-live-stat .m-type-list .m-type-item {
  color: rgb(var(--text-type1-primary));
  cursor: pointer;
  font-weight: 700;
  height: 2.5rem;
  line-height: 2.5rem;
  margin-bottom: -1px;
  padding: 0 0.91666667rem;
}
.m-live-stat .m-type-list .m-type-item .text {
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
}
.m-live-stat .m-type-list .m-type-item.active {
  border-bottom: 4px solid rgb(var(--brand-secondary));
}

[data-v-ace51bee]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.event-widget-container[data-v-ace51bee] {
  align-items: center;
  display: flex;
}
.event-widget-container .event-widget-item-wrapper[data-v-ace51bee] {
  align-items: center;
  display: flex;
  font-size: 12px;
  height: 100%;
  justify-content: center;
  padding-right: 0.66666667rem;
  width: 100%;
}
.event-widget-container .event-widget-item-wrapper[data-v-ace51bee]:last-child {
  padding-right: 0;
}
.event-widget-container .event-widget-item[data-icon="liveMatchTracker"][data-v-ace51bee]::before,
.event-widget-container .event-widget-item[data-icon="liveVirtualMatchTracker"][data-v-ace51bee]::before {
  content: "\e668";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.event-widget-container .event-widget-item[data-icon="liveMatchTracker"][data-v-ace51bee]::before,
.event-widget-container .event-widget-item[data-icon="liveVirtualMatchTracker"][data-v-ace51bee]::before {
  color: rgb(var(--text-type1-primary));
}
.event-widget-container .event-widget-item[data-icon="liveMatchTracker"][data-v-ace51bee]::before,
.event-widget-container .event-widget-item[data-icon="liveVirtualMatchTracker"][data-v-ace51bee]::before {
  color: #ffb404;
}
.event-widget-container .event-widget-item[data-icon="statistics"][data-v-ace51bee]::before {
  content: "\e667";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.event-widget-container .event-widget-item[data-icon="statistics"][data-v-ace51bee]::before {
  color: rgb(var(--text-type1-primary));
}
.event-widget-container .event-widget-item[data-icon="statistics"][data-v-ace51bee]::before {
  color: rgb(var(--highlight-hint));
}

.plus-block[data-v-add4f48e] {
  display: flex;
  flex: 3;
  padding: 0 12px 0 10px;
}
.plus-block .plus-cell[data-v-add4f48e] {
  border: rgb(var(--text-type1-secondary)) 1px solid;
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-block;
  flex: 1;
  font-size: 0.91666667rem;
  height: 28px;
  line-height: 28px;
  margin-left: 10px;
  text-align: center;
  width: 56px;
}
.plus-block .plus-cell[data-v-add4f48e]:first-child {
  margin-left: 0;
}

[data-v-bf18ca9a]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.update-default-stake[data-v-bf18ca9a] {
  flex: 2;
  font-size: 1rem;
  line-height: 30px;
  padding-left: 24px;
}
.m-icon-check[data-v-bf18ca9a] {
  position: relative;
}
.m-icon-check[data-v-bf18ca9a]::before {
  border: 1px solid rgb(var(--text-type1-secondary));
  border-radius: 3px;
  box-sizing: border-box;
  content: '';
  display: inline-block;
  height: 16px;
  left: -24px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}
.m-icon-check--checked[data-v-bf18ca9a]::before {
  content: '\e626';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-check--checked[data-v-bf18ca9a]::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-icon-check--checked[data-v-bf18ca9a]::before {
  background-color: rgb(var(--brand-secondary));
  border: 1px solid rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
  font-size: 0.83333333rem;
}
.m-icon-check--disabled[data-v-bf18ca9a]::before {
  background-color: rgb(var(--text-disable-type2-primary));
  border: 1px solid rgb(var(--text-disable-type2-primary));
}

.flexpad-wrap[data-v-62031b3d] {
  display: flex;
}
.left[data-v-62031b3d] {
  flex: 8;
}
.right[data-v-62031b3d] {
  align-items: center;
  background-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
  display: flex;
  flex: 2;
  justify-content: center;
}
.m-keyboard-row[data-v-62031b3d] {
  display: flex;
}
.m-keyboard-row .m-keyboard-key[data-v-62031b3d] {
  background-color: rgb(var(--background-type2-secondary));
  box-shadow: inset -1px -1px 0 0 rgb(var(--background-type2-secondary));
  color: rgb(var(--text-type2-primary));
  flex: 1;
  padding: 0.83333333rem 0;
  text-align: center;
}
.m-keyboard-row .m-keyboard-key.action[data-v-62031b3d] {
  align-items: center;
  display: flex;
  flex: 2;
  justify-content: center;
}
.m-keyboard-row .m-keyboard-key[data-v-62031b3d]:active {
  background-color: #50545F;
}
.m-keyboard-row .m-keyboard-delete svg[data-v-62031b3d] {
  vertical-align: top;
}
.m-keyboard-row .m-keyboard-delete svg path[data-v-62031b3d] {
  fill: rgb(var(--text-type2-primary));
}
.m-keyboard-row .m-keyboard-clear[data-v-62031b3d] {
  font-size: 1rem;
}
.m-keyboard-row .m-keyboard-done[data-v-62031b3d] {
  background-color: rgb(var(--brand-secondary));
  flex: 2;
}
.m-keyboard-row .m-keyboard-done[data-v-62031b3d]:active {
  background-color: rgb(var(--highlight-focus));
}

.m-keyboard[data-v-5f881052] {
  margin-top: 0.41666667rem;
  outline: none;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
}
.m-keyboard .save-prefer-row[data-v-5f881052] {
  background: rgb(var(--background-type2-secondary));
  border-bottom: rgb(var(--line-type1-secondary)) 1px solid;
  color: rgb(var(--text-type2-primary));
  display: flex;
  padding: 8px 0;
  width: 100%;
}

@font-face {
  font-display: 'swap';
  font-family: Roboto-Bold;
  src: url(//s.football.com/global/main/common/style/fonts/Roboto-Bold.88d61d57d5.ttf);
}
@font-face {
  font-display: 'swap';
  font-family: Roboto-Medium;
  src: url(//s.football.com/global/main/common/style/fonts/Roboto-Medium.af9d01395a.ttf);
}
@font-face {
  font-display: 'swap';
  font-family: Roboto-Regular;
  src: url(//s.football.com/global/main/common/style/fonts/Roboto-Regular.ae3a8db937.ttf);
}
.bet-count-wrapper[data-v-307b3636] {
  align-items: center;
  display: inline-flex;
  font-family: Roboto-Bold;
  font-size: 1.16666667rem;
  position: relative;
}
.bet-count-wrapper > span[data-v-307b3636] {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 2.16666667rem;
  justify-content: center;
  width: 2.16666667rem;
}
.bet-count-wrapper .real-theme[data-v-307b3636] {
  background-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.bet-count-wrapper .real-theme.is-zero[data-v-307b3636] {
  background-color: rgb(var(--background-type2-tertiary));
  color: rgb(var(--text-type1-primary));
}
.bet-count-wrapper .sim-theme[data-v-307b3636] {
  background-color: rgb(var(--sim-primary));
  color: #1B1E25;
}

.drawer__mask[data-v-b51298ba] {
  background: rgb(var(--background-type2-primary));
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: fixed;
  top: 0;
  width: 100%;
}
.drawer__content[data-v-b51298ba] {
  background: rgb(var(--background-type1-secondary));
  color: rgb(var(--text-type1-tertiary));
  overflow: auto;
  position: fixed;
}
.drawer .left[data-v-b51298ba] {
  bottom: 0;
  left: 0;
  top: 0;
}
.drawer .right[data-v-b51298ba] {
  bottom: 0;
  right: 0;
  top: 0;
}
.drawer .top[data-v-b51298ba] {
  left: 0;
  right: 0;
  top: 0;
}
.drawer .bottom[data-v-b51298ba] {
  bottom: 0;
  left: 0;
  right: 0;
}
.drawer .bottom-enter-active[data-v-b51298ba],
.drawer .bottom-leave-active[data-v-b51298ba] {
  transition: all 0.3s;
}
.drawer .bottom-enter-from[data-v-b51298ba],
.drawer .bottom-leave-to[data-v-b51298ba] {
  transform: translateY(100%) !important;
}
.drawer .right-enter-active[data-v-b51298ba],
.drawer .right-leave-active[data-v-b51298ba] {
  transition: all 0.3s;
}
.drawer .right-enter-from[data-v-b51298ba],
.drawer .right-leave-to[data-v-b51298ba] {
  transform: translateX(100%);
}

.bottom-panel-drawer[data-v-3ad8781f] {
  position: relative;
  transition: all 0.3s;
  z-index: var(--bottom-panel-z-index);
}
.bottom-panel-drawer[data-v-3ad8781f] .drawer__content {
  border-radius: 0.83333333rem 0.83333333rem 0 0;
}
.bottom-panel-drawer.close-btn .bottom-panel[data-v-3ad8781f] {
  background-color: transparent;
  padding: 0;
}
.bottom-panel-drawer.close-btn .bottom-panel .close-icon[data-v-3ad8781f] {
  color: #FFFFFF;
}
.bottom-panel-drawer.close-btn[data-v-3ad8781f] .drawer__content {
  background: transparent;
}
.bottom-panel-drawer.close-btn[data-v-3ad8781f] .drawer__mask {
  background-color: #000000;
  opacity: 0.8;
}
.bottom-panel[data-v-3ad8781f] {
  background-color: rgb(var(--brand-tertiary));
  padding: 0 1.33333333rem 0.66666667rem 1.33333333rem;
  position: relative;
}
.bottom-panel .top[data-v-3ad8781f] {
  padding: 1.875rem 0 0.66666667rem 0;
}
.bottom-panel .top .bar[data-v-3ad8781f] {
  background: #d9d9d9;
  border-radius: 1.5rem;
  height: 0.33333333rem;
  margin: auto;
  width: 5rem;
}
.bottom-panel .content[data-v-3ad8781f] {
  height: calc(100% -  2.33333333rem );
  overflow: auto;
}

.match-list-title[data-v-59bafa6c] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  font-weight: 900;
  margin-right: 1rem;
  padding: 0.33333333rem;
}
.triangle-icon[data-v-59bafa6c] {
  color: rgb(var(--brand-secondary));
}
[data-v-59bafa6c] .bottom-panel-text {
  background-color: rgb(var(--line-type1-secondary));
  border-radius: 10px;
  color: rgb(var(--text-type1-tertiary));
  display: block;
  font-size: 1rem;
  font-weight: 700;
  padding: 1rem 0;
  text-align: center;
}
[data-v-59bafa6c] .bottom-panel-text:not(:last-child) {
  margin-bottom: 1rem;
}
.popup-hint[data-v-59bafa6c] {
  padding: 0.66666667rem 1.16666667rem;
  z-index: var(--m-bottom-fixed-z-index);
}
.popup-hint[data-v-59bafa6c] .m-popOver {
  align-items: center;
  display: flex;
}
.popup-hint[data-v-59bafa6c] .m-popOver svg {
  width: 3.33333333rem;
}
.popup-hint[data-v-59bafa6c] .m-popOver svg path {
  fill: rgb(var(--text-type1-secondary));
}

.select-section[data-v-73d7de3d] {
  align-items: center;
  border: 1px solid rgb(var(--line-type1-secondary));
  border-radius: 0.16666667rem;
  box-sizing: border-box;
  display: flex;
  grid-template-columns: 2rem 1fr 5.66666667rem;
  justify-content: space-between;
  padding: 1.33333333rem 1rem;
  position: relative;
}
.select-section.disabled[data-v-73d7de3d]::before {
  background-color: rgb(var(--text-type1-secondary));
  content: '';
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
}
.select-section.disabled .title[data-v-73d7de3d],
.select-section.disabled .switch[data-v-73d7de3d] {
  color: rgb(var(--text-type1-secondary));
}
.select-section .prepend[data-v-73d7de3d],
.select-section .title[data-v-73d7de3d],
.select-section .append[data-v-73d7de3d] {
  display: table-cell;
  vertical-align: middle;
}
.select-section .title[data-v-73d7de3d],
.select-section .append[data-v-73d7de3d] {
  font-size: 1.16666667rem;
  line-height: 1;
}
.select-section .prepend[data-v-73d7de3d] {
  width: 2rem;
}
.select-section .prepend > img[data-v-73d7de3d] {
  height: 100%;
  width: 100%;
}
.select-section .title[data-v-73d7de3d] {
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  padding-left: 1.33333333rem;
}
.select-section .append[data-v-73d7de3d] {
  width: 5.66666667rem;
}

.selector-bottom-panel-wrapper[data-v-a6f03aaa] {
  inset: 0;
  position: relative;
  z-index: 0;
}
.selector-bottom-panel-wrapper[data-v-a6f03aaa] .drawer__content {
  max-height: 80%;
}
.switch[data-v-a6f03aaa] {
  position: relative;
}
.loading-mask[data-v-a6f03aaa] {
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  left: 0;
  pointer-events: auto;
  position: fixed;
  right: 0;
  transition: all 0.3s;
  z-index: calc(var(--bottom-panel-z-index) + 1);
}
.loading-spinner[data-v-a6f03aaa] {
  animation: spin-a6f03aaa 1s linear infinite;
  border: 3px solid transparent;
  border-radius: 50%;
  border-top: 3px solid rgb(var(--brand-secondary));
  height: 36px;
  width: 36px;
}
@keyframes spin-a6f03aaa {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

.MarketToggle[data-v-1df91e87] {
  --distance: 16px;
  --icon-bg: rgb(var(--text-type1-secondary));
  --track-bg: rgb(var(--text-disable-type1-primary));
  --track-opacity: 1;
  align-items: center;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  margin-left: auto;
  padding: 0 0.41666667rem;
  position: sticky;
  right: -1px;
  top: 0;
}
.MarketToggle.active[data-v-1df91e87] {
  --distance: 36px;
  --icon-bg: rgb(var(--brand-secondary));
  --track-bg: rgb(var(--brand-secondary));
  --track-opacity: 0.5;
}
.MarketToggle .track[data-v-1df91e87] {
  background-color: var(--track-bg);
  border-radius: 20px;
  height: 14px;
  margin-left: 12px;
  opacity: var(--track-opacity);
  position: relative;
  transition: background-color 0.5s, opacity 0.5s;
  width: 34px;
}
.MarketToggle .svg-icon[data-v-1df91e87] {
  background-color: rgb(var(--background-type2-primary));
  border-radius: 50%;
  color: var(--icon-bg);
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(var(--distance), -50%) scale(1.5);
  transition: background-color 0.5s, transform 0.5s, color 0.5s;
  width: 16px;
}

.MarketToggle[data-v-4ad1d72e] {
  --distance: 16px;
  --icon-bg: rgb(var(--text-type1-secondary));
  --track-bg: rgb(var(--text-disable-type1-primary));
  --track-opacity: 1;
  align-items: center;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  margin-left: auto;
  padding: 0 0.41666667rem;
  position: sticky;
  right: -1px;
  top: 0;
}
.MarketToggle.active[data-v-4ad1d72e] {
  --distance: 36px;
  --icon-bg: rgb(var(--brand-secondary));
  --track-bg: rgb(var(--brand-secondary));
  --track-opacity: 0.5;
}
.MarketToggle .track[data-v-4ad1d72e] {
  background-color: var(--track-bg);
  border-radius: 20px;
  height: 14px;
  margin-left: 12px;
  opacity: var(--track-opacity);
  position: relative;
  transition: background-color 0.5s, opacity 0.5s;
  width: 34px;
}
.MarketToggle .svg-icon[data-v-4ad1d72e] {
  background-color: rgb(var(--background-type2-primary));
  border-radius: 50%;
  color: var(--icon-bg);
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(var(--distance), -50%) scale(1.5);
  transition: background-color 0.5s, transform 0.5s, color 0.5s;
  width: 16px;
}

.MarketToggle[data-v-7df71c92] {
  --distance: 16px;
  --icon-bg: rgb(var(--text-type1-secondary));
  --track-bg: rgb(var(--text-disable-type1-primary));
  --track-opacity: 1;
  align-items: center;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  margin-left: auto;
  padding: 0 0.41666667rem;
  position: sticky;
  right: -1px;
  top: 0;
}
.MarketToggle.active[data-v-7df71c92] {
  --distance: 36px;
  --icon-bg: rgb(var(--brand-secondary));
  --track-bg: rgb(var(--brand-secondary));
  --track-opacity: 0.5;
}
.MarketToggle .track[data-v-7df71c92] {
  background-color: var(--track-bg);
  border-radius: 20px;
  height: 14px;
  margin-left: 12px;
  opacity: var(--track-opacity);
  position: relative;
  transition: background-color 0.5s, opacity 0.5s;
  width: 34px;
}
.MarketToggle .svg-icon[data-v-7df71c92] {
  background-color: rgb(var(--background-type2-primary));
  border-radius: 50%;
  color: var(--icon-bg);
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(var(--distance), -50%) scale(1.5);
  transition: background-color 0.5s, transform 0.5s, color 0.5s;
  width: 16px;
}

.sport-pool[data-v-f081269c] {
  display: flex;
  flex-wrap: wrap;
  max-height: 30vh;
}
.group-title[data-v-f081269c] {
  color: rgb(var(--text-type1-secondary));
  font-size: 1.16666667rem;
  font-weight: 500;
  line-height: 1.66666667rem;
  margin-bottom: 0.66666667rem;
}
.sport-item[data-v-f081269c] {
  align-items: center;
  border: 1px solid rgb(var(--disable-brand-secondary));
  border-radius: 1.66666667rem;
  color: rgb(var(--text-type1-primary));
  display: inline-flex;
  margin: 0 0.66666667rem 0.66666667rem 0;
  padding: 0.33333333rem 1rem;
}
.sport-item i[data-v-f081269c] {
  margin-right: 0.66666667rem;
}
.sport-item i[data-v-f081269c]::before {
  color: rgb(var(--text-type1-primary));
}
.sport-item.active[data-v-f081269c] {
  background-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.sport-item.active i[data-v-f081269c]::before {
  color: rgb(var(--brand-tertiary));
}

.match-market-selector[data-v-214fbe60] {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  white-space: nowrap;
  width: 100%;
}
.match-market-selector[data-v-214fbe60]::-webkit-scrollbar {
  display: none;
}
.match-market-selector .market-tag[data-v-214fbe60] {
  background-color: rgb(var(--background-type1-primary));
  border-radius: 1rem;
  margin-right: 0.33333333rem;
  padding: 0.33333333rem 1rem;
}
.match-market-selector .market-tag.live[data-v-214fbe60] {
  background-color: rgb(var(--background-type2-secondary));
}
.match-market-selector .market-tag h3[data-v-214fbe60] {
  color: rgb(var(--text-type2-primary));
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.33333333rem;
}
.match-market-selector .market-tag.more[data-v-214fbe60] {
  border: 1px dashed rgb(var(--text-type1-secondary));
  color: rgb(var(--text-type2-primary));
  padding: 0.33333333rem 1.33333333rem;
}
.match-market-selector .market-tag.active[data-v-214fbe60] {
  background-color: rgb(var(--brand-secondary));
}
.match-market-selector .market-tag.active h3[data-v-214fbe60] {
  color: rgb(var(--brand-primary));
}

.filter-option.active[data-v-6848c7c4] {
  color: rgb(var(--brand-secondary));
}

.sport-icon-row[data-v-5225e906] {
  display: flex;
}
.icon-wrapper[data-v-5225e906] {
  padding-left: 1rem;
}
div.icon-size[data-v-5225e906]::before {
  font-size: 1.5rem;
}
div.icon-size.active[data-v-5225e906]::before {
  color: rgb(var(--brand-secondary));
}

.sport-name-row[data-v-c4bf4a68] {
  display: flex;
}
.name-wrapper[data-v-c4bf4a68] {
  padding-left: 1rem;
}
.name-wrapper h2[data-v-c4bf4a68] {
  color: rgb(var(--text-type1-secondary));
}
.name-wrapper.active h2[data-v-c4bf4a68] {
  color: rgb(var(--brand-secondary));
}

.match-sport-selector[data-v-0610e7ea] {
  align-items: center;
  display: flex;
  overflow: auto;
  width: 100%;
}
.match-sport-selector[data-v-0610e7ea]::-webkit-scrollbar {
  display: none;
}
.match-sport-selector .add-custom-sport[data-v-0610e7ea] {
  margin-left: 1rem;
}
.match-sport-selector .add-custom-sport.active[data-v-0610e7ea] {
  border-color: rgb(var(--highlight-focus));
}
.match-sport-selector .add-custom-sport.active .icon[data-v-0610e7ea]::before {
  color: rgb(var(--brand-secondary));
}
.match-sport-selector .add-custom-sport .icon[data-v-0610e7ea] {
  transform: scale(0.9);
}
.edit-pen-wrapper[data-v-0610e7ea] {
  margin-left: 1rem;
}
.dashed-circle[data-v-0610e7ea] {
  align-items: center;
  border: 1px dashed rgb(var(--text-type1-secondary));
  border-radius: 50%;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.plus-icon-svg[data-v-0610e7ea],
.edit-icon-svg[data-v-0610e7ea] {
  color: rgb(var(--text-type1-primary));
}

.all-specifiers-wrapper[data-v-41849e78] {
  background-color: rgb(var(--background-type1-primary));
  border-radius: 0.83333333rem;
  display: inline-block;
  padding: 0.16666667rem 0.5rem 0.16666667rem 0.83333333rem;
  position: relative;
}
.all-specifiers-wrapper.live[data-v-41849e78] {
  background-color: rgb(var(--background-type2-secondary));
}
.all-specifiers-wrapper.is-expanded[data-v-41849e78] {
  background-color: rgb(var(--brand-secondary));
}
.all-specifiers-wrapper.is-expanded h5[data-v-41849e78],
.all-specifiers-wrapper.is-expanded .icon[data-v-41849e78] {
  color: rgb(var(--brand-tertiary));
}
.all-specifiers[data-v-41849e78] {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.all-specifiers h5[data-v-41849e78],
.all-specifiers .icon[data-v-41849e78] {
  color: rgb(var(--text-type2-primary));
}
.all-specifiers .icon[data-v-41849e78] {
  flex: 0 0 auto;
  margin-left: 0.33333333rem;
}
.specifier-option-list[data-v-41849e78] {
  max-height: 30vh;
}
.specifier-option-container[data-v-41849e78] {
  padding-bottom: 0.66666667rem;
}
.specifier-option[data-v-41849e78] {
  background-color: rgb(var(--line-type1-secondary));
  border-radius: 0.83333333rem;
  color: rgb(var(--text-type1-tertiary));
  font-size: 1.16666667rem;
  font-weight: 700;
  padding: 1rem 0;
  text-align: center;
  width: 100%;
}

[data-v-8662d370]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.league-title-wrapper[data-v-8662d370] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0.66666667rem 0;
}
.league-title-wrapper h4[data-v-8662d370] {
  color: rgb(var(--text-type1-primary));
  font-weight: 700;
}
.league-title-wrapper .icon-triangle[data-v-8662d370] {
  display: inline-block;
  padding-right: 0.66666667rem;
}
.league-title-wrapper .icon-triangle[data-v-8662d370]::before {
  content: '\e633';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.league-title-wrapper .icon-triangle[data-v-8662d370]::before {
  color: rgb(var(--text-type1-tertiary));
}
.league-title-wrapper .icon-triangle[data-v-8662d370]::before {
  display: inline-block;
  transform: rotate(-90deg);
}
.league-title-wrapper .icon-triangle.collapsed[data-v-8662d370]::before {
  transform: rotate(180deg);
}
.league-title-wrapper .icon-triangle[data-v-8662d370]::before {
  color: rgb(var(--brand-secondary));
  display: inline-block;
  font-size: 0.83333333rem;
  height: 1.16666667rem;
  line-height: 1.4;
  overflow: hidden;
  vertical-align: middle;
}
.league-wrapper[data-v-8662d370] {
  height: auto;
  max-height: 0;
  overflow: hidden;
}
.league-wrapper[data-v-8662d370]:not(.collapsed) {
  max-height: none;
}
.flex-box[data-v-8662d370] {
  display: flex;
}

.toggle-all-icon[data-v-2c3f1176] {
  color: rgb(var(--text-type1-primary));
}

.af-select-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.af-select-item.active {
  background: rgb(var(--background-type1-primary));
  color: rgb(var(--text-type1-primary));
}
.af-select-item.hover {
  background: rgb(var(--background-type1-primary));
}

.af-select-item-title {
  display: block;
  width: 100%;
  text-align: center;
  background: rgb(var(--background-type1-primary));
}

.af-select-list {
  background-color: rgb(var(--brand-tertiary));
  border: 1px solid rgb(var(--line-type1-secondary));
  margin-top: -1px;
  overflow-y: auto;
  position: absolute;
  z-index: 888;
}
.af-select-list.animate-core {
  opacity: 0;
  transition: all 0.3s;
}
.af-select-list.animate-bounce-down {
  opacity: 1;
}

.af-select {
  outline: none;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.af-select.af-select-open .af-select-title {
  border: 1px solid rgb(var(--brand-secondary));
}
.af-select.af-select-open .af-select-icon-item {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.af-select.disable {
  background: rgb(var(--disable-brand-secondary));
  color: rgb(var(--text-disable-type1-primary));
}
.af-select .af-select-title {
  border: 1px solid rgb(var(--text-type1-secondary));
  display: inline-table;
  height: 24px;
  line-height: 24px;
  width: 100%;
}
.af-select .af-select-title .af-select-input {
  display: table-cell;
  height: 100%;
  outline: none;
  vertical-align: top;
  width: 100%;
}
.af-select .af-select-title .af-select-input.input {
  border: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.af-select .af-select-title .af-select-input .placeholder {
  color: rgb(var(--text-disable-type1-primary));
}
.af-select .af-select-title .af-select-icon-item {
  display: table-cell;
  transition: transform 0.3s ease;
}
.af-select .af-select-title .af-select-icon-item .icon {
  display: block;
  height: 100%;
  text-align: center;
  width: 24px;
}

.m-minfo {
  font-size: 1.33333333rem;
  line-height: 1.5;
  padding-top: 1.16666667rem;
  word-break: break-word;
}
.m-minfo-h3 {
  font-size: 1.66666667rem;
  font-weight: bold;
  margin: 0 -5% 0 0;
}
.m-mpesa-long-tit .m-minfo-h3 {
  font-size: 1.5rem;
}

.m-fm-dialog {
  padding-top: 0!important;
  border-radius: 0.16666667rem;
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.22), 0 2rem 2rem 0 rgba(0, 0, 0, 0.3);
}
.m-fm-dialog .es-dialog-head {
  min-height: 1.66666667rem;
}
.m-fm-dialog .es-dialog-body {
  background: rgb(var(--brand-tertiary)) !important;
}
.m-fm-dialog .es-dialog-body .m-dialog-main {
  padding: 0 8%;
  background: rgb(var(--brand-tertiary)) !important;
}
.m-fm-dialog .es-dialog-footer {
  background: rgb(var(--brand-tertiary));
  text-align: right;
  display: block;
  box-sizing: border-box;
  padding: 0.66666667rem 2.85%;
}
.m-fm-dialog .es-dialog-footer .es-dialog-btn {
  display: inline-block;
  min-width: 6.16666667rem;
  padding: 0 0.83333333rem;
  width: auto;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.16666667rem;
  border: none;
  background: rgb(var(--brand-tertiary));
  font-weight: bold;
  color: rgb(var(--brand-secondary));
}
.m-fm-dialog .es-dialog-footer .es-dialog-btn:not(:last-child) {
  font-weight: normal;
  color: rgb(var(--text-type1-secondary));
  margin-right: 0.41666667rem;
}
.m-cfm-dialog {
  border: none;
  border-radius: 0;
  padding-top: 0!important;
}
.m-cfm-dialog .es-dialog-head {
  min-height: 1.83333333rem;
}
.m-cfm-dialog .es-dialog-body {
  background: rgb(var(--brand-tertiary)) !important;
}
.m-cfm-dialog .es-dialog-body .m-dialog-main {
  padding: 0 8%;
  background: rgb(var(--brand-tertiary)) !important;
}
.m-cfm-dialog .m-dialog-footer .es-dialog-btn {
  font-size: 1.33333333rem;
  border: none;
  box-sizing: border-box;
}
.m-cfm-dialog .m-dialog-footer .es-dialog-btn:first-child {
  background: rgb(var(--brand-type2-secondary));
  color: rgb(var(--brand-tertiary));
  width: 26.67%;
}
.m-cfm-dialog .m-dialog-footer .es-dialog-btn:last-child {
  background: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
  width: 73.33%;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.share-bet-container {
  bottom: 0;
  font-family: Helvetica, Arial, sans-serif;
  left: -200vw;
  position: fixed;
  transform: scale(2);
  width: 360px;
  z-index: 1000;
}
.share-bet-container .m-sport-icon {
  font-family: iconfont !important;
}
.share-bet-container .m-sport-icon::before {
  color: #000000;
  font-size: 18px;
  margin-right: 8px;
}
.share-bet-container .flag-img {
  margin-left: 6px;
  width: 20px;
}
.share-bet-container .int-img {
  margin-left: 6px;
  width: 20px;
}
.share-bet-container .m-region-name {
  color: rgb(var(--text-type2-primary));
  display: inline-block;
  transform: translate(4px, -2px);
}
.share-bet-container .m-header {
  align-items: center;
  background: rgb(var(--brand-primary));
  color: rgb(var(--brand-tertiary));
  display: flex;
  height: 48px;
  justify-content: space-between;
  padding: 0 12px;
}
.share-bet-container .m-header .m-icon-logo {
  font-family: iconfont !important;
}
.share-bet-container .m-header .m-icon-logo::before {
  content: '\e618';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.share-bet-container .m-header .m-icon-logo::before {
  font-size: 21px;
}
.share-bet-container .m-header .m-icon-logo-encore {
  height: 25.6px;
  width: 133.6px;
}
.share-bet-container .m-header .m-flex-right {
  font-size: 12px;
  text-align: right;
}
.share-bet-container .m-header .m-flex-right .m-desc,
.share-bet-container .m-header .m-flex-right .m-date {
  color: rgb(var(--text-type2-primary));
  line-height: 14px;
}
.share-bet-container .m-booking-code-body {
  background: rgb(var(--background-type1-primary));
  color: rgb(var(--text-type2-primary));
  padding: 0 16px 16px;
  width: calc(100% - 32px);
}
.share-bet-container .m-booking-code-body .m-top-des {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
.share-bet-container .m-booking-code-body .m-top-des .m-title {
  padding-top: 16px;
}
.share-bet-container .m-booking-code-body .m-top-des .m-code {
  color: rgb(var(--brand-secondary));
  font-size: 32px;
  line-height: 38px;
  margin: 5px 0;
}
.share-bet-container .m-booking-code-body .m-top-des .m-des {
  background: rgb(var(--background-type1-tertiary));
  border-bottom: 1px solid rgb(var(--brand-secondary));
  color: rgb(var(--text-type2-primary));
  font-size: 12px;
  margin: auto;
  padding: 8px 12px;
  text-align: left;
  width: 196px;
}
.share-bet-container .m-booking-code-body .m-top-des .m-des .m-des-row {
  margin-bottom: 5px;
}
.share-bet-container .m-booking-code-body .m-top-des .m-des .m-des-row .m-item {
  display: inline-block;
  line-height: 18px;
}
.share-bet-container .m-booking-code-body .m-top-des .m-des .m-des-row .m-content {
  float: right;
}
.share-bet-container .m-booking-code-body .m-top-des .m-des .m-des-row:last-child {
  margin-bottom: 0;
}
.share-bet-container .m-booking-code-body .m-top-des .m-bet-now-img {
  margin-top: 12px;
  min-height: 32px;
  width: 95px;
}
.share-bet-container .m-slip-content {
  background: rgb(var(--background-type1-secondary));
  color: rgb(var(--text-type1-primary));
  margin-top: 16px;
  text-align: left;
}
.share-bet-container .m-slip-content > div {
  width: 100%;
}
.share-bet-container .m-slip-content .m-slip-bar {
  background-color: rgb(var(--background-type1-tertiary));
  line-height: 20px;
  position: relative;
}
.share-bet-container .m-slip-content .m-slip-bar .m-label {
  color: rgb(var(--text-type2-primary));
  font-size: 12px;
  line-height: 20px;
}
.share-bet-container .m-slip-content .m-label,
.share-bet-container .m-slip-content .m-value {
  font-size: 14px;
  line-height: 20px;
}
.share-bet-container .m-slip-content .m-label {
  display: inline-block;
  padding-left: 16px;
}
.share-bet-container .m-slip-content .m-value {
  float: right;
  padding-right: 16px;
}
.share-bet-container .m-slip-content .m-slip-stake {
  color: rgb(var(--text-type1-primary));
  padding: 10px 0;
}
.share-bet-container .m-slip-content .m-matches {
  color: rgb(var(--text-type1-primary));
}
.share-bet-container .m-slip-content .m-matches .m-matches-content {
  border-bottom: 1px solid rgb(var(--line-type1-primary));
  padding: 8px 0;
}
.share-bet-container .m-slip-content .m-matches .m-matches-content .matches-title .m-label,
.share-bet-container .m-slip-content .m-matches .m-matches-content .matches-title .m-value {
  font-size: 16px;
  font-weight: bold;
}
.share-bet-container .m-slip-content .m-matches .m-matches-content .matches-title .m-sport-icon {
  font-family: iconfont !important;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.share-bet-container .m-slip-content .m-matches .m-matches-content .matches-title .m-sport-icon::before {
  color: rgb(var(--text-type1-primary));
  font-size: 18px;
}
.share-bet-container .m-slip-content .m-matches .m-matches-content .m-market-desc {
  font-size: 14px;
  font-weight: bold;
}

section[data-v-57eebe02] {
  align-items: center;
  display: inline-flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  margin: 0 7px;
}
.link-icon[data-v-57eebe02] {
  cursor: pointer;
  margin-bottom: 8px;
}

[data-v-2dab4a78]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.image[data-v-2dab4a78] {
  height: 2.66666667rem;
  width: 2.66666667rem;
}
.label[data-v-2dab4a78] {
  color: rgb(var(--text-type1-primary));
  display: block;
  font-size: 1rem;
  line-height: 1.16666667rem;
  text-align: center;
}

[data-v-7b47d645]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.social-share-bottom-panel[data-v-7b47d645] {
  height: 100%;
  inset: 0;
  width: 100%;
  z-index: var(--social-share-bottom-panel);
}
.social-share-bottom-panel.is-in-default-layout[data-v-7b47d645] {
  position: fixed;
}
.social-share-bottom-panel .m-share-mask[data-v-7b47d645] {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
}
.social-share-bottom-panel .m-share-main[data-v-7b47d645] {
  background: rgb(var(--background-type1-primary));
  border-radius: 1.66666667rem 1.66666667rem 0 0;
  bottom: 0;
  left: 0;
  max-height: 25rem;
  position: absolute;
  right: 0;
  z-index: 2;
}
.social-share-bottom-panel .m-title-bar[data-v-7b47d645] {
  box-sizing: border-box;
  height: auto;
  overflow: hidden;
  padding: 0.91666667rem 1.33333333rem;
  position: relative;
  text-align: center;
}
.social-share-bottom-panel .m-title[data-v-7b47d645] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.33333333rem;
  font-weight: 500;
  line-height: 2.66666667rem;
}
.social-share-bottom-panel .m-icon[data-v-7b47d645] {
  margin-bottom: 0.41666667rem;
}
.social-share-bottom-panel .m-icon-close[data-v-7b47d645] {
  color: rgb(var(--text-type1-secondary));
  cursor: pointer;
  display: block;
  float: right;
}
.social-share-bottom-panel .m-icon-close[data-v-7b47d645]::before {
  content: '\e62c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.social-share-bottom-panel .m-icon-close[data-v-7b47d645]::before {
  color: rgb(var(--text-type1-primary));
}
.social-share-bottom-panel .m-icon-close[data-v-7b47d645]::before {
  font-size: 1.33333333rem;
}
.social-share-bottom-panel .m-icon-wrapper[data-v-7b47d645] {
  align-items: flex-start;
  display: flex;
  justify-content: space-around;
  text-align: center;
}

[data-v-4451388e]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
#content-copy[data-v-4451388e] {
  left: 100%;
  margin-bottom: 6px;
  margin-left: 5px;
  margin-top: 4px;
  position: absolute;
  width: 24px;
}
#content-copy[data-v-4451388e]:hover {
  cursor: pointer;
}
.booking-code[data-v-4451388e] {
  bottom: 0;
  color: rgb(var(--text-type1-tertiary));
  height: 100%;
  left: 0;
  overflow: auto;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 23;
}
.booking-code .invisible-item[data-v-4451388e] {
  left: 300vw;
  position: fixed;
}
.booking-code .m-holding-icon[data-v-4451388e] {
  animation: loading-rotate 1.2s linear infinite;
  display: inline-block;
}
.booking-code .m-holding-icon[data-v-4451388e]::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.booking-code .m-holding-icon[data-v-4451388e]::before {
  color: rgb(var(--brand-secondary));
  font-size: 30px;
  line-height: 1;
  vertical-align: top;
}
.booking-code .booking-code-share[data-v-4451388e] {
  background-color: rgb(var(--brand-tertiary));
  bottom: 0;
  padding: 24px 0;
  position: absolute;
  text-align: center;
  width: 100vw;
}
.booking-code .booking-code-share .booking-code-title[data-v-4451388e] {
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  margin-bottom: 8px;
}
.booking-code .booking-code-share .booking-code-share-code[data-v-4451388e] {
  font-size: 28px;
  font-weight: bold;
  line-height: 33px;
  margin: auto;
  margin-bottom: 8px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.booking-code .booking-code-share .booking-code-time[data-v-4451388e] {
  color: rgb(var(--text-type1-secondary));
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 24px;
}
.booking-code .booking-code-share .zoom-image-container[data-v-4451388e] {
  margin: auto;
  position: relative;
}
.booking-code .booking-code-share .zoom-image-container .zoom-image[data-v-4451388e] {
  height: 100px;
}
.booking-code .booking-code-share .zoom-image-container .zoom-handler[data-v-4451388e] {
  cursor: pointer;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
}
.booking-code .booking-code-share .invisible-element[data-v-4451388e] {
  bottom: -100vh;
  position: fixed;
}
.booking-code .booking-code-share .booking-code-links[data-v-4451388e] {
  margin-top: 36px;
  overflow: auto;
  width: 100vw;
}
.booking-code .booking-code-share .booking-code-links .links-container[data-v-4451388e] {
  align-items: start;
  border-collapse: separate;
  border-spacing: 15px;
  display: flex;
  font-size: 13px;
  justify-content: space-around;
}

.m-input-keyboard-wrapper.m-input-err {
  border-color: rgb(var(--warning-primary)) !important;
}
.m-input-keyboard-wrapper.m-input-focus {
  border-color: rgb(var(--brand-secondary)) !important;
}
.m-input-keyboard-wrapper .m-input-wrapper {
  display: block;
}
.m-input-keyboard-wrapper .m-error-info {
  padding: 0.25rem 1.33333333rem;
}
.m-input-keyboard-wrapper .m-error-info > p {
  color: rgb(var(--warning-primary));
  font-size: 0.83333333rem;
  text-align: right;
}
.m-input-keyboard-wrapper .m-keybord-input {
  background-color: rgb(var(--brand-tertiary));
  border: 1px solid rgb(var(--text-type1-secondary));
  border-radius: 0.25rem;
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  height: 2.33333333rem;
  line-height: 2.33333333rem;
  outline: none;
  padding: 0 0.83333333rem;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-align: right;
  width: 7.5rem;
}
.m-input-keyboard-wrapper .m-keybord-input.m-input-focus {
  border-color: rgb(var(--brand-secondary));
}
.m-input-keyboard-wrapper .m-keybord-input.m-input--placeholder {
  color: rgb(var(--text-disable-type1-primary));
  font-size: var(--fontsize);
  white-space: normal;
}
.m-input-keyboard-wrapper .m-keybord-input.m-input-err {
  border-color: rgb(var(--warning-primary));
}
.m-input-keyboard-wrapper .m-keybord-input.m-input--disable {
  background: rgb(var(--background-type1-tertiary));
  border: rgb(var(--line-type1-secondary));
}

.auto-config-input[data-v-696487be] .m-input-wrapper {
  align-items: center;
  display: flex;
  gap: 1rem;
}
.auto-config-input[data-v-696487be] .m-keybord-input {
  width: 100%;
}
.auto-config-input[data-v-696487be] .m-keyboard {
  margin-left: -1.5rem;
  width: calc(100% + 3rem);
}

.rule-active[data-v-1a3e6eed] {
  color: rgb(var(--text-type1-primary));
  padding: 0 1.33333333rem;
}
.rule-active__header[data-v-1a3e6eed] {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 3.83333333rem 0 0.33333333rem 0;
  text-align: center;
}
.rule-active__info[data-v-1a3e6eed] {
  color: rgb(var(--text-type1-secondary));
  font-size: 1rem;
  line-height: 1.4;
  min-height: 4.5rem;
  padding: 0.33333333rem 0 3.5rem 0;
  text-align: center;
}
.rule-active__info--amount[data-v-1a3e6eed] {
  color: rgb(var(--brand-secondary));
  font-size: 1.16666667rem;
  padding-left: 0.16666667rem;
}

[data-v-089f075a]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.loading-icon[data-v-089f075a] {
  animation: spin-089f075a 1s infinite;
  animation-timing-function: linear;
  display: inline-block;
  font-size: 1.16666667rem;
  margin-left: 0.66666667rem;
}
.loading-icon[data-v-089f075a]::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.loading-icon.is-removing-auto-cashout[data-v-089f075a]::before {
  color: rgb(var(--brand-secondary));
}
.loading-icon[data-v-089f075a]:not(.loading-icon.is-removing-auto-cashout)::before {
  color: rgb(var(--brand-tertiary));
}
@keyframes spin-089f075a {
to {
    transform: rotate(360deg);
}
from {
    transform: rotate(0deg);
}
}
.not-cashable[data-v-089f075a] {
  background-color: rgb(var(--disable-type1-primary));
  color: rgb(var(--text-type1-secondary));
}

.add-new-phone-container nav[data-v-1001c048] {
  padding: 1.33333333rem;
}
.add-new-phone-container .main[data-v-1001c048] {
  padding: 0 2rem;
}
.add-new-phone-container .image-container[data-v-1001c048] {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.add-new-phone-container .main-title[data-v-1001c048] {
  font-size: 1.83333333rem;
  font-weight: bold;
  line-height: 2.33333333rem;
  margin-top: 3.33333333rem;
}
.add-new-phone-container .sub-title[data-v-1001c048] {
  font-size: 1.16666667rem;
  margin-top: 1.33333333rem;
}
.add-new-phone-container .input-wrapper[data-v-1001c048] {
  margin-top: 1.33333333rem;
}
.add-new-phone-container .input-wrapper .phone-number[data-v-1001c048] {
  background-color: rgb(var(--background-type1-primary)) !important;
  border: none;
  box-sizing: border-box;
  color: rgb(var(--text-disable-type1-primary));
  padding: 0.66666667rem 0;
}
.add-new-phone-container .input-wrapper .phone-number[data-v-1001c048] .m-input-wap {
  background-color: rgb(var(--background-type1-primary)) !important;
}
.add-new-phone-container .input-wrapper .phone-number[data-v-1001c048] .m-input-wap-prepend {
  background-color: rgb(var(--background-type1-primary)) !important;
}
.add-new-phone-container .input-wrapper .phone-number[data-v-1001c048] .m-input-wap-wrapper--disabled {
  background-color: rgb(var(--background-type1-primary)) !important;
}
.add-new-phone-container .input-wrapper .error-msg[data-v-1001c048],
.add-new-phone-container .input-wrapper .notice-msg[data-v-1001c048] {
  font-size: 1rem;
  line-height: 1.75rem;
  margin-top: 0.16666667rem;
  min-height: 20px;
  text-align: left;
}
.add-new-phone-container .input-wrapper .error-msg[data-v-1001c048] {
  color: rgb(var(--warning-primary));
}
.add-new-phone-container .input-wrapper .notice-msg[data-v-1001c048] {
  color: rgb(var(--text-type1-secondary));
}
.add-new-phone-container .button[data-v-1001c048] {
  height: 4rem;
  margin-top: 1.66666667rem;
  width: 100%;
}

[data-v-7208dceb]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.kyc-entry[data-v-7208dceb] {
  border: 1px solid rgb(var(--line-type1-tertiary));
  border-radius: 10px;
  display: flex;
  height: 8.33333333rem;
  margin-top: 2.66666667rem;
  padding: 1rem;
}
.kyc-entry .left[data-v-7208dceb] {
  margin-right: 0.66666667rem;
  width: 1.66666667rem;
}
.kyc-entry .right[data-v-7208dceb] {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.kyc-entry .right .entry-title[data-v-7208dceb] {
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
  font-weight: 700;
}
.kyc-entry .right .entry-content[data-v-7208dceb] {
  color: rgb(var(--text-type1-secondary));
  font-size: 1rem;
  font-weight: 400;
}

[data-v-79178b84]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.kyc-duplicate-id-info[data-v-79178b84] {
  background-color: rgb(var(--background-type1-primary));
  width: 80dvw;
}
.kyc-duplicate-id-info .info-container[data-v-79178b84] {
  padding: 2.5rem;
}
.kyc-duplicate-id-info .info-container .main-title[data-v-79178b84] {
  font-size: 1.5rem;
  font-weight: 500;
}
.kyc-duplicate-id-info .info-container .sub-title[data-v-79178b84] {
  font-size: 1.16666667rem;
  font-weight: 400;
  margin-top: 1.66666667rem;
}
.kyc-duplicate-id-info .info-container .kyc-entry-container[data-v-79178b84]:focus-within {
  border-color: rgb(var(--brand-secondary));
}
.kyc-duplicate-id-info .info-container .kyc-entry-container:focus-within .key-entry-icon[data-v-79178b84] {
  color: rgb(var(--brand-secondary)) !important;
}
.kyc-duplicate-id-info .info-container .kyc-entry-container[data-v-79178b84]:focus-within .entry-title {
  color: rgb(var(--brand-secondary)) !important;
}

[data-v-7e026b11]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.kyc-confirm-password-container[data-v-7e026b11] {
  background-color: rgb(var(--background-type1-primary));
  padding: 1.66666667rem 1.66666667rem 0.83333333rem 1.66666667rem;
  width: 70dvw;
}
.kyc-confirm-password-container .main-title[data-v-7e026b11] {
  font-size: 1.5rem;
  font-weight: 500;
}
.kyc-confirm-password-container .sub-title[data-v-7e026b11] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  font-weight: 400;
  margin-top: 1.33333333rem;
}
.kyc-confirm-password-container .kyc-password-input[data-v-7e026b11] {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 1.16666667rem;
  height: 4rem;
  margin-top: 1.33333333rem;
  padding-left: 1px;
  padding-right: 1px;
  width: 100%;
}
.kyc-confirm-password-container .kyc-password-input .m-loading-circle-icon[data-v-7e026b11]::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.kyc-confirm-password-container .kyc-password-input input[data-v-7e026b11] {
  height: 100%;
  padding: 1rem 10px;
}
.kyc-confirm-password-container .extra-container[data-v-7e026b11] {
  align-items: center;
  display: flex;
}
.kyc-confirm-password-container .extra-container span[data-v-7e026b11] {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  margin-top: 0.66666667rem;
}
.kyc-confirm-password-container .extra-container .error-msg[data-v-7e026b11] {
  color: rgb(var(--warning-primary));
}
.kyc-confirm-password-container .action-container[data-v-7e026b11] {
  align-items: center;
  display: flex;
  font-size: 1.16666667rem;
  font-weight: 500;
  height: 3.33333333rem;
  justify-content: flex-end;
}
.kyc-confirm-password-container .action-container .buttons[data-v-7e026b11] {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
  width: 7.16666667rem;
}
.kyc-confirm-password-container .action-container .buttons .cancel[data-v-7e026b11],
.kyc-confirm-password-container .action-container .buttons .ok[data-v-7e026b11] {
  align-items: center;
  display: flex;
  height: 100%;
}
.kyc-confirm-password-container .action-container .buttons .cancel[data-v-7e026b11] {
  color: rgb(var(--text-type1-secondary));
}
.kyc-confirm-password-container .action-container .buttons .ok[data-v-7e026b11] {
  color: rgb(var(--brand-secondary));
}
.loading-icon[data-v-7e026b11] {
  animation: spin-7e026b11 1s infinite;
  animation-timing-function: linear;
  color: rgb(var(--brand-secondary));
  display: inline-block;
  font-size: 1.16666667rem;
  margin-left: 0.66666667rem;
}
.loading-icon[data-v-7e026b11]::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.loading-icon[data-v-7e026b11]::before {
  color: rgb(var(--brand-secondary));
}
@keyframes spin-7e026b11 {
to {
    transform: rotate(360deg);
}
from {
    transform: rotate(0deg);
}
}

.flex[data-v-12d75b54] {
  align-items: center;
  display: flex;
}
.flex-item[data-v-12d75b54] {
  text-align: center;
  width: 100%;
}
.replacement-market-title[data-v-12d75b54] {
  border-bottom: 1px solid rgb(var(--brand-secondary));
  color: rgb(var(--brand-secondary));
}
.replacement-market-title > .flex[data-v-12d75b54] {
  width: 50%;
}
.double-arrow-svg[data-v-12d75b54] {
  color: rgb(var(--brand-secondary));
}

.flex-column[data-v-7b3f4116] {
  display: flex;
  flex-direction: column;
}
.match-card-section[data-v-7b3f4116] {
  position: relative;
}
.card-link[data-v-7b3f4116] {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 20;
}
.header[data-v-7b3f4116] {
  align-items: center;
  display: flex;
  margin-bottom: 0.83333333rem;
  position: relative;
  z-index: 55;
}
.match-label-group-container[data-v-7b3f4116]:not(:empty) {
  padding-right: 0.66666667rem;
}
.time[data-v-7b3f4116] {
  color: rgb(var(--text-type1-secondary));
  flex: 0;
  padding-right: 0.66666667rem;
  white-space: nowrap;
}
.league-link[data-v-7b3f4116] {
  color: rgb(var(--text-type1-secondary));
  flex: 1;
  overflow: hidden;
  text-decoration: underline;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-info[data-v-7b3f4116] {
  align-items: center;
  color: rgb(var(--text-type1-primary));
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.33333333rem;
}
.team-info .team-name-box[data-v-7b3f4116] {
  max-width: 90%;
}
.team-info .team-name[data-v-7b3f4116] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-info .score-box[data-v-7b3f4116] {
  display: flex;
}
.team-info h3[data-v-7b3f4116] {
  font-size: 1rem;
  font-weight: 700;
}
.team-info .score[data-v-7b3f4116] {
  padding-left: 0.66666667rem;
  text-align: right;
}
.team-info .score.point[data-v-7b3f4116],
.team-info .score.game-score[data-v-7b3f4116] {
  opacity: 0.5;
}
.footer[data-v-7b3f4116] {
  margin-top: 0.66666667rem;
}
.outcome-row[data-v-7b3f4116] {
  display: flex;
  gap: 0.66666667rem;
  justify-content: space-between;
  position: relative;
  z-index: 55;
}
.alternative-market-name[data-v-7b3f4116]:not(:empty) {
  padding-bottom: 0.83333333rem;
}
.match-card-section.live .time[data-v-7b3f4116] {
  color: rgb(var(--brand-secondary));
}
.match-card-section.live .live-tag[data-v-7b3f4116] {
  align-items: center;
  display: inline-flex;
  padding-right: 0.66666667rem;
  text-align: center;
}
.match-card-section.live .live-tag h6[data-v-7b3f4116] {
  background-color: rgb(var(--highlight-focus));
  border-radius: 4px;
  color: rgb(var(--brand-tertiary));
  font-family: Roboto;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  padding: 2px;
}

.match-card[data-v-a609da30] {
  border-bottom: 1px solid rgb(var(--line-type1-secondary));
  display: block;
  padding-bottom: 1rem;
  padding-top: 0.66666667rem;
}

.match-card[data-v-29712be7] {
  border-bottom: 1px solid rgb(var(--line-type1-secondary));
  display: block;
  padding-bottom: 1rem;
  padding-top: 0.66666667rem;
}

.skeleton-box[data-v-655c1420] {
  background-color: rgb(var(--text-type1-secondary));
  border-radius: 0.41666667rem;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.skeleton-box[data-v-655c1420]::after {
  animation: shimmer-655c1420 1.2s infinite cubic-bezier(0.39, 0.58, 0.57, 1);
  background-image: linear-gradient(90deg, rgba(187, 187, 187, 0) 0, rgba(187, 187, 187, 0.2) 20%, rgba(187, 187, 187, 0.5) 60%, rgba(187, 187, 187, 0));
  content: '';
  inset: 0;
  position: absolute;
  transform: translateX(-100%);
}
@keyframes shimmer-655c1420 {
100% {
    transform: translateX(100%);
}
}
.rounded[data-v-655c1420] {
  border-radius: 100%;
}

.m-slider-wrapper[data-v-cfd0d39e] {
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.m-slider-wrapper.m-slider-disabled[data-v-cfd0d39e] {
  cursor: not-allowed;
  opacity: 0.5;
}
.m-slider-wrapper.m-slider-disabled .m-slider[data-v-cfd0d39e]::after {
  background-color: rgb(var(--text-type1-secondary));
}
.m-slider-wrapper.m-slider-disabled .m-slider-dot[data-v-cfd0d39e] {
  background-color: rgb(var(--text-type1-secondary));
  cursor: not-allowed;
}
.m-slider-wrapper.m-slider-has-label[data-v-cfd0d39e] {
  margin-bottom: 15px;
}
.m-slider-wrapper .m-slider[data-v-cfd0d39e] {
  background-color: rgb(var(--background-type1-primary));
  border-radius: 15px;
  display: block;
  position: relative;
}
.m-slider-wrapper .m-slider[data-v-cfd0d39e]::after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.m-slider-wrapper .m-slider-process[data-v-cfd0d39e] {
  background-color: rgb(var(--brand-secondary));
  border-radius: 15px;
  position: absolute;
  transition: all 0s;
  z-index: 1;
}
.m-slider-wrapper .m-slider-dot[data-v-cfd0d39e] {
  background-color: rgb(var(--brand-secondary));
  border-radius: 50%;
  box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32);
  cursor: pointer;
  position: absolute;
  transition: all 0s;
  will-change: transform;
  z-index: 3;
}
.m-slider-wrapper .m-slider-dot[data-v-cfd0d39e]::after {
  content: "";
  inset: -10px;
  position: absolute;
}
.m-slider-wrapper .m-slider-piecewise[data-v-cfd0d39e] {
  background-color: rgb(var(--text-type1-secondary));
  height: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.m-slider-wrapper .m-slider-piecewise-item[data-v-cfd0d39e] {
  height: 8px;
  position: absolute;
  width: 8px;
}
.m-slider-wrapper .m-slider-piecewise-item:first-child .m-slider-piecewise-dot[data-v-cfd0d39e],
.m-slider-wrapper .m-slider-piecewise-item:last-child .m-slider-piecewise-dot[data-v-cfd0d39e] {
  visibility: hidden;
}
.m-slider-wrapper .m-slider-piecewise-dot[data-v-cfd0d39e] {
  background-color: rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  display: inline-block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  width: 100%;
  z-index: 2;
}
.m-slider-wrapper .m-slider-sr-only[data-v-cfd0d39e] {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
.m-slider-wrapper.m-slider-horizontal .m-slider-process[data-v-cfd0d39e] {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  will-change: width;
}
.m-slider-wrapper.m-slider-horizontal .m-slider-dot[data-v-cfd0d39e] {
  left: 0;
}
.m-slider-wrapper.m-slider-horizontal .m-slider-piecewise-label[data-v-cfd0d39e] {
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translate(-50%, 8px);
  visibility: visible;
  white-space: nowrap;
}
.m-slider-wrapper.m-slider-vertical .m-slider-process[data-v-cfd0d39e] {
  bottom: 0;
  height: 0;
  left: 0;
  width: 100%;
  will-change: height;
}
.m-slider-wrapper.m-slider-vertical .m-slider-dot[data-v-cfd0d39e] {
  bottom: 0;
}
.m-slider-wrapper.m-slider-vertical .m-slider-piecewise-label[data-v-cfd0d39e] {
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  font-size: 12px;
  left: 100%;
  position: absolute;
  top: 50%;
  transform: translate(8px, -50%);
  visibility: visible;
  white-space: nowrap;
}
.m-slider-wrapper.m-slider-horizontal-reverse .m-slider-process[data-v-cfd0d39e] {
  height: 100%;
  right: 0;
  top: 0;
  width: 0;
}
.m-slider-wrapper.m-slider-horizontal-reverse .m-slider-dot[data-v-cfd0d39e] {
  right: 0;
}
.m-slider-wrapper.m-slider-horizontal-reverse .m-slider-piecewise-label[data-v-cfd0d39e] {
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translate(-50%, 8px);
  visibility: visible;
  white-space: nowrap;
}
.m-slider-wrapper.m-slider-vertical-reverse .m-slider-process[data-v-cfd0d39e] {
  height: 0;
  left: 0;
  top: 0;
  width: 100%;
}
.m-slider-wrapper.m-slider-vertical-reverse .m-slider-dot[data-v-cfd0d39e] {
  top: 0;
}
.m-slider-wrapper.m-slider-vertical-reverse .m-slider-piecewise-label[data-v-cfd0d39e] {
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  font-size: 12px;
  left: 100%;
  position: absolute;
  top: 50%;
  transform: translate(8px, -50%);
  visibility: visible;
  white-space: nowrap;
}
.m-slider-disable-flag[data-v-cfd0d39e] {
  height: 100%;
  width: 100%;
}

.cashout-bar[data-v-87dd233a] {
  padding: 1.33333333rem 0 !important;
}
.cashout-bar[data-v-87dd233a] .m-slider {
  background-color: rgb(var(--disable-type1-primary));
}
.cashout-bar[data-v-87dd233a] .m-slider-process {
  background-color: rgb(var(--brand-secondary));
}
.cashout-bar[data-v-87dd233a] .m-slider-dot {
  background-color: rgb(var(--brand-secondary));
}

.cashout-tab-item[data-v-434a4b91]::before {
  background-color: rgb(var(--brand-secondary));
  bottom: -0.16666667rem;
  content: '';
  height: 0.33333333rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
}
.cashout-tab-item.is-active[data-v-434a4b91]::before {
  transition: width 0.3s;
  width: 100%;
}
.cashout-tab-item .check-circle-icon[data-v-434a4b91] {
  color: rgb(var(--brand-secondary));
}
.cashout-tab-item .check-circle-icon[data-v-434a4b91] #vector {
  fill: rgb(var(--brand-tertiary));
}

.m-cashout-bottom-drawer[data-v-23f5b2b8] {
  z-index: var(--cashout-popup-z-index);
}

.pop-success-container[data-v-171119c0] {
  border-radius: 14px;
  box-sizing: border-box;
  padding: 2rem;
  text-align: center;
}
.pop-success-container .pop-suc-icon[data-v-171119c0] {
  color: rgb(var(--brand-secondary));
}
.pop-success-container .pop-suc-icon[data-v-171119c0] #vector {
  fill: rgb(var(--brand-tertiary));
  stroke: rgb(var(--brand-tertiary));
}
.pop-success-container .m-txt-main[data-v-171119c0] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.66666667rem;
  font-weight: bold;
  line-height: 1.66666667rem;
  margin-top: 1.83333333rem;
}
.pop-success-container .m-txt-min[data-v-171119c0] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.66666667rem;
  line-height: 1;
  margin-top: 1.16666667rem;
}
.pop-success-container .m-txt-desc[data-v-171119c0] {
  color: rgb(var(--text-type1-secondary));
  font-size: 1rem;
  line-height: 1;
  margin-top: 0.66666667rem;
}

.cashout-success-bottom-drawer[data-v-2a190fb2] .bottom-panel {
  background: rgb(var(--background-type1-tertiary));
}

.title-bar[data-v-85be1678] {
  align-items: center;
  display: flex;
  height: 2.66666667rem;
  margin-bottom: 1rem;
}
.title-bar .team-container[data-v-85be1678] {
  align-items: center;
  display: flex;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.title-bar .team-container .team[data-v-85be1678] {
  color: rgb(var(--text-type2-primary));
  font-size: 1.16666667rem;
  font-weight: 400;
  white-space: nowrap;
}
.title-bar .team-container .vs[data-v-85be1678] {
  color: rgb(var(--text-type1-secondary));
  font-size: 1.16666667rem;
  font-weight: 500;
  margin: 0 4px;
}
.title-bar .match-time[data-v-85be1678] {
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tool-bar[data-v-faad87ea] {
  align-items: center;
  display: flex;
  height: 3.33333333rem;
  justify-content: space-between;
}
.tool-bar .left[data-v-faad87ea],
.tool-bar .right[data-v-faad87ea] {
  width: 10%;
}
.tool-bar .arrow-icon[data-v-faad87ea] {
  color: white;
  transition: transform 0.3s;
}
.tool-bar .arrow-icon.rotate[data-v-faad87ea] {
  transform: rotate(180deg);
}
.tool-bar .arrow-icon.rotate-back[data-v-faad87ea] {
  transform: rotate(0deg);
}

[data-v-666d7b39]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.event-widget-bottom-drawer[data-v-666d7b39] {
  background-color: rgb(var(--background-type1-tertiary));
  position: relative;
  z-index: var(--event-widget-bottom-panel);
}
.event-widget-bottom-drawer .bottom-drawer .content[data-v-666d7b39] {
  border-radius: 12px;
  height: calc(100% -  5.33333333rem );
  overflow: auto;
}
.event-widget-bottom-drawer[data-v-666d7b39] .drawer__content {
  background-color: rgb(var(--background-type1-tertiary));
  border-radius: 0.83333333rem 0.83333333rem 0 0;
}
.event-widget-bottom-drawer[data-v-666d7b39] .bottom-panel {
  background-color: rgb(var(--background-type1-tertiary));
}
.event-widget-bottom-drawer[data-v-666d7b39] .drawer__mask {
  opacity: 0;
}
.event-widget-bottom-drawer.full[data-v-666d7b39] .bottom-panel .content {
  padding-bottom: 48px;
}
.event-widget-bottom-drawer.full[data-v-666d7b39] .drawer__content {
  height: 60% !important;
}
.event-widget-bottom-drawer.mini[data-v-666d7b39] .drawer__content {
  height: 10.66666667rem !important;
}

[data-v-eaf29b32]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.mode-switch[data-v-eaf29b32] {
  color: rgb(var(--text-type1-tertiary));
  height: 100%;
}

[data-v-6465481a]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-openbet-filter-container[data-v-6465481a] {
  overflow: auto;
}
.m-openbet-filter-container .m-scroll-container[data-v-6465481a] {
  display: flex;
}
.m-openbet-filter-container .m-scroll-container .m-filter-item[data-v-6465481a] {
  border-radius: 14px;
  font-size: 1.16666667rem;
  font-weight: 700;
  margin-right: 0.33333333rem;
  padding: 0.33333333rem 0.66666667rem;
  white-space: nowrap;
}
.m-openbet-filter-container .m-scroll-container .m-filter-item.default[data-v-6465481a] {
  background-color: rgb(var(--background-type1-primary));
  color: rgb(var(--text-type1-primary));
}
.m-openbet-filter-container .m-scroll-container .m-filter-item.active[data-v-6465481a] {
  background-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-primary));
}

[data-v-05a8f2ba]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-filter-container[data-v-05a8f2ba] {
  align-items: flex-start;
  background-color: rgb(var(--brand-tertiary));
  display: flex;
  padding: 0.66666667rem 0.66666667rem 0.16666667rem 0.66666667rem;
}

[data-v-2d1103ea]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.gear-box[data-v-2d1103ea] {
  border: 1px solid rgb(var(--brand-secondary));
}
.gear-box > svg[data-v-2d1103ea] {
  fill: rgb(var(--brand-secondary));
}
.gear-box > svg[data-v-2d1103ea] path {
  fill: rgb(var(--brand-secondary));
}
.cashout-box[data-v-2d1103ea] {
  border: 1px solid rgb(var(--brand-secondary));
}
.cashout-box.not-cashable[data-v-2d1103ea] {
  background-color: rgb(var(--disable-type1-primary));
  border: 1px solid rgb(var(--disable-type1-primary));
}
.cashout-box.not-cashable h5[data-v-2d1103ea] {
  color: rgb(var(--text-type1-secondary));
}
.loading-icon[data-v-2d1103ea] {
  animation: spin-2d1103ea 1s infinite;
  animation-timing-function: linear;
  color: rgb(var(--brand-tertiary));
  display: inline-block;
  font-size: 1.16666667rem;
  margin-left: 0.66666667rem;
}
.loading-icon[data-v-2d1103ea]::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.loading-icon[data-v-2d1103ea]::before {
  color: rgb(var(--brand-tertiary));
}
@keyframes spin-2d1103ea {
to {
    transform: rotate(360deg);
}
from {
    transform: rotate(0deg);
}
}

[data-v-59c7ea3e]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.loading-icon[data-v-59c7ea3e] {
  animation: spin-59c7ea3e 1s infinite;
  animation-timing-function: linear;
  color: var(--ce6c2632);
  display: inline-block;
}
.loading-icon[data-v-59c7ea3e]::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.loading-icon[data-v-59c7ea3e]::before {
  color: var(--ce6c2632);
  font-size: var(--3ec361fd);
}
@keyframes spin-59c7ea3e {
to {
    transform: rotate(360deg);
}
from {
    transform: rotate(0deg);
}
}

.whole-page-loading-wrapper[data-v-0cb24676] {
  background-color: rgba(0, 0, 0, 0.4);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  transform: translateZ(0);
  width: 100%;
  z-index: 10000;
}
.whole-page-loading-wrapper[data-v-0cb24676] .m-loading-wrap {
  height: 100%;
}

.card-info .card-header-item[data-v-4e4dc9dc]:not(:last-child) {
  padding-right: 0.66666667rem;
}

.m-slider-wrapper {
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.m-slider-wrapper.m-slider-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.m-slider-wrapper.m-slider-disabled .m-slider::after {
  background-color: rgb(var(--text-type1-secondary));
}
.m-slider-wrapper.m-slider-disabled .m-slider-dot {
  background-color: rgb(var(--text-type1-secondary));
  cursor: not-allowed;
}
.m-slider-wrapper.m-slider-has-label {
  margin-bottom: 15px;
}
.m-slider-wrapper .m-slider {
  background-color: rgb(var(--background-type1-primary));
  border-radius: 15px;
  display: block;
  position: relative;
}
.m-slider-wrapper .m-slider::after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.m-slider-wrapper .m-slider-process {
  background-color: rgb(var(--brand-secondary));
  border-radius: 15px;
  position: absolute;
  transition: all 0s;
  z-index: 1;
}
.m-slider-wrapper .m-slider-dot {
  background-color: rgb(var(--brand-secondary));
  border-radius: 50%;
  box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32);
  cursor: pointer;
  position: absolute;
  transition: all 0s;
  will-change: transform;
  z-index: 3;
}
.m-slider-wrapper .m-slider-dot::after {
  content: "";
  inset: -10px;
  position: absolute;
}
.m-slider-wrapper .m-slider-piecewise {
  background-color: rgb(var(--text-type1-secondary));
  height: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.m-slider-wrapper .m-slider-piecewise-item {
  height: 8px;
  position: absolute;
  width: 8px;
}
.m-slider-wrapper .m-slider-piecewise-item:first-child .m-slider-piecewise-dot,
.m-slider-wrapper .m-slider-piecewise-item:last-child .m-slider-piecewise-dot {
  visibility: hidden;
}
.m-slider-wrapper .m-slider-piecewise-dot {
  background-color: rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  display: inline-block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  width: 100%;
  z-index: 2;
}
.m-slider-wrapper .m-slider-sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}
.m-slider-wrapper.m-slider-horizontal .m-slider-process {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  will-change: width;
}
.m-slider-wrapper.m-slider-horizontal .m-slider-dot {
  left: 0;
}
.m-slider-wrapper.m-slider-horizontal .m-slider-piecewise-label {
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translate(-50%, 8px);
  visibility: visible;
  white-space: nowrap;
}
.m-slider-wrapper.m-slider-vertical .m-slider-process {
  bottom: 0;
  height: 0;
  left: 0;
  width: 100%;
  will-change: height;
}
.m-slider-wrapper.m-slider-vertical .m-slider-dot {
  bottom: 0;
}
.m-slider-wrapper.m-slider-vertical .m-slider-piecewise-label {
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  font-size: 12px;
  left: 100%;
  position: absolute;
  top: 50%;
  transform: translate(8px, -50%);
  visibility: visible;
  white-space: nowrap;
}
.m-slider-wrapper.m-slider-horizontal-reverse .m-slider-process {
  height: 100%;
  right: 0;
  top: 0;
  width: 0;
}
.m-slider-wrapper.m-slider-horizontal-reverse .m-slider-dot {
  right: 0;
}
.m-slider-wrapper.m-slider-horizontal-reverse .m-slider-piecewise-label {
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translate(-50%, 8px);
  visibility: visible;
  white-space: nowrap;
}
.m-slider-wrapper.m-slider-vertical-reverse .m-slider-process {
  height: 0;
  left: 0;
  top: 0;
  width: 100%;
}
.m-slider-wrapper.m-slider-vertical-reverse .m-slider-dot {
  top: 0;
}
.m-slider-wrapper.m-slider-vertical-reverse .m-slider-piecewise-label {
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  font-size: 12px;
  left: 100%;
  position: absolute;
  top: 50%;
  transform: translate(8px, -50%);
  visibility: visible;
  white-space: nowrap;
}
.odds-filter-custom-section-top {
  color: rgb(var(--text-type1-primary));
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.33333333rem;
}
.odds-filter-custom-section-top .left-section {
  align-items: center;
  display: flex;
}
.odds-filter-custom-section-top .left-section.active {
  color: rgb(var(--brand-secondary));
}
.odds-filter-custom-section-top .right-section {
  align-items: center;
  display: flex;
}
.odds-filter-custom-section-top .right-section .range {
  color: rgb(var(--brand-secondary));
  font-size: 1.16666667rem;
  font-weight: bold;
  padding: 0 1rem;
}
.odds-filter-custom-section-top .right-section .divider {
  background: rgb(var(--line-type1-primary));
  display: inline-block;
  height: 2.91666667rem;
  width: 0.08333333rem;
}
.odds-filter-custom-section-top .right-section .custom-range-apply-button {
  align-items: center;
  background-color: rgb(var(--brand-secondary));
  border: solid 0.08333333rem rgb(var(--brand-secondary));
  border-radius: 2px;
  color: rgb(var(--brand-tertiary));
  display: flex;
  justify-content: center;
  margin-left: 1rem;
  padding: 0.5rem 1rem;
}
.odds-filter-custom-section-top .right-section .custom-range-apply-button.disabled {
  background-color: rgb(var(--disable-brand-secondary));
  border-color: rgb(var(--disable-brand-secondary));
  color: rgb(var(--text-disable-type1-primary));
}
.m-odds-bar {
  box-sizing: border-box;
  padding: 0 0.41666667rem;
  width: 100%;
}
.m-odds-bar .m-slider-process {
  background-color: rgb(var(--brand-secondary));
}
.m-odds-bar .m-slider-dot {
  background-color: rgb(var(--brand-secondary)) !important;
}
.m-odds-bar .m-slider-disabled .m-slider-process {
  background-color: rgb(var(--background-type1-tertiary));
}
.m-odds-bar .m-slider-disabled .m-slider-dot {
  background-color: rgb(var(--background-type1-tertiary));
}
.range-guide {
  color: rgb(var(--text-type1-secondary));
  display: flex;
  justify-content: space-between;
}

.m-filter-pop[data-v-51a96cba] {
  background: rgb(var(--brand-tertiary));
  width: 100%;
}
.m-filter-pop .filter-list[data-v-51a96cba] {
  border-bottom: 0.08333333rem solid rgb(var(--line-type1-primary));
}
.m-filter-pop .filter-list .filter-list-item[data-v-51a96cba] {
  border-bottom: 0.08333333rem solid rgb(var(--line-type1-primary));
  color: rgb(var(--text-type1-primary));
  padding: 0.83333333rem 1.33333333rem;
}
.m-filter-pop .filter-list .filter-list-item[data-v-51a96cba]:last-child {
  border-bottom: 0;
}
.m-filter-pop .clear-button[data-v-51a96cba] {
  background: rgb(var(--background-type1-primary));
  color: rgb(var(--text-type1-primary));
  line-height: 1.33333333rem;
  padding: 0.83333333rem 0;
  text-align: center;
  width: 100%;
}

[data-v-066abb9c]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.divider-with-logo[data-v-066abb9c] {
  align-items: center;
  display: flex;
  gap: 15px;
  justify-content: center;
  width: 100%;
}
.logo[data-v-066abb9c] {
  opacity: 0.7;
  width: 112px;
}
.line[data-v-066abb9c] {
  border-bottom-style: solid;
  flex: 1;
  height: 0;
}
.size-sm[data-v-066abb9c] {
  border-bottom-width: 1px;
}
.size-md[data-v-066abb9c] {
  border-bottom-width: 2px;
}
.size-lg[data-v-066abb9c] {
  border-bottom-width: 4px;
}
.color-line-type1-primary[data-v-066abb9c] {
  border-bottom-color: rgb(var(--line-type1-primary));
}
.color-line-type1-tertiary[data-v-066abb9c] {
  border-bottom-color: rgb(var(--line-type1-tertiary));
}

.edit-with-multi-maker-confirm[data-v-55d05d00] {
  font-family: Roboto, sans-serif;
  overflow: hidden;
  padding: 1.66666667rem 1.66666667rem 2.5rem 1.66666667rem;
  text-align: center;
}
.edit-with-multi-maker-confirm[data-v-55d05d00] > :not(:last-child) {
  margin-bottom: 1.33333333rem;
}
.edit-with-multi-maker-confirm .status-img[data-v-55d05d00] {
  max-height: 9.16666667rem;
}
.edit-with-multi-maker-confirm .context[data-v-55d05d00] {
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
}
.edit-with-multi-maker-confirm .context ul[data-v-55d05d00] {
  margin-bottom: 2rem;
}
.edit-with-multi-maker-confirm .context ul li[data-v-55d05d00] {
  font-size: 1rem;
  line-height: 1.33333333rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
  position: relative;
  text-align: left;
}
.edit-with-multi-maker-confirm .context ul li[data-v-55d05d00]::before {
  content: '•';
  font-size: 2rem;
  left: -1.33333333rem;
  position: absolute;
}
.edit-with-multi-maker-confirm .context strong[data-v-55d05d00] {
  color: #0D9737;
}
.edit-with-multi-maker-confirm .btn[data-v-55d05d00] {
  font-size: 1.33333333rem;
  margin-bottom: 2.16666667rem;
  padding-bottom: 1.16666667rem;
  padding-top: 1.16666667rem;
  width: 100%;
}
.edit-with-multi-maker-confirm .edit-with-multi-maker-button[data-v-55d05d00] {
  align-items: center;
  background-color: rgb(var(--brand-secondary));
  border: solid 0.16666667rem rgb(var(--brand-secondary));
  border-radius: 0.16666667rem;
  box-sizing: content-box;
  color: rgb(var(--background-type1-secondary));
  display: flex;
  font-size: 1.16666667rem;
  font-weight: bold;
  height: 2.66666667rem;
  justify-content: center;
  line-height: 4rem;
  padding: 0.16666667rem 0;
  width: 100%;
}
.edit-with-multi-maker-confirm .edit-with-multi-maker-button__cancel[data-v-55d05d00] {
  background-color: rgb(var(--background-type1-secondary));
  border-color: transparent;
  color: rgb(var(--text-type1-secondary));
}
.edit-with-multi-maker-confirm .edit-with-multi-maker-button span[data-v-55d05d00] {
  padding-left: 0.41666667rem;
}
.edit-with-multi-maker-confirm .edit-with-multi-maker-button .multi-maker-icon-wrapper[data-v-55d05d00] {
  display: inline-block;
  padding-bottom: 0.16666667rem;
  vertical-align: middle;
}

.toggle-container[data-v-21d789b8] {
  align-items: center;
  display: inline-flex;
  height: 1.66666667rem;
  justify-content: flex-start;
  position: relative;
  width: 3.33333333rem;
}
.toggle-container .toggle-background[data-v-21d789b8] {
  background-color: rgba(var(--text-type2-tertiary), 26%);
  border-radius: 1.66666667rem;
  height: 1.16666667rem;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  width: 2.83333333rem;
  z-index: 0;
}
.toggle-container .toggle-bar[data-v-21d789b8] {
  background-color: rgb(var(--text-type2-tertiary));
  border-radius: 1.66666667rem;
  box-shadow: 0 0.7px 3px rgba(0, 0, 0, 0.4);
  height: 1.66666667rem;
  transition: all 0.3s;
  width: 1.66666667rem;
  z-index: 0;
}
.toggle-container.true .toggle-bar[data-v-21d789b8] {
  background-color: rgb(var(--brand-type3-secondary));
  transform: translateX(1.66666667rem);
}
.toggle-container.true .toggle-background[data-v-21d789b8] {
  background-color: rgba(var(--brand-type3-secondary), 50%);
}

.flex[data-v-57fae9f5] {
  align-items: center;
  display: flex;
}
.share-code-on-personal-page[data-v-57fae9f5] {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.share-code-on-personal-page.in-book-bet[data-v-57fae9f5] {
  border-bottom: 1px solid rgb(var(--line-type1-primary));
  padding: 1.33333333rem 1.66666667rem;
}
.share-code-on-personal-page.in-book-bet p[data-v-57fae9f5] {
  color: rgb(var(--text-type1-primary));
}
.share-code-on-personal-page.in-book-bet p[data-v-57fae9f5],
.share-code-on-personal-page.in-book-bet .create-btn[data-v-57fae9f5] {
  font-size: 1.33333333rem;
}
.share-code-on-personal-page.in-success-popup[data-v-57fae9f5] {
  padding: 1.33333333rem 0.83333333rem;
}
.share-code-on-personal-page.in-success-popup p[data-v-57fae9f5] {
  color: rgb(var(--text-type1-secondary));
}
.share-code-on-personal-page.in-success-popup p[data-v-57fae9f5],
.share-code-on-personal-page.in-success-popup .create-btn[data-v-57fae9f5] {
  font-size: 1.16666667rem;
}
.info-icon[data-v-57fae9f5] {
  color: rgb(var(--text-type1-secondary));
  padding-left: 0.33333333rem;
}
.create-btn[data-v-57fae9f5] {
  color: rgb(var(--brand-secondary));
}

[data-v-2b3f4fc0]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.auto-use-toggle-container[data-v-2b3f4fc0] {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}
.auto-use-toggle-container .upper-container[data-v-2b3f4fc0] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.auto-use-toggle-container .upper-container .title[data-v-2b3f4fc0] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.33333333rem;
  font-weight: 400;
}
.auto-use-toggle-container .upper-container .info-icon[data-v-2b3f4fc0] {
  color: rgb(var(--text-type1-primary));
  margin: 0 1rem 0 0.33333333rem;
}
.auto-use-toggle-container .bottom-container[data-v-2b3f4fc0] {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-top: 0.66666667rem;
  width: 100%;
}
.auto-use-toggle-container .bottom-container .sub-text[data-v-2b3f4fc0] {
  color: rgb(var(--text-type1-secondary));
  font-size: 0.83333333rem;
  font-weight: 400;
  width: 60%;
}
.loading-icon[data-v-2b3f4fc0] {
  animation: rotate-infinite-2b3f4fc0 2s linear infinite;
  width: 3.33333333rem;
}
@keyframes rotate-infinite-2b3f4fc0 {
from {
    transform: rotate(0);
}
to {
    transform: rotate(-360deg);
}
}

[data-v-2373acde]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.mask[data-v-2373acde] {
  background: rgb(var(--absolute-type3));
  inset: 0;
  opacity: 0.7;
  position: fixed;
  z-index: 1001;
}
.FlashFreezeGiftAutoUse[data-v-2373acde] {
  align-items: center;
  background-color: rgb(var(--background-type1-secondary));
  display: flex;
  flex-direction: column;
  height: 22.5rem;
  inset: 0;
  justify-content: center;
  margin: auto;
  padding: 0 1.66666667rem;
  position: fixed;
  width: 70%;
  z-index: 1001;
}
.FlashFreezeGiftAutoUse__title[data-v-2373acde] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1.66666667rem;
}
.FlashFreezeGiftAutoUse__content[data-v-2373acde] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  margin-bottom: 2rem;
  text-align: center;
}
.FlashFreezeGiftAutoUse__toggle[data-v-2373acde] {
  margin-bottom: 2.33333333rem;
}
.FlashFreezeGiftAutoUse__toggle[data-v-2373acde] .title {
  font-size: 1rem !important;
}
.FlashFreezeGiftAutoUse__introduce[data-v-2373acde] {
  color: rgb(var(--highlight-hint));
  font-size: 1.16666667rem;
  margin-bottom: 2rem;
}
.FlashFreezeGiftAutoUse__action[data-v-2373acde] {
  display: flex;
  justify-content: center;
  width: 100%;
}
.FlashFreezeGiftAutoUse__action button[data-v-2373acde] {
  border-radius: 2px;
  font-size: 1.16666667rem;
  font-weight: 500;
  padding: 1rem 0;
  text-align: center;
  width: 50%;
}
.FlashFreezeGiftAutoUse__action .cancel-btn[data-v-2373acde] {
  background-color: transparent;
  border: rgb(var(--brand-secondary)) solid 1px;
  color: rgb(var(--brand-secondary));
  margin-right: 1rem;
}
.FlashFreezeGiftAutoUse__action .agree-btn[data-v-2373acde] {
  background-color: rgb(var(--brand-secondary));
  color: rgb(var(--background-type1-primary));
}

[data-v-597df877]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.outcome-up[data-v-597df877]::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.outcome-up[data-v-597df877]::before {
  color: rgb(var(--text-type1-primary));
}
.outcome-up[data-v-597df877]::before {
  display: inline-block;
  transform: rotate(90deg);
}
.outcome-up[data-v-597df877]::before {
  color: rgb(var(--brand-secondary));
  display: inline-block;
  font-size: 1.16666667rem;
  line-height: 1;
}
.outcome-down[data-v-597df877]::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.outcome-down[data-v-597df877]::before {
  color: rgb(var(--text-type1-primary));
}
.outcome-down[data-v-597df877]::before {
  display: inline-block;
  transform: rotate(-90deg);
}
.outcome-down[data-v-597df877]::before {
  color: rgb(var(--warning-primary));
  display: inline-block;
  font-size: 1.16666667rem;
  line-height: 1;
}
.tag[data-v-597df877] {
  align-items: center;
  background-color: rgb(var(--line-type1-primary));
  border-radius: 1.16666667rem;
  color: rgb(var(--text-type1-primary));
  display: flex;
  font-size: 0.83333333rem;
  font-weight: 700;
  line-height: 1.2;
  padding: 0.16666667rem 0.83333333rem;
}
.tag.not-enable[data-v-597df877] {
  background-color: rgb(var(--line-type1-primary));
  color: rgb(var(--text-type1-secondary));
}
.tag .specifier[data-v-597df877] {
  font-weight: 700;
}

[data-v-2d03ea16]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.openbet-selection-status-tag[data-v-2d03ea16] {
  align-items: center;
  border-radius: 1.16666667rem;
  display: flex;
  font-size: 0.83333333rem;
  justify-content: center;
  line-height: 0.7;
  padding: 0.33333333rem 0.66666667rem;
}
.openbet-selection-status-tag.ongoing[data-v-2d03ea16] {
  background-color: rgb(var(--highlight-focus));
  color: rgb(var(--brand-tertiary));
}
.openbet-selection-status-tag.frozen[data-v-2d03ea16] {
  background-color: rgb(var(--flash-freeze-primary));
  color: rgb(var(--brand-tertiary));
}
.openbet-selection-status-tag.frozen[data-v-2d03ea16]::before {
  content: '\e626';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.openbet-selection-status-tag.frozen[data-v-2d03ea16]::before {
  color: rgb(var(--text-type1-tertiary));
}
.openbet-selection-status-tag.frozen[data-v-2d03ea16]::before {
  color: rgb(var(--brand-tertiary));
  padding-right: 0.16666667rem;
}
.openbet-selection-status-tag.flash-won[data-v-2d03ea16] {
  background-color: rgb(var(--highlight-highlight));
  color: rgb(var(--brand-tertiary));
}
.openbet-selection-status-tag.flash-won[data-v-2d03ea16]::before {
  content: '\e626';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.openbet-selection-status-tag.flash-won[data-v-2d03ea16]::before {
  color: rgb(var(--text-type1-tertiary));
}
.openbet-selection-status-tag.flash-won[data-v-2d03ea16]::before {
  color: rgb(var(--brand-tertiary));
  padding-right: 0.16666667rem;
}
.openbet-selection-status-tag.not-started[data-v-2d03ea16] {
  background-color: rgb(var(--line-type1-primary));
  color: rgb(var(--text-type1-primary));
}
.openbet-selection-status-tag.refund-all[data-v-2d03ea16] {
  background-color: rgb(var(--warning-primary));
  color: rgb(var(--text-type1-primary));
}
.openbet-selection-status-tag.void[data-v-2d03ea16] {
  background-color: rgb(var(--text-disable-type1-primary));
  color: rgb(var(--text-type1-primary));
}
.match-won[data-v-2d03ea16] {
  padding: 0;
}
.match-won[data-v-2d03ea16]::before {
  content: '\e60b';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.match-won[data-v-2d03ea16]::before {
  color: rgb(var(--brand-secondary));
  font-size: 1.66666667rem;
}
.match-lost[data-v-2d03ea16] {
  padding: 0;
}
.match-lost[data-v-2d03ea16]::before {
  content: '\e628';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.match-lost[data-v-2d03ea16]::before {
  color: rgb(var(--text-type1-primary));
}
.match-lost[data-v-2d03ea16]::before {
  color: rgb(var(--warning-primary));
  font-size: 1.66666667rem;
}

.outcome-container[data-v-19262f3e] {
  color: rgb(var(--text-type1-primary));
  max-width: 16.66666667rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.info-row[data-v-19262f3e] {
  align-items: center;
  display: flex;
}
.info-row .event-widget-container[data-v-19262f3e]:not(:empty) {
  padding-right: 0.66666667rem;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-openBet--history {
  padding-top: 0;
}
.m-openBet--history .body {
  box-sizing: border-box;
  padding: 0;
}
.m-openBet--history .body .header {
  background: rgb(var(--background-type1-primary));
  display: flex;
  font-size: 1.16666667rem;
  font-weight: 500;
  justify-content: space-between;
  padding: 0.66666667rem 0.83333333rem;
}
.m-openBet--history .m-i-close::before {
  content: '\e62c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-openBet--history .m-i-close::before {
  color: rgb(var(--text-type1-primary));
}
.m-openBet--history .content {
  max-height: 26.66666667rem;
  overflow-y: scroll;
  padding: 1rem 0.83333333rem;
}
.m-openBet--history .seperate {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.m-openBet--history .history-bet {
  color: rgb(var(--brand-secondary));
  font-size: 1.16666667rem;
  font-weight: 500;
}
.m-openBet--history .gray {
  color: rgb(var(--text-type1-secondary));
}
.m-openBet--history .underline {
  border-bottom: 0.08333333rem solid rgb(var(--line-type1-primary));
}
.m-openBet--history .edit-bet-item {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}
.m-openBet--history .l-h-16 {
  line-height: 1.33333333rem;
}
.m-openBet--history .bold {
  font-weight: 700;
}
.m-openBet--history .m-b-0 {
  margin-bottom: 0;
}
.m-openBet--history .show-all-selections {
  color: rgb(var(--brand-secondary));
  font-weight: 500;
}
.m-openBet--history .p-t-10 {
  padding-top: 0.83333333rem;
}

.m-settled-selection-count[data-v-4c14a4ae] {
  background-color: rgb(var(--text-type1-secondary));
  border-radius: 14px;
  color: rgb(var(--brand-tertiary));
  display: flex;
  font-size: 0.83333333rem;
  font-weight: 700;
  padding: 0.16666667rem 0.66666667rem;
}

.suspend-event-wrap[data-v-5e03d380] {
  margin-top: 0.66666667rem;
}
.suspend-event-container[data-v-5e03d380] {
  align-items: baseline;
  border-left: 2px solid rgb(var(--warning-primary));
  color: rgb(var(--warning-primary));
  display: flex;
  font-size: 0.83333333rem;
  font-weight: 400;
  line-height: 1;
  padding-left: 6px;
}
.break-words[data-v-5e03d380] {
  word-wrap: break-word;
}

[data-v-68aeadd7]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.open-bet-list-item .card-info .card-header-item[data-v-68aeadd7]:not(:last-child) {
  margin-right: 0.66666667rem;
}
.open-bet-list-item .sport-info[data-v-68aeadd7] {
  color: rgb(var(--absolute-type2));
  font-size: 1.16666667rem;
  font-weight: 700;
}
.open-bet-list-item .team-info[data-v-68aeadd7] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  font-weight: 400;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95%;
}
.open-bet-list-item .m-cashout-btn[data-v-68aeadd7] {
  align-items: center;
  background-color: rgb(var(--brand-secondary));
  border-radius: 2px;
  color: rgb(var(--brand-tertiary));
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  font-weight: 500;
  justify-content: center;
  min-height: 3.33333333rem;
  padding: 0.33333333rem 0;
  width: 100%;
}
.open-bet-list-item .m-cashout-btn .cash-out-info[data-v-68aeadd7] {
  align-items: center;
  display: flex;
}
.open-bet-list-item .m-cashout-btn.not-cashable[data-v-68aeadd7] {
  background-color: rgb(var(--disable-type1-primary));
  color: rgb(var(--text-type1-secondary));
}
.open-bet-list-item .two-up-icon[data-v-68aeadd7],
.open-bet-list-item .bore-draw-icon[data-v-68aeadd7] {
  color: rgb(var(--brand-secondary));
}
.open-bet-list-item .two-up-icon--not-enabled[data-v-68aeadd7],
.open-bet-list-item .bore-draw-icon--not-enabled[data-v-68aeadd7] {
  color: rgb(var(--disable-brand-secondary));
}
.loading-icon[data-v-68aeadd7] {
  animation: spin-68aeadd7 1s infinite;
  animation-timing-function: linear;
  color: rgb(var(--brand-tertiary));
  display: inline-block;
  font-size: 1.16666667rem;
  margin-left: 0.66666667rem;
}
.loading-icon[data-v-68aeadd7]::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.loading-icon[data-v-68aeadd7]::before {
  color: rgb(var(--brand-tertiary));
}
@keyframes spin-68aeadd7 {
to {
    transform: rotate(360deg);
}
from {
    transform: rotate(0deg);
}
}

[data-v-67524866]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.open-bet-section[data-v-67524866] {
  background-color: rgb(var(--brand-tertiary));
}
.fixed-wrap[data-v-67524866] {
  position: sticky;
  top: var(--header-nav-height);
  z-index: var(--openbet-header-z-index);
}
.m-error-wrapper[data-v-67524866] {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 1.33333333rem;
}
.m-error-wrapper[data-v-67524866] .m-icon-loading {
  align-items: center;
  animation: loading-rotate 2s linear infinite;
  display: block;
  height: 2.5rem;
}
.m-error-wrapper[data-v-67524866] .m-icon-loading::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-error-wrapper[data-v-67524866] .m-icon-loading::before {
  color: rgb(var(--text-type1-secondary));
  font-size: 2.5rem;
  line-height: 1;
}
.m-error-wrapper[data-v-67524866] .m-text-msg {
  color: rgb(var(--text-type1-secondary));
  display: block;
  font-size: 1rem;
  line-height: 1.33333333rem;
  margin-top: 2.5rem;
}
.m-error-wrapper[data-v-67524866] .m-error-msg {
  color: rgb(var(--text-type1-secondary));
  display: block;
  font-size: 1rem;
  line-height: 1.58333333rem;
  margin-bottom: 0.66666667rem;
  max-width: 194px;
  text-align: center;
}
.m-error-wrapper[data-v-67524866] .m-error-msg::before {
  content: '\e660';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-error-wrapper[data-v-67524866] .m-error-msg::before {
  color: rgb(var(--text-type1-primary));
}
.m-error-wrapper[data-v-67524866] .m-error-msg::before {
  color: rgb(var(--text-type1-secondary));
  display: block;
  font-size: 2.66666667rem;
  line-height: 1;
  margin-bottom: 0.66666667rem;
}
.m-error-wrapper[data-v-67524866] .m-btn {
  border: 1px solid rgb(var(--brand-secondary));
  border-radius: 0.25rem;
  color: rgb(var(--brand-secondary));
  display: inline-block;
  height: 2.83333333rem;
  line-height: 2.83333333rem;
  padding: 0 2.33333333rem;
}
.m-error-wrapper[data-v-67524866] .m-btn-text {
  color: rgb(var(--brand-type3-secondary));
  font-size: 14px;
  height: 16px;
  text-align: center;
}

#before-complete-pop .btn-wrap[data-v-db8985fa] {
  display: flex;
  justify-content: flex-end;
  margin: 1.33333333rem 0;
}
#before-complete-pop .btn-wrap .m-btn-stay[data-v-db8985fa] {
  color: rgb(var(--brand-secondary));
}
#before-complete-pop .btn-wrap .m-btn-leave[data-v-db8985fa] {
  color: rgb(var(--text-type1-secondary));
  margin-right: 1rem;
}
#before-complete-pop .btn-wrap .m-btn-stay[data-v-db8985fa],
#before-complete-pop .btn-wrap .m-btn-leave[data-v-db8985fa] {
  background-color: rgb(var(--brand-tertiary));
  border: none;
  width: 4rem;
}

[data-v-c2994d1c]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.header[data-v-c2994d1c] {
  position: relative;
  text-align: center;
}
.header .title[data-v-c2994d1c] {
  font-size: 1.83333333rem;
  font-weight: bold;
  margin: 4.66666667rem 0 1.66666667rem 0;
}
.header .tip[data-v-c2994d1c] {
  font-size: 1.16666667rem;
  line-height: 1;
  margin-bottom: 1.66666667rem;
  padding: 0 2.66666667rem;
  text-align: left;
}
.header .tip.center[data-v-c2994d1c] {
  text-align: center;
}
.header .m-close-btn[data-v-c2994d1c] {
  color: #9CA0AB;
  font-size: 1.16666667rem;
  font-weight: bold;
  padding: 0.33333333rem;
  position: absolute;
  right: 1.66666667rem;
  top: 1.66666667rem;
}
.header .m-close-btn[data-v-c2994d1c]::before {
  content: '\e62c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.header .m-close-btn[data-v-c2994d1c]::before {
  color: rgb(var(--text-type1-primary));
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-kyc-collect {
  background-color: rgb(var(--brand-tertiary));
  color: rgb(var(--text-type1-primary));
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.16666667rem;
  height: 100dvh;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  height: 100vh;
  overflow-y: auto;
  width: 100%;
}
.m-kyc-collect .m-loading-wrap {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.m-kyc-collect .form {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  padding: 0 16px 16px;
}
.m-kyc-collect .form .stuff {
  flex-grow: 1;
}
.m-kyc-collect .form .fields {
  display: flex;
  flex-shrink: 0;
  margin-bottom: 1.66666667rem;
  position: relative;
}
.m-kyc-collect .form .fields .split {
  flex: 1;
  width: 100%;
}
.m-kyc-collect .form .fields .split:nth-child(2) {
  margin-left: 10px;
}
.m-kyc-collect .form .fields .split.prefix {
  flex: 0.3;
}
.m-kyc-collect .form .fields .split.single {
  flex: 0 1 50px;
  width: auto;
}
.m-kyc-collect .form .fields .split.single .m-input {
  height: 100%;
  text-align: center;
}
.m-kyc-collect .form .fields .bar-container {
  align-items: center;
  display: flex;
  height: 4rem;
}
.m-kyc-collect .form .fields .bar-container .bar {
  border: 1px solid rgb(var(--text-disable-type1-primary));
  box-sizing: border-box;
  height: 2px;
  margin: 0 4px;
  width: 10px;
}
.m-kyc-collect .form .fields .notice {
  font-size: 12px;
  position: absolute;
}
.m-kyc-collect .form .fields .text-input {
  border-color: rgb(var(--line-type1-secondary));
}
.m-kyc-collect .form .fields .text-input.id-prefix {
  font-size: 14px;
  font-weight: normal;
  padding: 0 16px;
}
.m-kyc-collect .form .fields .text-input.id-prefix .m-input-wap {
  height: 100%;
  line-height: 1;
  padding-right: 0 !important;
  text-align: center;
}
.m-kyc-collect .form .fields .text-input.dob {
  border: 1px solid rgb(var(--line-type1-secondary));
  box-sizing: border-box;
  color: rgb(var(--text-type1-secondary));
  font-size: 14px;
  font-weight: normal;
  height: 4rem;
  line-height: 4rem;
  padding: 0 16px;
}
.m-kyc-collect .form .fields .text-input.dob.active {
  color: rgb(var(--text-type1-primary));
}
.m-kyc-collect .form .fields .text-input.dob.error {
  border-color: rgb(var(--warning-primary));
}
.m-kyc-collect .form .fields .dropdwon-input-wrapper {
  width: 100%;
}
.m-kyc-collect .form .fields .item {
  display: flex;
  flex-direction: column;
  position: relative;
}
.m-kyc-collect .err-msg {
  color: rgb(var(--warning-primary));
  font-size: 12px;
}
.m-kyc-collect .confirm-btn-wrapper {
  background: rgb(var(--brand-tertiary));
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  width: 100%;
}
.m-kyc-collect .confirm-btn-wrapper .af-button {
  flex: 1;
  font-size: 1.33333333rem;
  height: 4rem;
}
.m-kyc-collect .fixed {
  position: fixed;
}
.m-kyc-collect .separate {
  display: flex;
  justify-content: space-between;
}
.m-kyc-collect .column {
  flex-direction: column;
}
.m-kyc-collect .m-input-wap-wrapper {
  height: 4rem;
}
.m-kyc-collect .m-input-wap-wrapper ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(var(--text-type1-secondary)) !important;
  opacity: 1;
  /* Firefox */
}
.m-kyc-collect .m-input-wap-wrapper ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(var(--text-type1-secondary)) !important;
  opacity: 1;
  /* Firefox */
}
.m-kyc-collect .m-input-wap-wrapper .m-input-transform {
  padding-left: 16px;
}
.m-kyc-collect .m-input-wap-wrapper .m-input-transform.on input {
  height: 17px !important;
}
.m-kyc-collect .m-input-wap-wrapper .m-input-transform-text {
  padding-left: 0 !important;
}
.m-kyc-collect .m-input-wap-wrapper .m-input-transform-text.on {
  padding-left: 16px !important;
}
.m-kyc-collect .m-input-wap-wrapper .m-input-wap {
  padding-left: 0 !important;
}
.m-kyc-collect .m-input-wap-wrapper input:disabled.on {
  color: rgb(var(--text-disable-type1-primary)) !important;
}
.m-kyc-collect .m-input-wap-wrapper .m-input-wap-icon::before {
  font-size: 20px;
}
.m-kyc-collect .m-input-wap-wrapper .m-input-wap-wrapper--error {
  border-color: rgb(var(--warning-primary)) !important;
}
.m-kyc-collect .m-input-wap-wrapper.m-input-wap-wrapper--disabled .m-input-wap,
.m-kyc-collect .m-input-wap-wrapper.m-input-wap-wrapper--disabled .m-input-wap-append,
.m-kyc-collect .m-input-wap-wrapper.m-input-wap-wrapper--disabled .m-input-wap-prepend {
  background-color: rgb(var(--brand-tertiary)) !important;
}
.m-kyc-collect .mb-40 {
  margin-bottom: 3.33333333rem !important;
}
.m-kyc-collect .cs-text {
  color: rgb(var(--text-type1-secondary));
  text-align: center;
}
.m-kyc-collect .cs-text span {
  color: rgb(var(--brand-secondary));
  cursor: pointer;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-input-wap-wrapper {
  background: rgb(var(--brand-tertiary));
  border: 1px solid rgb(var(--line-type1-secondary));
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  position: relative;
}
.m-input-wap-wrapper .m-input-wap {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  font-size: inherit;
  height: 32px;
  line-height: 1;
  max-width: 100%;
  outline: none;
  padding: 3px 10px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.m-input-wap-wrapper .m-input-wap::-moz-placeholder {
  color: #bbb;
}
.m-input-wap-wrapper .m-input-wap::placeholder {
  color: #bbb;
}
.m-input-wap-wrapper .m-input-wap.on {
  height: 1.33333333rem;
  padding: 0;
}
.m-input-wap-wrapper .m-input-wap.m-input-wap__password {
  padding-right: 42px !important;
}
.m-input-wap-wrapper .m-input-transform {
  display: block;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-top: 8px;
}
.m-input-wap-wrapper .m-input-transform .m-input-transform-text {
  color: rgb(var(--text-type1-secondary));
  font-size: 10px;
  height: 12px;
  line-height: 12px;
  margin-bottom: 4px;
  text-align: left;
}
.m-input-wap-wrapper .m-input-wap-icon {
  align-items: center;
  color: #bbb;
  display: flex;
  height: 100%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 0.3s;
  visibility: hidden;
  width: 35px;
}
.m-input-wap-wrapper .m-input-wap-icon::before {
  content: '\e628';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-input-wap-wrapper .m-input-wap-icon::before {
  color: rgb(var(--text-type1-primary));
}
.m-input-wap-wrapper .m-input-wap-icon::before {
  color: rgb(var(--text-type1-secondary));
  display: block;
  font-size: 24px;
}
.m-input-wap-wrapper .m-input-wap-icon::after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.m-input-wap-wrapper .m-input-wap-icon + .m-input-wap {
  padding-right: 35px;
}
.m-input-wap-wrapper .m-input-wap-icon.m-input-wap-icon--clickable:hover {
  color: rgb(var(--brand-secondary));
  cursor: pointer;
}
.m-input-wap-wrapper .m-input-wap-icon.m-input-wap-icon--clickable:hover + .m-input-wap {
  border-color: rgb(var(--brand-secondary));
}
.m-input-wap-wrapper .m-input-wap-icon.m-input-wap-icon--show {
  visibility: visible;
}
.m-input-wap-wrapper .m-input-wap-text--icon {
  align-items: center;
  color: #bbb;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 0.3s;
  width: 42px;
}
.m-input-wap-wrapper .m-input-wap-text--icon + .m-input-wap {
  padding-right: 42px;
}
.m-input-wap-wrapper.m-input-wap-wrapper--active {
  background: rgb(var(--background-type1-secondary));
  border: 1px solid rgb(var(--brand-secondary));
}
.m-input-wap-wrapper.m-input-wap-wrapper--active .m-input-transform-text {
  color: rgb(var(--brand-secondary));
}
.m-input-wap-wrapper.m-input-wap-wrapper--disabled .m-input-wap,
.m-input-wap-wrapper.m-input-wap-wrapper--disabled .m-input-wap-append,
.m-input-wap-wrapper.m-input-wap-wrapper--disabled .m-input-wap-prepend {
  background-color: rgb(var(--brand-tertiary));
  border-color: rgb(var(--line-type1-secondary));
  color: rgb(var(--text-type1-secondary));
  cursor: not-allowed;
}
.m-input-wap-wrapper.m-input-wap-wrapper--disabled .m-input-wap::-moz-placeholder {
  color: rgb(var(--text-type1-secondary));
}
.m-input-wap-wrapper.m-input-wap-wrapper--disabled .m-input-wap::placeholder {
  color: rgb(var(--text-type1-secondary));
}
.m-input-wap-wrapper.m-input-wap-wrapper--error {
  border: 1px solid rgb(var(--warning-primary)) !important;
}
.m-input-wap-wrapper.m-input-wap-wrapper--large {
  font-size: 16px;
}
.m-input-wap-wrapper.m-input-wap-wrapper--large .m-input-wap {
  height: 42px;
}
.m-input-wap-wrapper.m-input-wap-wrapper--small {
  font-size: 13px;
}
.m-input-wap-wrapper.m-input-wap-wrapper--small .m-input-wap {
  height: 30px;
}
.m-input-wap-group {
  align-items: center;
  display: flex;
  line-height: 1;
  width: 100%;
}
.m-input-wap-group > .m-input-wap {
  display: table-cell;
  line-height: normal;
  vertical-align: middle;
}
.m-input-wap-group .m-input-wap-append,
.m-input-wap-group .m-input-wap-prepend {
  background-color: transparent;
  border-radius: 4px;
  color: rgb(var(--text-type1-secondary));
  padding-left: 10px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
}
.m-input-wap-group .m-input-wap-append .m-input-wap,
.m-input-wap-group .m-input-wap-prepend .m-input-wap {
  font-size: inherit;
}
.m-input-wap-wrapper .m-input-wap-prepend--default i,
.m-input-wap-wrapper .m-input-wap-prepend--default svg {
  color: rgb(var(--text-type1-secondary));
}
.m-input-wap-wrapper .m-input-wap-prepend--default img {
  filter: grayscale(100%);
}
.m-input-wap-wrapper--active .m-input-wap-prepend--default i,
.m-input-wap-wrapper--active .m-input-wap-prepend--default svg {
  color: rgb(var(--brand-secondary));
}
.m-input-wap-wrapper--active .m-input-wap-prepend--default img {
  filter: grayscale(0%);
}

.m-snap-nav-wrap {
  overflow: hidden;
}
.m-snap-nav-wrap .m-snap-nav {
  font-size: 0;
  min-width: 100%;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.m-snap-nav-wrap .m-snap-nav * {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.m-snap-nav-wrap .m-snap-nav li {
  display: inline-block;
  font-size: 1rem;
  padding: 0 0.35555556rem;
  text-align: center;
}
.m-snap-nav-wrap .m-snap-nav.flex {
  display: flex;
  flex-wrap: nowrap;
}
.m-snap-nav-wrap .m-snap-nav.flex li {
  flex: 0 1 auto;
}

html,
body {
  width: 100%;
}
.no-scroll {
  overflow: hidden!important;
  touch-action: none!important;
}

.m-layout-main[data-v-85d61e0c] {
  box-sizing: border-box;
  display: flex;
}
.m-layout-main .fade-enter-active[data-v-85d61e0c],
.m-layout-main .fade-leave-active[data-v-85d61e0c] {
  transition: opacity 0.3s;
}
.m-layout-main .fade-enter-from[data-v-85d61e0c],
.m-layout-main .fade-leave-to[data-v-85d61e0c] {
  opacity: 0;
}
.m-layout-main[data-v-85d61e0c] > * {
  min-height: 100%;
}
.m-layout-main .m-main-left[data-v-85d61e0c],
.m-layout-main .m-main-right[data-v-85d61e0c] {
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 800;
}
.m-layout-main .m-main-left[data-v-85d61e0c] {
  top: 0;
}
.m-layout-main .m-main-right[data-v-85d61e0c] {
  bottom: 0;
}
.m-layout-main .m-main-mid[data-v-85d61e0c] {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.m-layout-main .m-main-mid.has-bg-color[data-v-85d61e0c] {
  background-color: rgb(var(--background-type1-secondary));
}
.m-layout-main .m-main-mid.m-has-bottom-nav .m-footer[data-v-85d61e0c] {
  padding-bottom: 5rem;
}
.m-layout-main .refresh-page[data-v-85d61e0c] {
  margin-top: 64px;
}

.lazy-load-component[data-v-1cda3ff1]:empty {
  display: none;
}

.widget-box[data-v-4057ed64] {
  background: rgb(var(--background-type1-tertiary));
  border-radius: 0.83333333rem;
  padding: 0.66666667rem;
}

[data-v-46610c17]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.featured-games-skeleton[data-v-46610c17] {
  background-color: rgb(var(--background-type1-tertiary));
}
.featured-games-skeleton .skeleton[data-v-46610c17] {
  background: linear-gradient(90deg, #DCD2FA 0%, rgba(151, 136, 192, 0.42) 100%);
  height: 100%;
  opacity: 0.3;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.featured-games-skeleton .skeleton[data-v-46610c17]::before {
  animation: highlight 1s linear infinite;
  background-image: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  content: '';
  height: 100%;
  left: -45%;
  position: absolute;
  width: 45%;
}
.featured-games-skeleton .featured-games-title[data-v-46610c17] {
  height: 1.66666667rem;
  padding: 0.33333333rem 0.33333333rem 1rem 0;
  width: 11.25rem;
}
.featured-games-skeleton .featured-games-title .skeleton[data-v-46610c17] {
  border-radius: 1rem;
}
.featured-games-skeleton .games-selector-wrapper[data-v-46610c17] {
  padding-bottom: 1rem;
}
.featured-games-skeleton .to-casino-games[data-v-46610c17] {
  height: 1.66666667rem;
  margin-top: 0.66666667rem;
  padding: 0.66666667rem 0 0.66666667rem 0;
  text-align: center;
  width: 100%;
}
.featured-games-skeleton .to-casino-games .skeleton[data-v-46610c17] {
  border-radius: 1rem;
  width: 100px;
}
.featured-games-skeleton .games-list[data-v-46610c17] {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.featured-games-skeleton .games-list .game-card[data-v-46610c17] {
  background-image: url(//s.football.com/global/main/common/widget/FeaturedGames/images/game-card-placeholder.22263d99c8.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 1.25rem;
  display: flex;
  overflow: hidden;
  position: relative;
}
.featured-games-skeleton .games-list .game-card .online-player-count[data-v-46610c17] {
  height: 0.83333333rem;
  margin-right: 0.66666667rem;
  margin-top: 0.33333333rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 3.33333333rem;
  z-index: 1;
}
.featured-games-skeleton .games-list .game-card .online-player-count .icon[data-v-46610c17] {
  background-color: rgb(var(--brand-secondary));
  border-radius: 50%;
  height: 0.41666667rem;
  width: 0.41666667rem;
}
.featured-games-skeleton .games-list .game-card .online-player-count .count[data-v-46610c17] {
  margin-left: 0.41666667rem;
}
.featured-games-skeleton .games-list .game-card .online-player-count .skeleton[data-v-46610c17] {
  border-radius: 1rem;
}
.featured-games-skeleton .games-list .game-card .game-name[data-v-46610c17] {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  height: 1.66666667rem;
  position: absolute;
  width: 100%;
}
.featured-games-skeleton .games-list .game-card .game-card-img[data-v-46610c17] {
  aspect-ratio: 1;
  border-radius: 1.25rem;
  height: auto;
  visibility: hidden;
  width: 100%;
}
.featured-games-skeleton .games-category-selector[data-v-46610c17] {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  white-space: nowrap;
  width: 100%;
}
.featured-games-skeleton .games-category-selector[data-v-46610c17]::-webkit-scrollbar {
  display: none;
}
.featured-games-skeleton .games-category-selector .category-tag[data-v-46610c17] {
  background-color: rgb(var(--background-type1-secondary));
  border-radius: 1rem;
  height: 1.66666667rem;
  margin-right: 0.33333333rem;
  overflow: hidden;
  width: 120px;
}

[data-v-cd69eb64]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.featured-match-card-frame[data-v-cd69eb64] {
  height: 15.66666667rem;
  margin-bottom: 2.5rem;
}
.featured-match-card-frame .category-container[data-v-cd69eb64] {
  align-items: center;
  display: flex;
  height: 25%;
  justify-content: space-between;
  width: 100%;
}
.featured-match-card-frame .category-container .item-with-name[data-v-cd69eb64] {
  height: 70%;
  position: relative;
  width: 10.5rem;
}
.featured-match-card-frame .category-container .item-with-name[data-v-cd69eb64]::before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid rgb(var(--fc-nl-700));
  bottom: 0;
  content: '';
  height: 0;
  left: 50%;
  opacity: 0.3;
  position: absolute;
  transform: translate(-50%, 100%);
  width: 0;
}
.featured-match-card-frame .category-container .item-with-name .skeleton[data-v-cd69eb64] {
  border-radius: 10px;
}
.featured-match-card-frame .category-container .item-circle[data-v-cd69eb64] {
  height: 1.5rem;
  width: 1.5rem;
}
.featured-match-card-frame .category-container .item-circle .skeleton[data-v-cd69eb64] {
  border-radius: 50%;
}
.featured-match-card-frame .skeleton[data-v-cd69eb64] {
  background: linear-gradient(90deg, #DCD2FA 0%, rgba(151, 136, 192, 0.42) 100%);
  height: 100%;
  opacity: 0.3;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.featured-match-card-frame .skeleton[data-v-cd69eb64]::before {
  animation: highlight-cd69eb64 1s linear infinite;
  background-image: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  content: '';
  height: 100%;
  left: -45%;
  position: absolute;
  width: 45%;
}
.featured-match-card-frame .is-classic.featured-match-card-container[data-v-cd69eb64] {
  background: linear-gradient(90deg, #878693 0%, rgba(135, 134, 147, 0.4) 57.29%, #878693 100%);
  border-radius: 10px;
  height: 75%;
  margin-bottom: 1rem;
  padding: 1rem;
  position: relative;
  z-index: 0;
}
.featured-match-card-frame .is-classic.featured-match-card-container .m-bg-trapezoid[data-v-cd69eb64] {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.featured-match-card-frame .is-classic.featured-match-card-container .up[data-v-cd69eb64] {
  display: flex;
  height: 30%;
}
.featured-match-card-frame .is-classic.featured-match-card-container .up .short-bar[data-v-cd69eb64],
.featured-match-card-frame .is-classic.featured-match-card-container .up .long-bar[data-v-cd69eb64] {
  height: 1rem;
}
.featured-match-card-frame .is-classic.featured-match-card-container .up .short-bar .skeleton[data-v-cd69eb64],
.featured-match-card-frame .is-classic.featured-match-card-container .up .long-bar .skeleton[data-v-cd69eb64] {
  border-radius: 25px;
}
.featured-match-card-frame .is-classic.featured-match-card-container .up .short-bar[data-v-cd69eb64] {
  margin-right: 0.66666667rem;
  width: 3rem;
}
.featured-match-card-frame .is-classic.featured-match-card-container .up .long-bar[data-v-cd69eb64] {
  width: 40%;
}
.featured-match-card-frame .is-classic.featured-match-card-container .bottom[data-v-cd69eb64] {
  display: flex;
  height: 70%;
  justify-content: space-around;
}
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .left[data-v-cd69eb64],
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .right[data-v-cd69eb64],
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .mid[data-v-cd69eb64] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 30%;
}
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .left .rect-outcome[data-v-cd69eb64],
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .right .rect-outcome[data-v-cd69eb64],
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .mid .rect-outcome[data-v-cd69eb64] {
  height: 2.5rem;
  width: 100%;
}
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .left .rect-outcome .skeleton[data-v-cd69eb64],
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .right .rect-outcome .skeleton[data-v-cd69eb64],
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .mid .rect-outcome .skeleton[data-v-cd69eb64] {
  border-radius: 10px;
}
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .left .circle[data-v-cd69eb64],
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .right .circle[data-v-cd69eb64] {
  height: 2.66666667rem;
  width: 2.66666667rem;
}
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .left .circle .skeleton[data-v-cd69eb64],
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .right .circle .skeleton[data-v-cd69eb64] {
  border-radius: 50%;
}
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .left .rect[data-v-cd69eb64],
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .right .rect[data-v-cd69eb64] {
  height: 2.16666667rem;
  width: 100%;
}
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .left .rect .skeleton[data-v-cd69eb64],
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .right .rect .skeleton[data-v-cd69eb64] {
  border-radius: 10px;
}
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .left .rect-outcome[data-v-cd69eb64],
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .right .rect-outcome[data-v-cd69eb64] {
  height: 2.5rem;
}
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .mid .first-rect[data-v-cd69eb64] {
  height: 1.5rem;
  width: 100%;
}
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .mid .first-rect .skeleton[data-v-cd69eb64] {
  border-radius: 10px;
}
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .mid .second-rect[data-v-cd69eb64] {
  height: 1rem;
  margin-bottom: 1rem;
  width: 100%;
}
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .mid .second-rect .skeleton[data-v-cd69eb64] {
  border-radius: 10px;
}
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .mid .rect[data-v-cd69eb64] {
  height: 2.16666667rem;
  width: 100%;
}
.featured-match-card-frame .is-classic.featured-match-card-container .bottom .mid .rect .skeleton[data-v-cd69eb64] {
  border-radius: 10px;
}
.is-modern.featured-match-card-container[data-v-cd69eb64] {
  background: linear-gradient(90deg, #878693 0%, rgba(135, 134, 147, 0.4) 57.29%, #878693 100%);
  border-radius: 10px;
  margin-bottom: 1rem;
  padding: 0.83333333rem 1rem 1rem 1rem;
  position: relative;
  z-index: 0;
}
.is-modern.featured-match-card-container .m-bg-trapezoid[data-v-cd69eb64] {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.is-modern.featured-match-card-container .mid[data-v-cd69eb64] {
  display: flex;
}
.is-modern.featured-match-card-container .mid .m-left[data-v-cd69eb64],
.is-modern.featured-match-card-container .mid .m-right[data-v-cd69eb64] {
  z-index: 3;
}
.is-modern.featured-match-card-container .mid .m-left[data-v-cd69eb64] {
  width: 70%;
}
.is-modern.featured-match-card-container .mid .m-right[data-v-cd69eb64] {
  width: 40%;
}
.is-modern.featured-match-card-container .mid .m-right .icon-container[data-v-cd69eb64] {
  align-items: center;
  display: flex;
  height: 90%;
  justify-content: flex-end;
  margin-right: 0.58333333rem;
  width: 100%;
}
.is-modern.featured-match-card-container .mid .m-right .icon-container .icon-inner-container[data-v-cd69eb64] {
  height: 60%;
  margin-right: 0.5rem;
  position: relative;
  width: 60%;
}
.is-modern.featured-match-card-container .mid .m-right .icon-container .icon-inner-container .home-icon[data-v-cd69eb64],
.is-modern.featured-match-card-container .mid .m-right .icon-container .icon-inner-container .away-icon[data-v-cd69eb64] {
  border-radius: 50%;
  height: 3.5rem;
  width: 3.5rem;
}
.is-modern.featured-match-card-container .mid .m-right .icon-container .icon-inner-container .home-icon[data-v-cd69eb64] {
  position: absolute;
  right: 2.08333333rem;
  z-index: 3;
}
.is-modern.featured-match-card-container .mid .m-right .icon-container .icon-inner-container .away-icon[data-v-cd69eb64] {
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}
.is-modern.featured-match-card-container .mid .first-row[data-v-cd69eb64] {
  display: flex;
  justify-content: space-between;
}
.is-modern.featured-match-card-container .skeleton-wrapper[data-v-cd69eb64] {
  align-items: center;
  display: flex;
  height: 1.5rem;
  justify-content: center;
  margin-bottom: 0.66666667rem;
  position: relative;
}
.is-modern.featured-match-card-container .skeleton-wrapper.short-bar[data-v-cd69eb64] {
  width: 40%;
}
.is-modern.featured-match-card-container .skeleton-wrapper.mid-bar[data-v-cd69eb64] {
  width: 65%;
}
.is-modern.featured-match-card-container .skeleton-wrapper.long-bar[data-v-cd69eb64] {
  width: 100%;
}
.is-modern.featured-match-card-container .skeleton-wrapper.circle[data-v-cd69eb64] {
  width: 1.16666667rem;
}
.is-modern.featured-match-card-container .skeleton-wrapper .skeleton[data-v-cd69eb64] {
  background: linear-gradient(90deg, #DCD2FA 0%, rgba(151, 136, 192, 0.42) 100%);
  border-radius: 25px;
  height: 100%;
  opacity: 0.3;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.is-modern.featured-match-card-container .skeleton-wrapper .skeleton[data-v-cd69eb64]::before {
  animation: highlight-cd69eb64 1s linear infinite;
  background-image: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  content: '';
  height: 100%;
  left: -45%;
  position: absolute;
  width: 45%;
}
.is-modern.featured-match-card-container .outcome-container[data-v-cd69eb64] {
  display: flex;
  justify-content: space-between;
}
.is-modern.featured-match-card-container .outcome-container .outcome-wrapper[data-v-cd69eb64] {
  align-items: center;
  display: flex;
  height: 3.33333333rem;
  justify-content: center;
  position: relative;
  width: 30%;
}
.is-modern.featured-match-card-container .outcome-container .outcome-wrapper .skeleton[data-v-cd69eb64] {
  background: linear-gradient(90deg, #DCD2FA 0%, rgba(151, 136, 192, 0.42) 100%);
  border-radius: 0.83333333rem;
  height: 90%;
  opacity: 0.3;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.is-modern.featured-match-card-container .outcome-container .outcome-wrapper .skeleton[data-v-cd69eb64]::before {
  animation: highlight-cd69eb64 1s linear infinite;
  background-image: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  content: '';
  height: 100%;
  left: -45%;
  position: absolute;
  width: 45%;
}
@keyframes highlight-cd69eb64 {
0% {
    left: -45%;
}
100% {
    left: 100%;
}
}

[data-v-3c3f8699]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-feature-item[data-v-3c3f8699] {
  margin-right: 0.83333333rem;
}
.m-feature-item .m-feature-img[data-v-3c3f8699] {
  align-items: center;
  border-radius: 0.83333333rem;
  display: flex;
  height: 5rem;
  justify-content: center;
  padding: 2px;
  width: 6.66666667rem;
}
.m-feature-item .m-feature-img .skeleton[data-v-3c3f8699] {
  background: linear-gradient(90deg, #DCD2FA 0%, rgba(151, 136, 192, 0.42) 100%);
  border-radius: 0.83333333rem;
  height: calc(100% - 4px);
  opacity: 0.3;
  overflow: hidden;
  position: relative;
  width: calc(100% - 4px);
}
.m-feature-item .m-feature-img .skeleton[data-v-3c3f8699]::before {
  animation: highlight-3c3f8699 1s linear infinite;
  background-image: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  content: '';
  height: 100%;
  left: -45%;
  position: absolute;
  width: 45%;
}
@keyframes highlight-3c3f8699 {
0% {
    left: -45%;
}
100% {
    left: 100%;
}
}

[data-v-3eaaecbc]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.skeleton-wrapper[data-v-3eaaecbc] {
  align-items: center;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  position: relative;
}
.skeleton-wrapper.is-classic[data-v-3eaaecbc] {
  background: linear-gradient(90deg, #878693 0%, rgba(135, 134, 147, 0.4) 57.29%, #878693 100%);
  height: 4.16666667rem;
  width: 7.33333333rem;
}
.skeleton-wrapper.is-classic .skeleton[data-v-3eaaecbc] {
  background: linear-gradient(90deg, #DCD2FA 0%, rgba(151, 136, 192, 0.42) 100%);
  border-radius: 25px;
  height: 100%;
  opacity: 0.3;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.skeleton-wrapper.is-classic .skeleton[data-v-3eaaecbc]::before {
  animation: highlight-3eaaecbc 1s linear infinite;
  background-image: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  content: '';
  height: 100%;
  left: -45%;
  position: absolute;
  width: 45%;
}
.skeleton-wrapper.is-classic .left[data-v-3eaaecbc] {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 30%;
}
.skeleton-wrapper.is-classic .left .circle[data-v-3eaaecbc] {
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
}
.skeleton-wrapper.is-classic .right[data-v-3eaaecbc] {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-evenly;
  width: 70%;
}
.skeleton-wrapper.is-classic .right .bar[data-v-3eaaecbc] {
  border-radius: 25px;
  height: 1rem;
  width: 80%;
}
.skeleton-wrapper.is-modern[data-v-3eaaecbc] {
  height: 5.83333333rem;
}
.skeleton-wrapper.is-modern .skeleton[data-v-3eaaecbc] {
  background: linear-gradient(90deg, #DCD2FA 0%, rgba(151, 136, 192, 0.42) 100%);
  height: 100%;
  opacity: 0.3;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.skeleton-wrapper.is-modern .skeleton[data-v-3eaaecbc]::before {
  animation: highlight-3eaaecbc 1s linear infinite;
  background-image: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  content: '';
  height: 100%;
  left: -45%;
  position: absolute;
  width: 45%;
}
.skeleton-wrapper.is-modern .m-highlight-container[data-v-3eaaecbc] {
  align-items: end;
  display: flex;
  height: 5.83333333rem;
  position: relative;
}
.skeleton-wrapper.is-modern .m-highlight-container .m-league-icon[data-v-3eaaecbc] {
  height: 2rem;
  left: 0.83333333rem;
  position: absolute;
  top: 0;
  width: 2rem;
  z-index: 1;
}
.skeleton-wrapper.is-modern .m-highlight-container .m-league-icon .skeleton[data-v-3eaaecbc] {
  border-radius: 10px;
}
.skeleton-wrapper.is-modern .m-highlight-container .m-highlight-bg[data-v-3eaaecbc] {
  align-items: center;
  background: linear-gradient(90deg, #878693 0%, rgba(135, 134, 147, 0.4) 57.29%, #878693 100%);
  border-radius: 0.83333333rem;
  display: flex;
  flex-direction: column;
  height: 4.5rem;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 22vw;
}
.skeleton-wrapper.is-modern .m-highlight-container .m-highlight-bg .bar[data-v-3eaaecbc] {
  height: 1rem;
  margin-top: 0.66666667rem;
  width: 80%;
}
.skeleton-wrapper.is-modern .m-highlight-container .m-highlight-bg .bar .skeleton[data-v-3eaaecbc] {
  border-radius: 25px;
}
@keyframes highlight-3eaaecbc {
0% {
    left: -45%;
}
100% {
    left: 100%;
}
}

[data-v-9bea6f16]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.match-card-skeleton-section .market-selector[data-v-9bea6f16] {
  display: flex;
  height: 2.33333333rem;
  justify-content: space-between;
  margin-bottom: 1rem;
  width: 100%;
}
.match-card-skeleton-section .market-selector .first-item[data-v-9bea6f16],
.match-card-skeleton-section .market-selector .second-item[data-v-9bea6f16] {
  height: 100%;
  width: 15%;
}
.match-card-skeleton-section .market-selector .first-item .skeleton[data-v-9bea6f16],
.match-card-skeleton-section .market-selector .second-item .skeleton[data-v-9bea6f16] {
  border-radius: 16px;
}
.match-card-skeleton-section .market-selector .third-item[data-v-9bea6f16] {
  height: 100%;
  width: 25%;
}
.match-card-skeleton-section .market-selector .third-item .skeleton[data-v-9bea6f16] {
  border-radius: 16px;
}
.match-card-skeleton-section .market-selector .fourth-item[data-v-9bea6f16] {
  height: 100%;
  width: 40%;
}
.match-card-skeleton-section .market-selector .fourth-item .skeleton[data-v-9bea6f16] {
  border-radius: 16px;
}
.match-card-skeleton-section .market-title[data-v-9bea6f16] {
  height: 1.33333333rem;
  margin-bottom: 1rem;
  width: 100%;
}
.match-card-skeleton-section .market-title .skeleton[data-v-9bea6f16] {
  border-radius: 10px;
}
.match-card-skeleton-section .flex-space-between[data-v-9bea6f16] {
  display: flex;
  justify-content: space-between;
}
.match-card-skeleton-section .left[data-v-9bea6f16] {
  display: flex;
  flex-direction: column;
  width: 36%;
}
.match-card-skeleton-section .left .first-row[data-v-9bea6f16] {
  display: flex;
  justify-content: space-between;
}
.match-card-skeleton-section .left .long-bar[data-v-9bea6f16] {
  margin-top: 0.66666667rem;
}
.match-card-skeleton-section .right[data-v-9bea6f16] {
  display: flex;
  flex-direction: column;
  width: 60%;
}
.match-card-skeleton-section .skeleton[data-v-9bea6f16] {
  background: linear-gradient(90deg, #DCD2FA 0%, rgba(151, 136, 192, 0.42) 100%);
  border-radius: 25px;
  height: 100%;
  opacity: 0.3;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.match-card-skeleton-section .skeleton[data-v-9bea6f16]::before {
  animation: highlight-9bea6f16 1s linear infinite;
  background-image: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  content: '';
  height: 100%;
  left: -45%;
  position: absolute;
  width: 45%;
}
.match-card-skeleton-section .short-bar[data-v-9bea6f16] {
  height: 1.16666667rem;
  width: 20%;
}
.match-card-skeleton-section .mid-bar[data-v-9bea6f16] {
  height: 1.16666667rem;
  width: 75%;
}
.match-card-skeleton-section .long-bar[data-v-9bea6f16] {
  height: 1.16666667rem;
  width: 100%;
}
.match-card-skeleton-section .outcome-container[data-v-9bea6f16] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.66666667rem;
}
.match-card-skeleton-section .outcome-container .outcome-wrapper[data-v-9bea6f16] {
  height: 2.5rem;
  width: 30%;
}
.match-card-skeleton-section .outcome-container .outcome-wrapper .skeleton[data-v-9bea6f16] {
  border-radius: 10px;
}
.match-card-skeleton-section .circle-container[data-v-9bea6f16] {
  display: flex;
  justify-content: flex-end;
}
.match-card-skeleton-section .circle-container .circle[data-v-9bea6f16] {
  margin-left: 8px;
  margin-top: 0.66666667rem;
}
.match-card-skeleton-section .circle-container .circle .skeleton[data-v-9bea6f16] {
  border-radius: 5px;
  height: 1.5rem;
  width: 1.5rem;
}
@keyframes highlight-9bea6f16 {
0% {
    left: -45%;
}
100% {
    left: 100%;
}
}

[data-v-a7123a64]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.match-card-skeleton-section[data-v-a7123a64] {
  height: 100%;
  width: 100%;
}
.match-card-skeleton-section .market-selector[data-v-a7123a64] {
  display: flex;
  height: 2.33333333rem;
  justify-content: space-between;
  margin-bottom: 1rem;
  width: 100%;
}
.match-card-skeleton-section .market-selector .first-item[data-v-a7123a64],
.match-card-skeleton-section .market-selector .second-item[data-v-a7123a64] {
  height: 100%;
  width: 15%;
}
.match-card-skeleton-section .market-selector .first-item .skeleton[data-v-a7123a64],
.match-card-skeleton-section .market-selector .second-item .skeleton[data-v-a7123a64] {
  border-radius: 16px;
}
.match-card-skeleton-section .market-selector .third-item[data-v-a7123a64] {
  height: 100%;
  width: 25%;
}
.match-card-skeleton-section .market-selector .third-item .skeleton[data-v-a7123a64] {
  border-radius: 16px;
}
.match-card-skeleton-section .market-selector .fourth-item[data-v-a7123a64] {
  height: 100%;
  width: 40%;
}
.match-card-skeleton-section .market-selector .fourth-item .skeleton[data-v-a7123a64] {
  border-radius: 16px;
}
.match-card-skeleton-section .market-title[data-v-a7123a64] {
  height: 1.33333333rem;
  margin-bottom: 1rem;
  width: 100%;
}
.match-card-skeleton-section .market-title .skeleton[data-v-a7123a64] {
  border-radius: 10px;
}
.match-card-skeleton-section .skeleton[data-v-a7123a64] {
  background: linear-gradient(90deg, #DCD2FA 0%, rgba(151, 136, 192, 0.42) 100%);
  border-radius: 25px;
  height: 100%;
  opacity: 0.3;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.match-card-skeleton-section .skeleton[data-v-a7123a64]::before {
  animation: highlight-a7123a64 1s linear infinite;
  background-image: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  content: '';
  height: 100%;
  left: -45%;
  position: absolute;
  width: 45%;
}
.match-card-skeleton-section .first-row[data-v-a7123a64] {
  display: flex;
  justify-content: space-between;
}
.match-card-skeleton-section .first-row .left[data-v-a7123a64] {
  display: flex;
  justify-content: space-between;
  width: 65%;
}
.match-card-skeleton-section .first-row .right[data-v-a7123a64] {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.match-card-skeleton-section .skeleton-wrapper[data-v-a7123a64] {
  align-items: center;
  display: flex;
  height: 1.16666667rem;
  justify-content: center;
  margin-bottom: 0.66666667rem;
  position: relative;
}
.match-card-skeleton-section .skeleton-wrapper.short-bar[data-v-a7123a64] {
  width: 20%;
}
.match-card-skeleton-section .skeleton-wrapper.mid-bar[data-v-a7123a64] {
  width: 75%;
}
.match-card-skeleton-section .skeleton-wrapper.long-bar[data-v-a7123a64] {
  width: 65%;
}
.match-card-skeleton-section .skeleton-wrapper.circle[data-v-a7123a64] {
  width: 1.16666667rem;
}
.match-card-skeleton-section .outcome-container[data-v-a7123a64] {
  display: flex;
  justify-content: space-between;
}
.match-card-skeleton-section .outcome-container .outcome-wrapper[data-v-a7123a64] {
  align-items: center;
  display: flex;
  height: 3.33333333rem;
  justify-content: center;
  position: relative;
  width: 30%;
}
.match-card-skeleton-section .outcome-container .outcome-wrapper .skeleton[data-v-a7123a64] {
  background: linear-gradient(90deg, #DCD2FA 0%, rgba(151, 136, 192, 0.42) 100%);
  border-radius: 0.83333333rem;
  height: 90%;
  opacity: 0.3;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.match-card-skeleton-section .outcome-container .outcome-wrapper .skeleton[data-v-a7123a64]::before {
  animation: highlight-a7123a64 1s linear infinite;
  background-image: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  content: '';
  height: 100%;
  left: -45%;
  position: absolute;
  width: 45%;
}
@keyframes highlight-a7123a64 {
0% {
    left: -45%;
}
100% {
    left: 100%;
}
}

[data-v-484633b3]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.bar[data-v-484633b3] {
  height: 1.33333333rem;
  width: 32%;
}
.bar .skeleton[data-v-484633b3] {
  background: linear-gradient(90deg, #DCD2FA 0%, rgba(151, 136, 192, 0.42) 100%);
  border-radius: 25px;
  height: 100%;
  opacity: 0.3;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.bar .skeleton[data-v-484633b3]::before {
  animation: highlight-484633b3 1s linear infinite;
  background-image: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  content: '';
  height: 100%;
  left: -45%;
  position: absolute;
  width: 45%;
}
.full-view-skeleton-container[data-v-484633b3] {
  background: linear-gradient(90deg, #878693 0%, rgba(135, 134, 147, 0.4) 57.29%, #878693 100%);
  border-radius: 10px;
  padding: 1rem 0.66666667rem;
}
.full-view-skeleton-container .title-bar[data-v-484633b3] {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.full-view-skeleton-container .title-bar .title[data-v-484633b3] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.33333333rem;
  font-weight: 900;
  margin-right: 1.66666667rem;
}
.full-view-skeleton-container .title-bar .bar-container[data-v-484633b3] {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.full-view-skeleton-container .all-events[data-v-484633b3] {
  height: 1.5rem;
  margin: 0.66666667rem auto;
  width: 25%;
}
@keyframes highlight-484633b3 {
0% {
    left: -45%;
}
100% {
    left: 100%;
}
}

.banner-widget[data-v-5d995b80] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

[data-v-116e929b]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.quick-panel-skeleton-container[data-v-116e929b] {
  align-items: center;
  background: linear-gradient(90deg, #878693 0%, rgba(135, 134, 147, 0.4) 57.29%, #878693 100%);
  border-radius: 10px;
  display: flex;
  height: 4.33333333rem;
  justify-content: space-between;
  margin: 0.66666667rem 0;
  padding: 0 1.33333333rem;
}
.quick-panel-skeleton-container .item-circle[data-v-116e929b] {
  height: 2rem;
  width: 2rem;
}
.quick-panel-skeleton-container .item-circle .skeleton[data-v-116e929b] {
  border-radius: 50%;
}
.quick-panel-skeleton-container .skeleton[data-v-116e929b] {
  background: linear-gradient(90deg, #DCD2FA 0%, rgba(151, 136, 192, 0.42) 100%);
  height: 100%;
  opacity: 0.3;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.quick-panel-skeleton-container .skeleton[data-v-116e929b]::before {
  animation: highlight-116e929b 1s linear infinite;
  background-image: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  content: '';
  height: 100%;
  left: -45%;
  position: absolute;
  width: 45%;
}
@keyframes highlight-116e929b {
0% {
    left: -45%;
}
100% {
    left: 100%;
}
}

.action-button[data-v-3f3822ee] {
  align-items: center;
  border: 0;
  border-radius: 0.16666667rem;
  box-sizing: border-box;
  color: rgb(var(--brand-tertiary));
  display: flex;
  height: 2.33333333rem;
  justify-content: center;
  padding: 0;
  width: 2.33333333rem;
}
.action-button--add[data-v-3f3822ee] {
  background-color: rgb(var(--brand-secondary));
}
.action-button--hide[data-v-3f3822ee] {
  background-color: rgb(var(--warning-primary)) !important;
}
.action-button--unhide[data-v-3f3822ee] {
  background-color: rgb(var(--fc-green-400));
}

button[data-v-6c5b01da] {
  align-items: center;
  background-color: transparent;
  border: 0.08333333rem solid rgb(var(--brand-secondary));
  border-radius: 0.16666667rem;
  box-sizing: border-box;
  color: rgb(var(--brand-secondary));
  display: flex;
  height: 2.33333333rem;
  justify-content: center;
  padding: 0;
  width: 2.33333333rem;
}
button.main[data-v-6c5b01da] {
  background-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}

.main[data-v-5f4339f4] {
  height: 18.33333333rem;
  width: 100%;
}
.main .skeleton[data-v-5f4339f4] {
  border-radius: 8px 8px 0 0;
}
.bottom[data-v-5f4339f4] {
  align-items: center;
  background: rgb(var(--brand-type1-primary));
  border-radius: 0 0 8px 8px;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  position: relative;
}
.bottom .bet-taken[data-v-5f4339f4] {
  height: 1.91666667rem;
  left: 0;
  position: absolute;
  top: -1.16666667rem;
  width: 9.16666667rem;
}
.bottom .bet-taken .skeleton[data-v-5f4339f4] {
  border-radius: 0 8px 8px 0;
}
.bottom .bar[data-v-5f4339f4] {
  height: 1.66666667rem;
  width: 50%;
}
.bottom .bar .skeleton[data-v-5f4339f4] {
  border-radius: 8px;
}
.skeleton[data-v-5f4339f4] {
  background: linear-gradient(90deg, #DCD2FA 0%, rgba(151, 136, 192, 0.42) 100%);
  height: 100%;
  opacity: 0.2;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.skeleton[data-v-5f4339f4]::before {
  animation: highlight-5f4339f4 1s linear infinite;
  background-image: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  content: '';
  height: 100%;
  left: -45%;
  position: absolute;
  width: 45%;
}
.buttons[data-v-5f4339f4] {
  display: flex;
}
.buttons button[data-v-5f4339f4] {
  border: 0.08333333rem solid rgb(var(--text-disable-type1-primary));
  color: rgb(var(--text-disable-type1-primary));
  margin-right: 0.66666667rem;
}
.buttons button[data-v-5f4339f4]:last-child {
  margin-right: 0;
}
.buttons .action-button--add[data-v-5f4339f4] {
  background-color: transparent;
}
@keyframes highlight-5f4339f4 {
0% {
    left: -45%;
}
100% {
    left: 100%;
}
}

.widget-wrapper[data-v-49ac2efd]:not(:empty) {
  padding: 0.33333333rem 0.66666667rem;
}
.back-2-top-container[data-v-49ac2efd] {
  bottom: 4.16666667rem;
  position: fixed;
  right: 50%;
  transform: translateX(50%);
  z-index: 100;
}
.edit-home-section-container[data-v-49ac2efd] {
  display: flex;
  justify-content: center;
  padding: 0.83333333rem 1rem;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-main-mid .m-bscast > div {
  height: auto;
}
.mobile-navbar-wrap {
  width: 100%;
}
.home {
  overflow-x: hidden;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  overflow-x: clip;
}
.home .main-banner {
  height: 5.33333333rem;
  position: relative;
}
.home .main-banner .carousel {
  height: 5.33333333rem;
}
.home .main-banner .carousel .carousel-control {
  display: none;
}
.home .main-banner .carousel .carousel-indicators {
  display: none;
}
.home .main-banner .carousel .carousel-indicators li {
  background: rgb(var(--brand-tertiary));
  border: 1px solid transparent;
  opacity: 0.7;
}
.home .main-banner .carousel .carousel-indicators li.active {
  opacity: 1;
}
.home .m-sports .no-data,
.home .m-live .no-data {
  color: rgb(var(--text-disable-type1-primary));
  font-size: 1rem;
  padding: 2.33333333rem;
  text-align: center;
}
.home .m-sports .no-data::before,
.home .m-live .no-data::before {
  content: '\e660';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.home .m-sports .no-data::before,
.home .m-live .no-data::before {
  color: rgb(var(--text-type1-primary));
}
.home .m-sports .no-data::before,
.home .m-live .no-data::before {
  color: rgb(var(--disable-brand-secondary));
  font-size: 2.5rem;
}
.home .m-sports .m-title,
.home .m-live .m-title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.75rem;
  margin: 0 0.83333333rem;
}
.home .m-sports .market-wrapper {
  background: rgb(var(--brand-tertiary));
  position: relative;
}
.home .m-sports .nav-fixed .market-wrapper {
  background: rgb(var(--brand-tertiary));
  position: fixed;
  top: 6.66666667rem;
  transition: top 0.3s ease !important;
  width: 100%;
  z-index: 100;
}
.home .m-sports .nav-fixed .market-wrapper::after {
  background: rgb(var(--brand-tertiary));
  content: '';
  height: 3.75rem;
  left: 0;
  position: absolute;
  top: -3.75rem;
  width: 100%;
}
.home .m-sports .nav-fixed.nav-up .market-wrapper {
  top: 10rem;
}
.home .m-sports .nav-up .market-wrapper {
  background: rgb(var(--brand-tertiary));
  position: fixed;
  top: 10.41666667rem;
  z-index: 200;
}
.home .m-sport-bet-error {
  padding: 0.83333333rem;
}
.home .view-all {
  margin: 0 2rem 0 0.83333333rem;
  padding: 1.41666667rem 0;
  text-align: right;
}
.home .view-all a {
  font-size: 1rem;
  line-height: 1.16666667rem;
  position: relative;
}
.home .view-all a::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.home .view-all a::before {
  color: rgb(var(--text-type1-primary));
}
.home .view-all a::before {
  display: inline-block;
  transform: rotate(90deg);
}
.home .view-all a::before {
  display: inline-block;
  font-size: 1rem;
  position: absolute;
  right: -1.33333333rem;
  top: 0;
}

.m-popOver-wrapper[data-v-766305dd] {
  background: #4D5FAE;
  border: 0.08333333rem solid rgb(var(--line-type1-primary));
  border-radius: 0.16666667rem;
  box-shadow: 0 0 0.41666667rem 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  color: rgb(var(--text-type1-tertiary));
  padding: 1.25rem;
  position: absolute;
  z-index: 2000;
}
.m-popOver-wrapper.m-popOver-wrapper--right.m-popOver-wrapper--center[data-v-766305dd],
.m-popOver-wrapper.m-popOver-wrapper--left.m-popOver-wrapper--center[data-v-766305dd] {
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.m-popOver-wrapper.m-popOver-wrapper--bottom.m-popOver-wrapper--center[data-v-766305dd],
.m-popOver-wrapper.m-popOver-wrapper--top.m-popOver-wrapper--center[data-v-766305dd] {
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.m-popOver-wrapper.bottom-nav-popover[data-v-766305dd] {
  border-radius: 0.33333333rem !important;
  bottom: 60px;
  left: 8px;
  padding: 0.5rem;
}
.m-popOver-wrapper.bottom-nav-popover .m-popOver[data-v-766305dd] {
  align-items: center;
  display: flex;
}
.m-popOver-wrapper.bottom-nav-popover .m-popOver .close-circle-icon[data-v-766305dd] {
  fill: #FFFFFF !important;
  margin-bottom: 0;
  margin-left: 0.33333333rem;
}
.m-popOver-wrapper.bottom-nav-popover .m-popOver .close-circle-icon[data-v-766305dd] path {
  fill: rgb(var(--text-type1-secondary));
}
.m-popOver-wrapper.one-cut-popover[data-v-766305dd] {
  border-radius: 0.33333333rem !important;
  bottom: -4.41666667rem !important;
  font-size: 0.75rem !important;
  padding: 0.5rem 1rem;
  width: 10rem;
}
.m-popOver-wrapper.one-cut-popover .m-popOver[data-v-766305dd] {
  align-items: center;
  display: flex;
}
.m-popOver-wrapper.one-cut-popover .m-popOver .close-circle-icon[data-v-766305dd] {
  fill: #FFFFFF !important;
  margin-left: 0.33333333rem;
  min-width: 1.33333333rem;
}
.m-popOver-wrapper.one-cut-popover .m-popOver .close-circle-icon[data-v-766305dd] path {
  fill: rgb(var(--text-type1-secondary));
}
.m-popOver-wrapper.one-cut-popover .m-popOver-arrow[data-v-766305dd] {
  left: 60% !important;
}
.m-popOver-wrapper .m-popOver-arrow[data-v-766305dd] {
  background: #4D5FAE;
  border: 0.08333333rem solid rgb(var(--line-type1-primary));
  border-left-color: transparent;
  border-top-color: transparent;
  box-shadow: 0 0.16666667rem 0.41666667rem -0.08333333rem rgba(0, 0, 0, 0.08), 0.16666667rem 0 0.41666667rem -0.08333333rem rgba(0, 0, 0, 0.08);
  height: 1rem;
  position: absolute;
  width: 1rem;
}
.m-popOver-wrapper .m-popOver-arrow.m-popOver-arrow--top[data-v-766305dd] {
  bottom: -0.58333333rem;
  left: 10%;
  margin-left: -0.5rem;
  transform: rotate(45deg);
}
.m-popOver-wrapper .m-popOver-arrow.m-popOver-arrow--top.m-popOver-arrow--center[data-v-766305dd] {
  left: 50%;
  transform: translate3d(-50%, 0, 0) rotate(45deg);
}
.m-popOver-wrapper .m-popOver-arrow.m-popOver-arrow--bottom[data-v-766305dd] {
  left: 10%;
  margin-left: -0.5rem;
  top: -0.58333333rem;
  transform: rotate(-135deg);
}
.m-popOver-wrapper .m-popOver-arrow.m-popOver-arrow--bottom.m-popOver-arrow--center[data-v-766305dd] {
  left: 50%;
  transform: translate3d(-50%, 0, 0) rotate(-135deg);
}
.m-popOver-wrapper .m-popOver-arrow.m-popOver-arrow--left[data-v-766305dd] {
  margin-top: -0.5rem;
  right: -0.58333333rem;
  top: 10%;
  transform: rotate(-45deg);
}
.m-popOver-wrapper .m-popOver-arrow.m-popOver-arrow--left.m-popOver-arrow--center[data-v-766305dd] {
  top: 50%;
  transform: translate3d(0, -50%, 0) rotate(-45deg);
}
.m-popOver-wrapper .m-popOver-arrow.m-popOver-arrow--right[data-v-766305dd] {
  left: -0.58333333rem;
  margin-top: -0.5rem;
  top: 10%;
  transform: rotate(135deg);
}
.m-popOver-wrapper .m-popOver-arrow.m-popOver-arrow--right.m-popOver-arrow--center[data-v-766305dd] {
  top: 50%;
  transform: translate3d(0, -50%, 0) rotate(135deg);
}
.m-popOver-wrapper .m-popOver-content[data-v-766305dd] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
}
.m-popOver-wrapper .m-popOver-title[data-v-766305dd] {
  border-bottom: 0.08333333rem solid rgb(var(--line-type1-primary));
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  font-size: 1.33333333rem;
  padding: 0.41666667rem 0;
  text-align: center;
  white-space: nowrap;
}
.m-popOver-wrapper .m-popOver-title + .m-popOver-content[data-v-766305dd] {
  margin-top: 0.83333333rem;
  text-indent: 1.08333333rem;
}
@keyframes fadeIn-766305dd {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes fadeOut-766305dd {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
.fade-enter-active[data-v-766305dd],
.fade-leave-active[data-v-766305dd] {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.fade-enter-active[data-v-766305dd] {
  animation-name: fadeIn-766305dd;
}
.fade-leave-active[data-v-766305dd] {
  animation-name: fadeOut-766305dd;
}

[data-v-1c7a1825]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.PurpleToast[data-v-1c7a1825] {
  background-color: rgb(var(--c-detail-notification-primary));
  border-radius: 10px;
  bottom: 1rem;
  box-shadow: 0 4px 12px rgba(var(--fc-dp-400), 0.25);
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  left: 1rem;
  padding: 1rem;
  position: fixed;
  width: calc(100% - 2rem);
  z-index: 99999;
}

[data-v-180501f8]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.warning-toast[data-v-180501f8] {
  align-items: center;
  background-color: rgb(var(--warning-primary));
  border-radius: 10px;
  bottom: 1rem;
  box-shadow: 0 4px 12px rgba(var(--fc-dp-400), 0.25);
  box-sizing: border-box;
  color: rgb(var(--background-outcome-view));
  display: flex;
  left: 1rem;
  padding: 1rem;
  position: fixed;
  width: calc(100% - 2rem);
  z-index: 99999;
}
.warning-toast .info-icon[data-v-180501f8] {
  margin-right: 0.66666667rem;
}

[data-v-5135cc9c]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-openbet-header[data-v-5135cc9c] {
  align-items: center;
  background: rgb(var(--background-type2-secondary));
  box-sizing: border-box;
  display: flex;
  font-size: 1.16666667rem;
  height: var(--header-nav-height);
  justify-content: flex-end;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: var(--openbet-header-z-index);
}
.m-openbet-header .back-btn[data-v-5135cc9c] {
  margin-right: 0.66666667rem;
  padding: 0;
}
.m-openbet-header .no-login[data-v-5135cc9c] {
  color: rgb(var(--text-type2-primary));
}
.m-openbet-header .no-login > span[data-v-5135cc9c] {
  padding: 0 0.66666667rem;
}
.m-openbet-header .no-login span[data-v-5135cc9c]:last-of-type::before {
  border-left: 1px solid rgb(var(--text-type2-primary));
  content: '';
  height: 100%;
  left: -0.75rem;
  opacity: 0.5;
  position: relative;
}
.m-openbet-header .m-nav-title[data-v-5135cc9c] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.66666667rem;
  font-weight: 500;
}
.m-openbet-header .m-nav-right[data-v-5135cc9c] {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: flex-end;
  overflow: hidden;
  text-align: right;
}

body[theme="classic"] .progress-bg[data-v-eca29b40] {
  background-color: #1F184A80;
  box-shadow: 0 4px 8px 0 #0003 inset;
}
body[theme="light"] .progress-bg[data-v-eca29b40] {
  box-shadow: 0px 4px 8px 0px #00000033 inset;
}

.header[data-v-113ed9a1] {
  align-items: center;
  display: flex;
  font-size: 1.16666667rem;
  justify-content: space-between;
  padding-bottom: 0.83333333rem;
}
.header .title[data-v-113ed9a1] {
  font-weight: bold;
}
.header .change-default[data-v-113ed9a1] {
  font-size: 1rem;
}
.header .button[data-v-113ed9a1] {
  color: rgb(var(--brand-secondary));
}
.header .button.disabled[data-v-113ed9a1] {
  color: rgb(var(--text-disable-type1-primary));
}

.hint[data-v-50ed1c7e] {
  background-color: rgb(var(--highlight-hint));
  color: rgb(var(--text-type2-secondary));
  line-height: 1.66666667rem;
  max-width: 25rem;
  padding: 1rem 1.33333333rem;
  position: relative;
  z-index: 1;
}
.hint[data-v-50ed1c7e]::before {
  border-bottom: 0.5rem solid rgb(var(--highlight-hint));
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  content: '';
  height: 0;
  position: absolute;
  right: 1.33333333rem;
  top: -0.5rem;
  width: 0;
}
.hint .header[data-v-50ed1c7e] {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.hint .header h1[data-v-50ed1c7e] {
  font-size: 1rem;
  font-weight: bold;
}
.hint .hint-text[data-v-50ed1c7e] {
  flex: 1;
  margin-right: 1rem;
}
.hint .close-icon[data-v-50ed1c7e] {
  cursor: pointer;
  height: 1rem;
  width: 1rem;
}

[data-v-d3730fde]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.phone-number-item[data-v-d3730fde] {
  align-items: center;
  background-color: rgb(var(--line-type1-secondary));
  border-radius: 0.83333333rem;
  display: flex;
  margin-bottom: 0.66666667rem;
  padding: 0.75rem 1rem;
}
.check-icon[data-v-d3730fde] {
  color: transparent;
  margin-right: 0.66666667rem;
}
.check-icon.selected[data-v-d3730fde] {
  color: rgb(var(--brand-secondary));
}
.image-wrapper[data-v-d3730fde] {
  align-items: center;
  display: flex;
  margin-right: 0.66666667rem;
}
.text[data-v-d3730fde] {
  color: rgb(var(--text-type1-primary));
  margin-right: 0.66666667rem;
}
.default-tag[data-v-d3730fde] {
  border: 0.08333333rem solid rgb(var(--line-type1-tertiary));
  border-radius: 0.16666667rem;
  padding: 0 0.25rem;
}
.radio[data-v-d3730fde] {
  align-items: center;
  border: 0.16666667rem solid rgb(var(--line-type1-tertiary));
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  height: 1.16666667rem;
  justify-content: center;
  margin-right: 0.66666667rem;
  width: 1.16666667rem;
}
.radio .radio-check[data-v-d3730fde] {
  color: rgb(var(--line-type1-secondary));
}
.radio.selected[data-v-d3730fde] {
  background-color: rgb(var(--brand-secondary));
  border-color: rgb(var(--brand-secondary));
}

[data-v-0b83bbe4]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.feature-flag-section[data-v-0b83bbe4] >  * {
  padding-bottom: 0.33333333rem;
  padding-right: 0.33333333rem;
}
.flag-icon-container.inline-flex[data-v-0b83bbe4] {
  align-items: center;
  display: inline-flex;
}
.flag-icon-container .flag-icon[data-v-0b83bbe4] {
  height: 1.5rem;
}
.flag-icon-container .specifier[data-v-0b83bbe4] {
  font-style: italic;
  font-weight: 700;
}
.flexibet-title[data-v-0b83bbe4] {
  color: rgb(var(--text-type1-secondary));
  font-size: 0.83333333rem;
  margin-bottom: 0.66666667rem;
  margin-top: 0.41666667rem;
}
.flexibet-title i[data-v-0b83bbe4] {
  background-color: rgb(var(--highlight-focus));
  color: rgb(var(--brand-tertiary));
  display: inline-block;
  font-size: 1.16666667rem;
  font-weight: 700;
  line-height: 1;
  margin-right: 0.58333333rem;
  padding: 1px 0 1px 3px;
  padding-right: 0.41666667rem;
  position: relative;
  vertical-align: middle;
}
.flexibet-title i[data-v-0b83bbe4]:after {
  background: rgb(var(--highlight-focus));
  content: ' ';
  display: block;
  height: 100%;
  position: absolute;
  right: -2px;
  top: 0;
  transform: skew(-12deg);
  width: 4px;
}

[data-v-5893d805]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.history-status-bar[data-v-5893d805] {
  box-sizing: border-box;
  color: rgb(var(--brand-tertiary));
  display: flex;
  font-weight: 500;
  height: 2rem;
  justify-content: space-between;
  line-height: 2rem;
  padding: 0 0.75rem;
}
.history-status-bar[data-v-5893d805]:not(.no-background) {
  background: rgb(var(--absolute-type2));
}
.history-status-bar.no-background .freeze-icon[data-v-5893d805] {
  color: rgb(var(--flash-freeze-primary)) !important;
}
.history-status-bar .type[data-v-5893d805] {
  font-size: 1.33333333rem;
}
.history-status-bar.won[data-v-5893d805] {
  color: rgb(var(--brand-tertiary));
}
.history-status-bar.won .history-status i.arrow[data-v-5893d805]::before {
  color: rgb(var(--brand-tertiary));
}
.history-status-bar.won[data-v-5893d805]:not(.no-background) {
  background: rgb(var(--brand-secondary));
}
.history-status-bar.won.flash-won[data-v-5893d805]:not(.no-background) {
  background: var(--history-status-bar-flash-won-bg);
}
.history-status-bar.won.flash-won.no-background .flash-win-icon[data-v-5893d805] {
  color: rgb(var(--highlight-highlight)) !important;
}
.history-status-bar.won.flash-won.no-background .flash-win-icon[data-v-5893d805] path#Vector_2 {
  fill: #100E26 !important;
}
.history-status-bar.lost[data-v-5893d805]:not(.no-background) {
  background: rgb(var(--text-type1-secondary));
}
.history-status-bar .history-status[data-v-5893d805] {
  align-items: center;
  display: flex;
  flex: 1;
  font-size: 1.16666667rem;
  justify-content: flex-end;
  white-space: nowrap;
}
.history-status-bar .history-status.cup[data-v-5893d805]::before {
  content: '\e659';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.history-status-bar .history-status.cup[data-v-5893d805]::before {
  font-size: 1.33333333rem;
  color: rgb(var(--brand-tertiary));
  display: inline-block;
  padding: 0 0.5rem;
}
.history-status-bar .history-status .flash-win-icon[data-v-5893d805] {
  color: rgb(var(--brand-tertiary));
  height: 80%;
  padding-right: 0.5rem;
}
.history-status-bar .history-status .flash-win-icon[data-v-5893d805] path#Vector_2 {
  fill: rgb(var(--highlight-highlight));
}
.history-status-bar .history-status .freeze-icon[data-v-5893d805] {
  color: rgb(var(--brand-tertiary));
  height: 70%;
  padding-right: 0.5rem;
}
.history-status-bar .history-status .arrow[data-v-5893d805]::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.history-status-bar .history-status .arrow[data-v-5893d805]::before {
  color: rgb(var(--text-type1-primary));
}
.history-status-bar .history-status .arrow[data-v-5893d805]::before {
  display: inline-block;
  transform: rotate(90deg);
}
.history-status-bar .history-status .arrow[data-v-5893d805]::before {
  color: rgb(var(--brand-tertiary));
  font-size: 0.83333333rem;
  left: 0.66666667rem;
  padding-right: 0.5rem;
  position: relative;
}

.question-mark-note {
  padding-top: 10px;
}
.question-mark-note div:last-child {
  margin-top: 20px;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.ticket-selection-list {
  border-bottom: 0.08333333rem solid rgb(var(--line-type1-primary));
  box-sizing: border-box;
  padding: 1.33333333rem 1rem;
}
.ticket-selection-list .seperate {
  justify-content: space-between;
}
.ticket-selection-list .seperate .right {
  left: 2.5rem;
  position: relative;
}
.ticket-selection-list .seperate .solo {
  position: relative;
  width: 75%;
}
.ticket-selection-list .seperate .solo .ellips {
  color: rgb(var(--text-type2-primary));
}
.ticket-selection-list .index {
  background-color: rgb(var(--background-type2-secondary));
  border-radius: 0.66666667rem;
  color: rgb(var(--text-type2-primary));
  display: inline-block;
  height: 1.33333333rem;
  line-height: 1.33333333rem;
  margin-right: 8px;
  text-align: center;
  width: 1.33333333rem;
}
.ticket-selection-list .m-icon-live {
  background: rgb(var(--brand-secondary));
  box-sizing: border-box;
  color: rgb(var(--brand-tertiary));
  display: inline-block;
  margin-right: 0.41666667rem;
  padding: 0 0.16666667rem;
  position: relative;
  vertical-align: top;
}
.ticket-selection-list .tracker-comments-warp {
  justify-content: flex-start;
  line-height: normal;
}
.ticket-selection-list .tracker-comments-warp .tracker {
  color: rgb(var(--brand-secondary));
  font-size: 0.83333333rem;
  padding-right: 1.66666667rem;
}
.ticket-selection-list .tracker-comments-warp .tracker::before {
  content: "\e667";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.ticket-selection-list .tracker-comments-warp .tracker::before {
  color: rgb(var(--text-type1-primary));
}
.ticket-selection-list .tracker-comments-warp .tracker::before {
  color: rgb(var(--brand-secondary));
  display: inline-block;
  font-size: 1.33333333rem;
  padding-right: 0.41666667rem;
  vertical-align: middle;
}
.ticket-selection-list .tracker-comments-warp .to-prematch {
  color: rgb(var(--brand-secondary));
  font-size: 0.83333333rem;
}
.ticket-selection-list .tracker-comments-warp .to-prematch .arrow {
  margin-right: 0.5rem;
}
.ticket-selection-list .tracker-comments-warp .to-prematch .arrow::before {
  content: "\e62a";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.ticket-selection-list .tracker-comments-warp .to-prematch .arrow::before {
  color: rgb(var(--text-type1-primary));
}
.ticket-selection-list .tracker-comments-warp .to-prematch .arrow::before {
  color: rgb(var(--brand-secondary));
  display: inline-block;
  font-size: 1.16666667rem;
  vertical-align: middle;
}
.ticket-selection-list .gray {
  color: rgb(var(--text-type1-secondary));
  text-align: right;
}
.ticket-selection-list .gray.colon::after {
  content: ':';
}
.ticket-selection-list .score em {
  font-weight: bold;
}
.ticket-selection-list .score p {
  color: rgb(var(--text-type2-primary));
  display: inline-block;
}
.ticket-selection-list .freeze {
  align-items: center;
  color: rgb(var(--flash-freeze-primary));
  display: flex;
  font-size: 1.08333333rem;
  font-weight: 800;
}
.ticket-selection-list .freeze::before {
  content: '\e60b';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.ticket-selection-list .freeze::before {
  color: rgb(var(--flash-freeze-primary));
  font-size: 1.08333333rem;
  margin-right: 0.25rem;
}
.ticket-selection-list .status {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  font-weight: bold;
  line-height: 1;
}
.ticket-selection-list .status .question-mark {
  background: rgb(var(--background-type2-IV));
  border-radius: 50%;
  color: rgb(var(--text-type2-primary));
  display: inline-block;
  font-weight: 900;
  height: 1.16666667rem;
  line-height: 1.16666667rem;
  text-align: center;
  width: 1.16666667rem;
}
.ticket-selection-list .status .delayed-icon {
  display: block;
  margin-top: 0.33333333rem;
  width: 1rem;
}
.ticket-selection-list .others {
  color: rgb(var(--text-type1-secondary));
}
.ticket-selection-list .won::before {
  content: '\e60b';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.ticket-selection-list .won::before {
  color: rgb(var(--brand-secondary));
  font-size: 1.66666667rem;
  font-weight: normal;
  line-height: 1;
  padding-right: 1.25rem;
  position: relative;
  vertical-align: middle;
}
.ticket-selection-list .pick-info {
  background: rgb(var(--background-type1-primary));
  margin-bottom: 0.58333333rem;
  padding: 0.41666667rem;
}
.ticket-selection-list .pick-info .pick-right::before {
  content: '\e626';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.ticket-selection-list .pick-info .pick-right::before {
  color: rgb(var(--text-type1-tertiary));
}
.ticket-selection-list .pick-info .pick-right::before {
  color: rgb(var(--brand-secondary));
  font-size: 1rem;
  margin-left: 0.41666667rem;
}
.ticket-selection-list .pick-info .pick-right--frozen::before {
  content: '\e626';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.ticket-selection-list .pick-info .pick-right--frozen::before {
  color: rgb(var(--text-type1-tertiary));
}
.ticket-selection-list .pick-info .pick-right--frozen::before {
  color: rgb(var(--flash-freeze-primary));
  font-size: 1rem;
  margin-left: 0.41666667rem;
}
.ticket-selection-list .not-seperate {
  display: table-row;
}
.ticket-selection-list .not-seperate span {
  display: table-cell;
}
.ticket-selection-list .not-seperate span:last-child {
  color: rgb(var(--text-type2-primary));
  padding-left: 0.66666667rem;
}
.ticket-selection-list .not-seperate .banker {
  border: solid 0.08333333rem rgb(var(--brand-secondary));
  border-radius: 0.66666667rem;
  color: rgb(var(--brand-secondary));
  display: inline-block;
  font-weight: bold;
  height: 1.33333333rem;
  line-height: 1.33333333rem;
  margin-left: 0.25rem;
  text-align: center;
  width: 1.33333333rem;
}
.ticket-selection-list .not-seperate .market-desc {
  align-items: center;
  display: flex;
}
.ticket-selection-list .not-seperate .freeze-info {
  align-items: center;
  color: rgb(var(--flash-freeze-primary)) !important;
  display: flex;
  font-weight: 500;
}
.ticket-selection-list .to-live {
  border: 0.08333333rem solid rgb(var(--brand-secondary));
  border-radius: 0.16666667rem;
  color: rgb(var(--brand-secondary));
  height: 2.83333333rem;
  line-height: 2.83333333rem;
  text-align: center;
}
.ticket-selection-list .to-live .arrow::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.ticket-selection-list .to-live .arrow::before {
  color: rgb(var(--text-type1-primary));
}
.ticket-selection-list .to-live .arrow::before {
  display: inline-block;
  transform: rotate(90deg);
}
.ticket-selection-list .to-live .arrow::before {
  color: rgb(var(--brand-secondary));
  font-size: 1.33333333rem;
  left: 0.83333333rem;
  margin-right: 1.25rem;
  position: relative;
  top: 0.16666667rem;
}
.flash-win-with-text-icon {
  height: 1.16666667rem;
  width: 6rem;
}
.two-up-icon {
  height: 1.16666667rem;
  width: 3.58333333rem;
}
.feature-flags-with-content {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.pdr-4 {
  padding-right: 0.33333333rem;
}

[data-v-20560c94]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.text-type1-secondary[data-v-20560c94] {
  color: rgb(var(--text-type1-secondary));
}
.selection[data-v-20560c94] {
  align-items: center;
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  display: flex;
  width: 100%;
}
.selection .content[data-v-20560c94] {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: space-between;
  min-width: 0;
}
.selection .left-section[data-v-20560c94] {
  flex: 1;
  margin-right: 0.33333333rem;
  min-width: 0;
}
.selection .left-section .teams[data-v-20560c94],
.selection .left-section .title[data-v-20560c94] {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selection .left-section .title[data-v-20560c94] {
  font-size: 1rem;
}
.selection .left-section .teams[data-v-20560c94] {
  font-size: 0.83333333rem;
}
.selection .left-section .vs[data-v-20560c94] {
  font-size: 0.83333333rem;
}
.selection .icon[data-v-20560c94] {
  margin-right: 0.66666667rem;
}
.selection .match-icon[data-v-20560c94] {
  background-color: #FFFFFF;
  background-image: var(--dbbb26d8);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 99999px;
  height: 2rem;
  width: 2rem;
}
.selection .default-icon[data-v-20560c94]::before {
  font-size: 2rem;
}
.selection .statistic-button-container[data-v-20560c94] {
  min-height: 2rem;
}
.selection .statistic-button[data-v-20560c94] {
  text-align: right;
}
.selection .statistic-button[data-v-20560c94]::before {
  content: "\e667";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.selection .statistic-button[data-v-20560c94]::before {
  color: rgb(var(--text-type1-primary));
}
.selection .statistic-button[data-v-20560c94]::before {
  color: rgb(var(--highlight-hint));
}
.selection .statistic-button.toggled[data-v-20560c94]::before {
  color: rgb(var(--brand-secondary));
}
.selection .date[data-v-20560c94] {
  color: rgb(var(--text-type1-primary));
  font-size: 0.83333333rem;
  white-space: nowrap;
}

.container[data-v-385e6ae4] {
  overflow-y: scroll;
  white-space: nowrap;
}
.hide-scrollbar-style[data-v-385e6ae4] {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hide-scrollbar-style[data-v-385e6ae4]::-webkit-scrollbar {
  display: none;
}
.tag[data-v-385e6ae4] {
  background-color: rgb(var(--background-type1-primary));
  border-radius: 1.33333333rem;
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  font-weight: bold;
  padding: 0 1rem;
}
.tag.active[data-v-385e6ae4] {
  background-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-primary));
}

.code-info-item[data-v-00fcccaf] {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}
.code-info-item .label[data-v-00fcccaf] {
  color: rgb(var(--text-type1-secondary));
  font-size: 0.83333333rem;
  margin-right: 0.33333333rem;
}
.code-info-item .value[data-v-00fcccaf] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
}

.code-info[data-v-34926bc0] {
  align-items: baseline;
  display: flex;
}
.code-info .item[data-v-34926bc0] {
  margin-right: 1rem;
}
.code-info .item[data-v-34926bc0]:last-child {
  margin-right: 0;
}

.sim-wap-popup-dialog {
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin-top: unset !important;
}
.sim-wap-popup-dialog .es-dialog-main .af-checkbox .check-stroke-wrapper {
  border-color: rgb(var(--line-type1-tertiary));
}
.sim-wap-popup-dialog .es-dialog-main .af-checkbox input[type='checkbox']:checked + .check-stroke-wrapper {
  border-color: rgb(var(--brand-secondary));
}

[data-v-bb8964ac]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.outcome-btn[data-v-bb8964ac] {
  background-color: rgba(var(--line-type1-secondary), 50%);
  align-items: center;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  flex: 2;
  padding: 0.66666667rem 0.66666667rem;
}
.outcome-btn.up[data-v-bb8964ac] {
  background: linear-gradient(180deg, #7DD89180 0%, #3E396780 100%);
}
.outcome-btn.down[data-v-bb8964ac] {
  background: linear-gradient(180deg, #46427280 0%, #D8555580 100%);
}
.outcome-btn .title[data-v-bb8964ac] {
  color: rgb(var(--text-type1-tertiary));
  font-size: 1rem;
  font-weight: 700;
  word-break: break-word;
}
.outcome-btn .odds[data-v-bb8964ac] {
  color: rgb(var(--brand-secondary));
  font-size: 1rem;
  font-weight: 700;
}
.outcome-btn .lock[data-v-bb8964ac]::before {
  content: "\e65e";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.outcome-btn .lock[data-v-bb8964ac]::before {
  color: rgb(var(--text-type1-primary));
}
.outcome-btn .lock[data-v-bb8964ac]::before {
  font-size: 1rem;
}
.outcome-btn.selected[data-v-bb8964ac] {
  background-color: rgb(var(--brand-secondary));
}
.outcome-btn.selected .title[data-v-bb8964ac] {
  color: rgb(var(--brand-tertiary));
}
.outcome-btn.selected .odds[data-v-bb8964ac] {
  color: rgb(var(--line-type1-secondary));
}
.outcome-btn.in-odds-range[data-v-bb8964ac]:not(.selected) {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px rgb(var(--highlight-focus));
}

[data-v-419426f4]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.specifier-btn[data-v-419426f4] {
  background-color: rgba(var(--line-type1-secondary), 50%);
  align-items: center;
  border-radius: 10px;
  display: flex;
  flex: 1;
  padding: 0.83333333rem 0.66666667rem;
}
.specifier-btn[data-v-419426f4]:not(.center) {
  justify-content: space-between;
}
.specifier-btn.center[data-v-419426f4] {
  justify-content: center;
}
.specifier-btn.active[data-v-419426f4] {
  background-color: rgb(var(--brand-secondary));
}
.specifier-btn.active .specifier[data-v-419426f4] {
  color: rgb(var(--brand-tertiary));
}
.specifier-btn.active .arrow-icon[data-v-419426f4] {
  color: rgb(var(--line-type1-secondary));
  transform: rotate(180deg);
}
.specifier[data-v-419426f4] {
  color: rgb(var(--text-type1-tertiary));
  font-size: 1rem;
  font-weight: 700;
}
.specifier .icon[data-v-419426f4]::before {
  content: "\e65e";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.specifier .icon[data-v-419426f4]::before {
  color: rgb(var(--text-type1-primary));
}
.specifier .icon[data-v-419426f4]::before {
  font-size: 1rem;
}
.arrow-icon[data-v-419426f4] {
  color: rgb(var(--brand-secondary));
  transition: transform 0.3s;
}
.arrow-icon.none[data-v-419426f4] {
  display: none;
}
.arrow-icon.up[data-v-419426f4] {
  transform: rotate(180deg);
}

.specifier-pool-container[data-v-9de4300a] {
  max-height: 30vh;
}
.outcome-row-wrapper[data-v-9de4300a] {
  padding: 0.33333333rem 0;
}
.outcome-row[data-v-9de4300a] {
  display: flex;
  gap: 1.33333333rem;
  justify-content: space-between;
  position: relative;
}
.divided[data-v-9de4300a] {
  border-color: rgb(var(--line-type1-primary));
  margin: 1rem 0;
}

.flex-column[data-v-501a8b43] {
  display: flex;
  flex-direction: column;
}
.match-card-section[data-v-501a8b43] {
  position: relative;
}
.card-link[data-v-501a8b43] {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 20;
}
.header[data-v-501a8b43] {
  align-items: center;
  display: flex;
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 55;
}
.match-label-group-container[data-v-501a8b43]:not(:empty) {
  padding-right: 0.66666667rem;
}
.time[data-v-501a8b43] {
  color: rgb(var(--text-type1-secondary));
  flex: 0;
  padding-right: 0.66666667rem;
  white-space: nowrap;
}
.league-link[data-v-501a8b43] {
  color: rgb(var(--text-type1-secondary));
  flex: 1;
  overflow: hidden;
  text-decoration: underline;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-info[data-v-501a8b43] {
  color: rgb(var(--text-type1-primary));
  height: 3.08333333rem;
  margin-bottom: 0.33333333rem;
}
.team-info .team-name[data-v-501a8b43] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-info .score-box[data-v-501a8b43] {
  display: flex;
}
.team-info h3[data-v-501a8b43] {
  font-size: 1rem;
  font-weight: 700;
}
.team-info .score[data-v-501a8b43] {
  text-align: right;
}
.team-info .score.point[data-v-501a8b43],
.team-info .score.game-score[data-v-501a8b43] {
  opacity: 0.5;
}
.outcome-row[data-v-501a8b43] {
  z-index: 55;
}
.alternative-market-name[data-v-501a8b43]:not(:empty) {
  padding-bottom: 0.5rem;
}
.match-card-section.live .time[data-v-501a8b43] {
  color: rgb(var(--brand-secondary));
}
.match-card-section.live .live-tag[data-v-501a8b43] {
  align-items: center;
  display: inline-flex;
  padding-right: 0.66666667rem;
  text-align: center;
}
.match-card-section.live .live-tag h6[data-v-501a8b43] {
  background-color: rgb(var(--highlight-focus));
  border-radius: 4px;
  color: rgb(var(--brand-tertiary));
  font-family: Roboto;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  padding: 2px;
}
.feature-row .divider[data-v-501a8b43] {
  color: rgb(var(--text-type1-secondary));
}

[data-v-03f0ef03]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.toggle-all-icon[data-v-03f0ef03] {
  color: rgb(var(--text-type1-primary));
}
.league-title-wrapper[data-v-03f0ef03] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0.66666667rem 0;
}
.league-title-wrapper h4[data-v-03f0ef03] {
  color: rgb(var(--text-type1-primary));
  font-weight: 700;
}
.league-title-wrapper .icon-triangle[data-v-03f0ef03] {
  display: inline-block;
  padding-right: 0.66666667rem;
}
.league-title-wrapper .icon-triangle[data-v-03f0ef03]::before {
  content: '\e633';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.league-title-wrapper .icon-triangle[data-v-03f0ef03]::before {
  color: rgb(var(--text-type1-tertiary));
}
.league-title-wrapper .icon-triangle[data-v-03f0ef03]::before {
  display: inline-block;
  transform: rotate(-90deg);
}
.league-title-wrapper .icon-triangle.collapsed[data-v-03f0ef03]::before {
  transform: rotate(180deg);
}
.league-title-wrapper .icon-triangle[data-v-03f0ef03]::before {
  color: rgb(var(--brand-secondary));
  display: inline-block;
  font-size: 0.83333333rem;
  height: 1.16666667rem;
  line-height: 1.4;
  overflow: hidden;
  vertical-align: middle;
}
.league-wrapper[data-v-03f0ef03] {
  height: auto;
  max-height: 0;
  overflow: hidden;
}
.league-wrapper[data-v-03f0ef03]:not(.collapsed) {
  max-height: none;
}
.flex-box[data-v-03f0ef03] {
  display: flex;
}

.match-card[data-v-7f190eb4] {
  border-bottom: 1px solid rgb(var(--line-type1-secondary));
  display: block;
  padding-bottom: 4px;
}

.flex-column[data-v-8e41e64a] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.match-card-error-message[data-v-8e41e64a] {
  color: rgb(var(--fc-nl-700));
  font-size: 1rem;
  padding: 2.66666667rem;
  text-align: center;
}

.flex-column[data-v-4ad234b5] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.match-card-error-message[data-v-4ad234b5] {
  color: rgb(var(--fc-nl-700));
  font-size: 1rem;
  padding: 2.66666667rem 1.33333333rem;
  text-align: center;
}
.fail-btn[data-v-4ad234b5] {
  color: rgb(var(--brand-secondary));
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  padding: 0 2.33333333rem;
  margin-left: auto;
}

.match-card[data-v-3e1b6853] {
  border-bottom: 1px solid rgb(var(--line-type1-secondary));
  display: block;
  padding-bottom: 4px;
}

[data-v-72f0009e]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.match-list[data-v-72f0009e] {
  background-color: inherit;
  position: relative;
}
.sticky-area[data-v-72f0009e] {
  background-color: inherit;
  position: sticky;
  top: var(--header-nav-height);
  z-index: var(--home-live-widget-sticky-area-z-index);
}
.sport-row[data-v-72f0009e] {
  align-items: center;
  display: flex;
}
.sport-row[data-v-72f0009e]:not(:empty) {
  padding-bottom: 0.66666667rem;
}
.sport-row .match-list-title[data-v-72f0009e] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  font-weight: 900;
  margin-right: 1rem;
  padding: 0.33333333rem;
}
.divider[data-v-72f0009e] {
  background-color: rgb(var(--text-type1-secondary));
  height: 1rem;
  width: 1px;
}
.market-selector-wrapper[data-v-72f0009e] {
  padding-bottom: 0.66666667rem;
}
.market-selector-wrapper[data-v-72f0009e] .MarketToggle {
  background-color: rgb(var(--background-type1-tertiary));
}
.unified-specifier-wrapper[data-v-72f0009e]:not(:empty) {
  padding-bottom: 0.66666667rem;
}

.simulate-auto-bet-panel[data-v-2a1c2e80] {
  align-items: center;
  color: rgb(var(--text-type1-primary));
  display: flex;
  font-family: Roboto-Medium;
  font-size: 1.16666667rem;
}
.simulate-auto-bet-panel .title[data-v-2a1c2e80] {
  margin-right: 0.66666667rem;
}
.simulate-auto-bet-panel .info-icon[data-v-2a1c2e80] {
  color: rgb(var(--line-type1-secondary));
  margin-right: 0.66666667rem;
}
.simulate-auto-bet-panel .handle-time-button[data-v-2a1c2e80] {
  background-color: rgb(var(--sim-primary));
  border-radius: 50%;
  height: 2rem;
  position: relative;
  width: 2rem;
}
.simulate-auto-bet-panel .handle-time-button.disable[data-v-2a1c2e80] {
  background-color: rgb(var(--disable-brand-secondary));
}
.simulate-auto-bet-panel .handle-time-button[data-v-2a1c2e80]::before {
  background-color: #FFFFFF;
  content: '';
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}
.simulate-auto-bet-panel .handle-time-button.add[data-v-2a1c2e80]::after {
  background-color: #FFFFFF;
  content: '';
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  width: 50%;
}
.simulate-auto-bet-panel .times-text[data-v-2a1c2e80] {
  margin: 0 1rem;
  min-width: 1.375rem;
  text-align: center;
}

.number-grow-warp {
  align-content: flex-end;
  align-items: center;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  padding: 0 0.25rem;
  text-align: right;
  transform: translateZ(0);
}
.number-grow-warp .number-grow {
  color: #FFFFFF;
  display: table-cell;
  flex: 1;
  font-size: 1.33333333rem;
  font-weight: bold;
  line-height: 1;
  vertical-align: middle;
}
.number-grow-warp .number-grow.disabled {
  text-decoration: line-through;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-flexibet-confirm {
  background: rgb(var(--brand-tertiary));
  bottom: 0;
  padding-top: 2.16666667rem;
  position: relative;
  width: 100%;
}
.m-flexibet-confirm .about-to-pay {
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.33333333rem;
  text-align: center;
}
.m-flexibet-confirm .stake-num {
  color: rgb(var(--text-type1-primary));
  font-size: 1.66666667rem;
  font-weight: 500;
  line-height: 2.16666667rem;
  text-align: center;
}
.m-flexibet-confirm .form-wrap.flexibet-change .form-item .value {
  background-color: rgb(var(--brand-type1-secondary));
}
.m-flexibet-confirm .form-item {
  align-items: center;
  color: rgb(var(--text-type1-primary));
  display: flex;
  font-size: 1rem;
  justify-content: center;
  line-height: 1.5rem;
  margin-top: 0.16666667rem;
  padding: 0 1.33333333rem;
}
.m-flexibet-confirm .form-item .label {
  color: rgb(var(--text-type1-secondary));
  flex: 1 1 auto;
  text-align: left;
}
.m-flexibet-confirm .form-item .value {
  flex: 0 0 auto;
  padding: 0 0.33333333rem;
  text-align: right;
}
.m-flexibet-confirm .blank-area {
  height: 2.33333333rem;
  width: 100%;
}

[data-v-04577059]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
@keyframes circles-04577059 {
100% {
    transform: rotate(360deg);
}
}
@font-face {
  font-display: 'swap';
  font-family: Roboto-Bold;
  src: url(//s.football.com/global/main/common/style/fonts/Roboto-Bold.88d61d57d5.ttf);
}
@font-face {
  font-display: 'swap';
  font-family: Roboto-Medium;
  src: url(//s.football.com/global/main/common/style/fonts/Roboto-Medium.af9d01395a.ttf);
}
@font-face {
  font-display: 'swap';
  font-family: Roboto-Regular;
  src: url(//s.football.com/global/main/common/style/fonts/Roboto-Regular.ae3a8db937.ttf);
}
.submit[data-v-04577059] {
  align-items: center;
  bottom: 0;
  display: flex;
  font-size: 1.33333333rem;
  height: 4rem;
  justify-content: center;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 200;
}
.submit[data-v-04577059]::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.submit[data-v-04577059]::before {
  animation: circles-04577059 1s infinite;
  animation-timing-function: linear;
  color: rgb(var(--brand-tertiary));
  display: inline-block;
  vertical-align: top;
}
.submit > span[data-v-04577059] {
  display: inline-block;
  padding-left: 0.83333333rem;
}
.submit.sim-theme[data-v-04577059] {
  background-color: rgb(var(--sim-primary));
  color: #000000;
}
.submit.sim-theme[data-v-04577059]::before {
  color: #000000;
}
.submit.real-theme[data-v-04577059] {
  background-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.confirm[data-v-04577059] {
  z-index: 25;
}
.slide-enter-active[data-v-04577059],
.slide-leave-active[data-v-04577059] {
  transition: transform 300ms ease;
  z-index: 200;
}
.slide-enter-from[data-v-04577059],
.slide-leave-to[data-v-04577059] {
  transform: translateY(100%);
}
.one-way-slide-enter-from[data-v-04577059],
.one-way-slide-leave-active[data-v-04577059] {
  transform: translateY(0);
  transition: transform 300ms ease;
}
.one-way-slide-leave-to[data-v-04577059] {
  transform: translateY(100%);
}
.button-wrap[data-v-04577059] {
  align-items: center;
  color: #FFFFFF;
  display: flex;
  font-size: 1.16666667rem;
  font-weight: bold;
  justify-content: center;
  z-index: 25;
}
.button-wrap .flexibet-cancel[data-v-04577059] {
  border: none;
  border-radius: 0;
  line-height: 4rem;
  padding: 0 2.08333333rem;
  width: 33%;
}
.button-wrap .flexibet-confirm[data-v-04577059] {
  border: none;
  border-radius: 0;
  flex: 1;
  line-height: 4rem;
  padding: 0 2.08333333rem;
}
.button-wrap .flexibet-confirm.sim-disabled[data-v-04577059] {
  color: rgb(var(--sim-disabled));
}
.button-wrap .flexibet-confirm-edit[data-v-04577059] {
  background: rgb(var(--brand-secondary));
  border: none;
  border-radius: 0;
  flex: 1;
  font-weight: 700;
  height: 4rem;
  padding: 0 2.08333333rem;
}
.button-wrap .review-stake[data-v-04577059] {
  font-size: 12px;
  font-weight: 500;
  margin-top: 5px;
}
.confirm-wrap[data-v-04577059] {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  overflow: hidden;
  padding: none;
  position: fixed;
  width: 100%;
  z-index: 49;
}
.confirm-wrap.real-theme .flexibet-cancel[data-v-04577059] {
  background-color: rgb(var(--background-type2-secondary));
  color: rgb(var(--text-type2-primary));
}
.confirm-wrap.real-theme .flexibet-confirm[data-v-04577059] {
  background-color: rgb(var(--brand-secondary));
}
.confirm-wrap.sim-theme .af-button[data-v-04577059] {
  font-family: Roboto-Bold;
}
.confirm-wrap.sim-theme .af-button.flexibet-cancel[data-v-04577059] {
  background-color: rgb(var(--background-type2-secondary));
  color: rgb(var(--text-type2-primary));
}
.confirm-wrap.sim-theme .af-button.flexibet-confirm[data-v-04577059] {
  background-color: rgb(var(--sim-primary));
  color: #1B1E25;
}
.confirm-overlap[data-v-04577059] {
  background: rgba(0, 0, 0, 0.6);
  inset: 0;
  padding: 0;
  position: fixed;
  z-index: 10;
}

#bonus-progress-bar[data-v-4d9643c0] {
  border-radius: 8.5px;
  box-sizing: border-box;
  font-family: Roboto;
  font-size: 12px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}
#bonus-progress-bar p[data-v-4d9643c0] {
  position: relative;
}
@media only screen and (max-width: 375px) and (max-width: 667px), only screen and (max-width: 320px) {
#bonus-progress-bar p[data-v-4d9643c0] {
    transform: scale(0.8);
    transform-origin: center;
}
}
@media only screen and (min-width: 360px) and (max-width: 375px) {
#bonus-progress-bar p[data-v-4d9643c0] {
    transform: scale(0.9);
    transform-origin: center;
}
}
#bonus-progress-bar .progress[data-v-4d9643c0] {
  border-radius: 8.5px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: width 0.2s ease;
}
#bonus-progress-bar .progress.with-opacity[data-v-4d9643c0] {
  opacity: 70%;
}
#bonus-progress-bar.real-theme[data-v-4d9643c0] {
  background-color: rgba(var(--brand-secondary), 25%);
  color: rgb(var(--text-type1-primary));
}
#bonus-progress-bar.real-theme .progress[data-v-4d9643c0] {
  background-color: rgba(var(--brand-secondary), 50%);
}
#bonus-progress-bar.sim-theme[data-v-4d9643c0] {
  background-color: rgba(var(--sim-primary), 20%);
  color: rgb(var(--text-type1-primary));
}
#bonus-progress-bar.sim-theme .progress[data-v-4d9643c0] {
  background-color: rgb(var(--sim-primary));
}

.af-checkbox .check-stroke-wrapper[data-v-dbd7b7cc] {
  background-color: #FFFFFF;
  cursor: pointer;
  outline: none;
  position: relative;
  transition: all 0.1s ease;
  white-space: nowrap;
}
.af-checkbox .check-stroke-wrapper svg[data-v-dbd7b7cc] {
  fill: none;
  height: 100%;
  position: absolute;
  stroke: #FFFFFF;
  stroke-dasharray: 17;
  stroke-dashoffset: 17;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  transform: translate3d(0, 0, 0);
  width: 100%;
}
.af-checkbox .check-stroke-wrapper[data-v-dbd7b7cc]:not(.encore) {
  border: 1px solid rgb(var(--brand-secondary));
  border-radius: 2px;
}
.af-checkbox .check-stroke-wrapper.encore[data-v-dbd7b7cc] {
  border: 1px solid rgb(var(--line-type1-tertiary));
  border-radius: 50%;
}
.af-checkbox .check-stroke-wrapper.encore.checked[data-v-dbd7b7cc] {
  background-color: rgb(var(--brand-secondary)) !important;
  border: 1px solid rgb(var(--brand-secondary)) !important;
}
.af-checkbox label[data-v-dbd7b7cc] {
  align-items: center;
  cursor: pointer;
  display: flex;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.af-checkbox label[data-v-dbd7b7cc] > *:not(:last-child) {
  margin-right: 8px;
}
.af-checkbox input[type="checkbox"][data-v-dbd7b7cc] {
  position: absolute;
  visibility: hidden;
}
.af-checkbox input[type="checkbox"]:checked + .check-stroke-wrapper[data-v-dbd7b7cc] {
  background-color: rgb(var(--brand-secondary));
}
.af-checkbox input[type="checkbox"]:checked + .check-stroke-wrapper svg[data-v-dbd7b7cc] {
  stroke: rgb(var(--brand-tertiary));
  stroke-dashoffset: 0;
  transition: all 0.1s ease;
}
.af-checkbox .disabled[data-v-dbd7b7cc] {
  border-color: rgb(var(--disable-brand-secondary));
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
#m-league-select-all-check-box .check-stroke-wrapper:not(.checked) {
  background-color: transparent !important;
}
#m-league-select-all-check-box .check-stroke-wrapper:not(.checked).sportybet {
  border: 1px solid white !important;
}
.m-league:not(:first-child) .m-league-title {
  border-top: 1px solid rgb(var(--fc-nl-700));
}
.m-league .m-league-title {
  align-items: center;
  background-color: rgb(var(--brand-tertiary));
  box-sizing: border-box;
  color: #FFFFFF;
  display: flex;
  font-size: 1.16666667rem;
  height: 3.66666667rem;
  line-height: 3.66666667rem;
  overflow: hidden;
  padding: 0 3.33333333rem 0 0.83333333rem;
}
.m-league .m-league-title .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  padding-left: 0.83333333rem;
}
.m-league .m-league-title .boost {
  flex-shrink: 0;
  height: 2rem;
  margin-left: 0.33333333rem;
  width: 2rem;
}
.m-league .m-league-title .icon-triangle {
  display: inline-block;
}
.m-league .m-league-title .icon-triangle::before {
  content: '\e633';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-league .m-league-title .icon-triangle::before {
  color: rgb(var(--text-type1-tertiary));
}
.m-league .m-league-title .icon-triangle::before {
  display: inline-block;
  transform: rotate(-90deg);
}
.m-league .m-league-title .icon-triangle::before {
  color: rgb(var(--brand-secondary));
  display: inline-block;
  font-size: 0.83333333rem;
  height: 1.16666667rem;
  line-height: 1.4;
  overflow: hidden;
  vertical-align: middle;
}
.m-league .m-league-title.hide .icon-triangle {
  transform: rotate(-90deg);
}
.m-league .m-league-title .m-event-size {
  color: #FFFFFF;
  font-size: 1rem;
  height: 3.66666667rem;
  position: absolute;
  right: 1.41666667rem;
}
.m-league .select-all-container {
  align-items: center;
  display: flex;
  position: absolute;
  right: 1.66666667rem;
}
.m-league .select-all-container .select-all-text {
  margin-right: 0.66666667rem;
}
.m-league .select-all-container .select-all-check-box-bg {
  box-sizing: border-box;
  height: 1.25rem;
  padding-left: 0.16666667rem;
  padding-top: 0.16666667rem;
  width: 1.25rem;
}
.m-league .select-all-container .all-selected-text-color {
  color: rgb(var(--brand-secondary));
}
.m-league .brand-secondary {
  background-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}

.label[data-v-4aafa5a4] {
  align-items: center;
  color: rgb(var(--text-type2-primary));
  display: flex;
  font-size: 1em;
  font-style: italic;
  font-weight: bolder;
  justify-content: center;
  line-height: 1;
  margin-left: -1px;
  transform: skewX(25deg);
}
.label .content[data-v-4aafa5a4] {
  align-items: center;
  display: flex;
  height: 1.3em;
  padding: 0 0.4em 0 0.5em;
  position: relative;
  transform: skewX(-25deg);
}
.label .content .label-text[data-v-4aafa5a4] {
  white-space: nowrap;
}
.label .content .image-container[data-v-4aafa5a4] {
  bottom: 0.2em;
  height: 1.3em;
  margin-left: 0.3em;
  position: relative;
  width: 1.3em;
}
.label .content .image-container img[data-v-4aafa5a4] {
  bottom: 0.1em;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 1.1em;
}
.label.first[data-v-4aafa5a4] {
  margin-left: 0;
  transform: skewX(0deg);
}
.label.first .content[data-v-4aafa5a4] {
  padding: 0 0.4em;
  transform: skew(0deg);
}
.label.first .content .image-container[data-v-4aafa5a4] {
  margin-right: -0.35em;
}
.label.first[data-v-4aafa5a4]::before {
  background: inherit;
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: skewX(25deg);
  transform-origin: top right;
  width: 100%;
  z-index: -1;
}
.label.second[data-v-4aafa5a4] {
  margin-left: 0.3em;
}

.event-label-group[data-v-fc65bd38] {
  display: flex;
}

.label-container[data-v-02d152a6] {
  font-size: 1rem;
  transform: scale(0.85);
  transform-origin: left;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-event-outcome-default {
  background-color: rgb(var(--brand-secondary));
  border-radius: 1px;
  color: rgb(var(--brand-tertiary));
  display: block;
  flex: 1;
  font-size: 1.16666667rem;
  font-weight: bold;
  height: 2.83333333rem;
  line-height: 2.83333333rem;
  margin-right: 1px;
  min-width: 1%;
  overflow: hidden;
  position: relative;
  text-align: center;
  transition: 0.3s;
}
.m-event-outcome-default:last-child {
  margin-right: 0;
}
.m-event-outcome-default.m-outcome--up::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-event-outcome-default.m-outcome--up::before {
  color: rgb(var(--text-type1-primary));
}
.m-event-outcome-default.m-outcome--up::before {
  display: inline-block;
  transform: rotate(90deg) scale(0.83);
}
.m-event-outcome-default.m-outcome--up::before {
  display: block;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  right: 2px;
  top: 2px;
}
.m-event-outcome-default.m-outcome--down::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-event-outcome-default.m-outcome--down::before {
  color: rgb(var(--text-type1-primary));
}
.m-event-outcome-default.m-outcome--down::before {
  display: inline-block;
  transform: rotate(-90deg) scale(0.83);
}
.m-event-outcome-default.m-outcome--down::before {
  display: block;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  right: 2px;
  top: 2px;
}
.m-event-outcome-default.m-outcome--up::before,
.m-event-outcome-default.m-outcome--down::before {
  color: rgb(var(--brand-tertiary));
}
.m-event-outcome-default.m-outcome--checked {
  background: rgb(var(--brand-type3-secondary));
  color: #000000;
}
.m-event-outcome-default.m-outcome--checked::before {
  color: rgb(var(--text-type1-primary));
}
.m-event-outcome-default:active {
  background: rgb(var(--brand-type3-secondary));
  color: #000000;
}
.m-event-outcome-default.m-outcome--disabled {
  background: rgb(var(--disable-type1-primary));
  color: rgb(var(--text-disable-type1-primary));
}
.m-event-outcome-default.m-outcome--disabled::before {
  font-size: 0;
}
.m-event-outcome-default.m-outcome--disabled .m-icon-lock {
  vertical-align: middle;
}
.m-event-outcome-default.m-outcome--disabled .m-icon-lock::before {
  content: "\e65e";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-event-outcome-default.m-outcome--disabled .m-icon-lock::before {
  color: rgb(var(--text-type1-primary));
}
.m-event-outcome-default.m-outcome--disabled .m-icon-lock::before {
  font-size: 1.33333333rem;
}

.outcome-cell-group[data-v-60c1cf80] {
  display: flex;
  width: 100%;
}
.outcome-cell-group .in-filter-range[data-v-60c1cf80]:not(.m-outcome--checked) {
  background-color: rgba(255, 255, 255, 0.11) !important;
  box-shadow: inset 0 0 0 1px rgb(var(--brand-secondary));
}

.all-specifier-outcome-list[data-v-c876ad12] {
  background: rgb(var(--background-type1-primary));
  border: 1px solid rgb(var(--line-type1-primary));
}
.all-specifier-outcome-list .outcome-list-container[data-v-c876ad12] {
  border-bottom: 4px solid rgb(var(--background-type1-primary));
  border-left: 4px solid rgb(var(--background-type1-primary));
  border-right: 4px solid rgb(var(--background-type1-primary));
  max-height: 14.16666667rem;
  overflow: auto;
  padding-top: 0.33333333rem;
}
.all-specifier-outcome-list .specifiers-select[data-v-c876ad12] {
  background: rgb(var(--background-type1-primary)) !important;
}
.outcome-cell-group[data-v-c876ad12]:not(:last-child) {
  padding-bottom: 0.33333333rem;
}
.m-outcome[data-v-c876ad12]:not(.selected-specifier) {
  color: rgb(var(--text-type1-secondary)) !important;
}

[data-v-431c50ba]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-icon-lock[data-v-431c50ba] {
  vertical-align: middle;
  width: 100%;
}
.m-icon-lock[data-v-431c50ba]::before {
  content: "\e65e";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-icon-lock[data-v-431c50ba]::before {
  color: rgb(var(--text-type1-primary));
}
.m-icon-lock[data-v-431c50ba]::before {
  font-size: 1.33333333rem;
}
.outcome-cell-with-specifier-filter[data-v-431c50ba] {
  box-sizing: border-box;
  display: flex;
  width: 100%;
}
.outcome-cell-with-specifier-filter.expand-specifier-list[data-v-431c50ba] {
  background: rgb(var(--background-type1-primary));
  border: 1px solid rgb(var(--line-type1-primary));
}
.specifier-container[data-v-431c50ba] {
  align-items: center;
  display: flex;
}
.specifier-container .name[data-v-431c50ba] {
  flex: 2;
}
.specifier-container .name.dummy[data-v-431c50ba] {
  color: rgb(var(--text-disable-type2-primary));
}
.specifier-container .icon[data-v-431c50ba] {
  flex: 1;
  left: -2px;
  position: relative;
}
.specifier-container .icon.rotate[data-v-431c50ba] {
  transform: rotate(180deg);
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-event-market-default {
  align-items: center;
  display: flex;
  place-content: center space-around;
  table-layout: fixed;
  width: 100%;
}
.m-event-market-default .af-select {
  width: 100%;
}
.m-event-market-default .af-select .af-select-title {
  background: rgb(var(--fc-dp-500));
  border: 0;
  border-radius: 0.33333333rem;
  color: rgb(var(--fc-green-500));
  height: 2.83333333rem;
  line-height: 2.83333333rem;
  text-align: center;
}
.m-event-market-default .af-select .af-select-title .af-select-icon-item {
  padding-right: 0.5rem;
}
.m-event-market-default .af-select .af-select-title .af-select-icon-item::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-event-market-default .af-select .af-select-title .af-select-icon-item::before {
  color: rgb(var(--text-type1-primary));
}
.m-event-market-default .af-select .af-select-title .af-select-icon-item::before {
  display: inline-block;
  transform: rotate(180deg);
}
.m-event-market-default .af-select .af-select-title .af-select-icon-item::before {
  display: inline-block;
  font-size: 1.16666667rem;
}
.m-event-market-default .af-select .af-select-title .af-select-icon-item .icon {
  display: none;
  font-size: 0;
}
.m-event-specifiers {
  box-sizing: border-box;
  overflow-y: auto;
  padding: 0.83333333rem 0;
}
.m-event-specifiers > span {
  display: block;
  line-height: 3rem;
}
.m-event-specifiers .af-select-item {
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
}
.m-event-specifiers .af-select-item.active {
  background-color: rgb(var(--brand-tertiary));
  color: rgb(var(--fc-green-500));
}
.m-event-specifiers .af-select-item:active {
  background-color: #F2F3F5;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-event-live {
  background-color: rgb(var(--background-type2-primary));
  border-bottom: 1px solid rgb(var(--line-type1-secondary));
  display: block;
  padding: 0.66666667rem 0 0.33333333rem 0;
}
.m-event-live:hover,
.m-event-live:active,
.m-event-live:visited {
  text-decoration: none;
}
.m-event-live .m-event-meta {
  align-items: center;
  color: rgb(var(--brand-secondary));
  display: flex;
  font-size: 1rem;
  position: relative;
}
.m-event-live .m-event-meta .live-marker {
  display: none;
}
.m-event-live .m-event-meta > span {
  font-weight: bold;
  margin-right: 0.66666667rem;
}
.m-event-live .m-event-meta > span:last-child {
  margin-right: 0;
}
.m-event-live .m-event-meta .m-mark-live {
  color: rgb(var(--text-type2-tertiary));
  font-size: 0.83333333rem;
  font-weight: normal;
  padding-left: 0.66666667rem;
  position: relative;
}
.m-event-live .m-event-meta .m-mark-live::before {
  background: rgb(var(--highlight-focus));
  border-radius: 50%;
  content: '';
  height: 0.5rem;
  left: 0;
  margin-top: -0.25rem;
  position: absolute;
  top: 50%;
  width: 0.5rem;
}
.m-event-live .m-event-meta .event-labels {
  margin: 0 0.91666667rem 0 -0.83333333rem;
}
.m-event-live .m-event-meta .match-status {
  white-space: nowrap;
}
.m-event-live .m-event-meta .m-league-name {
  color: #c3c3c9;
  display: inline-block;
  font-size: 0.83333333rem;
  font-weight: normal;
  max-width: 66%;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-event-live .m-event-meta .m-live-icon {
  line-height: 1.16666667rem;
}
.m-event-live .m-event-meta .m-live-icon::before {
  content: "\e663";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-event-live .m-event-meta .m-live-icon::before {
  vertical-align: top;
}
.m-event-live .m-live-table {
  align-items: center;
  margin-top: 0.33333333rem;
}
.m-event-live .m-live-table .score {
  color: rgb(var(--text-type2-primary));
}
.m-event-live .m-live-table .game-score,
.m-event-live .m-live-table .point {
  color: #DCDEE5;
  opacity: 0.5;
}
.m-event-live .m-market-cell {
  flex: 0 1 auto;
  width: 50%;
}
.m-event-live .m-market-cell .m-market {
  width: 100%;
}
.m-event-live .m-market-cell .m-market .m-outcome {
  background: transparent;
  color: rgb(var(--brand-secondary));
}
.m-event-live .m-market-cell .m-market .m-outcome--checked {
  background: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.m-event-live .m-market-cell .m-market .m-outcome--checked::before {
  color: rgb(var(--brand-tertiary)) !important;
}
.m-event-live .m-market-cell .m-market .m-outcome--disabled {
  background: transparent;
  color: rgb(var(--text-disable-type2-primary));
}
.m-event-live .m-market-cell .m-market .m-outcome--up::before,
.m-event-live .m-market-cell .m-market .m-outcome--down::before {
  color: rgb(var(--highlight-focus));
}
.m-event-live .m-market-cell .m-market .m-outcome.specifiers-select .af-select .af-select-title {
  background: transparent;
  border-radius: 0;
  color: rgb(var(--fc-green-500));
}
.m-event-live .m-info-cell {
  width: 32%;
}
.m-event-live .m-info-cell > div {
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-event-live .m-info-cell .team {
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  padding-right: 0.83333333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-event-live .m-event-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 0.25rem;
}
.m-event-live .m-event-footer .m-event-comment {
  color: rgb(var(--text-type2-tertiary));
  font-size: 0.83333333rem;
}
.m-event-live .m-market-size {
  color: #c3c3c9;
  font-size: 0.83333333rem;
  font-weight: 500;
  line-height: 1.16666667rem;
  width: 45%;
}
.m-event-live .m-market-size .media-icon {
  margin-left: 0.25rem;
}
.m-event-live .m-market-size .media-icon + .media-icon {
  margin-left: 0.41666667rem;
}
.m-event-live .m-market-size .sfm-icon {
  transform: translateY(-1px);
}
.m-event-live.prematch-league-live {
  background-color: rgb(var(--brand-tertiary));
  border-top: 1px solid rgb(var(--line-type1-primary));
}
.m-event-live.prematch-league-live .m-event-meta {
  color: rgb(var(--brand-secondary));
}
.m-event-live.prematch-league-live .m-event-meta .live-marker {
  background: rgb(var(--brand-type3-secondary));
  color: rgb(var(--fc-dp-500));
  display: inline-block;
  line-height: 1.2;
  padding: 0 0.41666667rem 0 0.16666667rem;
  position: relative;
}
.m-event-live.prematch-league-live .m-event-meta .live-marker::after {
  background: rgb(var(--brand-tertiary));
  content: '';
  height: 105%;
  position: absolute;
  right: -0.25rem;
  transform: skewX(-10deg);
  width: 0.41666667rem;
}
.m-event-live.prematch-league-live .m-live-table .game-score,
.m-event-live.prematch-league-live .m-live-table .score {
  color: rgb(var(--text-type1-primary));
  opacity: 1;
}
.m-event-live.prematch-league-live .m-live-table .point {
  color: rgb(var(--text-type2-tertiary));
  opacity: 1;
}
.m-event-live.prematch-league-live .m-league-name,
.m-event-live.prematch-league-live .team {
  color: rgb(var(--text-type1-primary));
}
.m-event-live.prematch-league-live .m-market-size {
  color: rgb(var(--text-type2-tertiary));
}
.m-event-live.prematch-league-live .m-market .m-outcome {
  background: rgb(var(--brand-tertiary));
  color: rgb(var(--brand-secondary));
}
.m-event-live.prematch-league-live .m-market .m-outcome--checked {
  background: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.m-event-live.prematch-league-live .m-market .m-outcome--checked::before {
  color: rgb(var(--brand-tertiary)) !important;
}
.m-event-live.prematch-league-live .m-market .m-outcome--disabled {
  color: rgb(var(--text-disable-type1-primary));
}
.m-event-live.prematch-league-live .m-market .m-outcome--up::before,
.m-event-live.prematch-league-live .m-market .m-outcome--down::before {
  color: rgb(var(--brand-type2-secondary));
}
.m-event-live.prematch-league-live .m-market .m-outcome.specifiers-select .af-select .af-select-title {
  background: rgb(var(--brand-type1-secondary));
  color: rgb(var(--brand-type2-secondary)) !important;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-event-sport {
  border-top: 1px solid rgb(var(--line-type1-secondary));
  display: block;
  padding: 0.66666667rem 0;
}
.m-event-sport:hover,
.m-event-sport:active,
.m-event-sport:visited {
  text-decoration: none;
}
.m-event-sport .m-event-meta {
  align-items: center;
  color: rgb(var(--text-type1-primary));
  display: flex;
  font-size: 0.83333333rem;
  justify-content: flex-start;
  line-height: 1.25rem;
}
.m-event-sport .m-event-meta > span {
  margin-right: 0.83333333rem;
}
.m-event-sport .m-event-meta > span:last-child {
  margin-right: 0;
}
.m-event-sport .m-event-meta .m-event-icon {
  display: inline-block;
  flex: 0;
  margin: 0 0.33333333rem 0 -0.83333333rem;
}
.m-event-sport .m-event-meta .m-event-icon svg,
.m-event-sport .m-event-meta .m-event-icon img {
  height: 1.16666667rem;
  vertical-align: top;
}
.m-event-sport .m-event-meta .m-time {
  color: rgb(var(--text-type1-primary));
  flex: 0;
  white-space: nowrap;
}
.m-event-sport .m-event-meta .m-league-name {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-event-sport .m-event-meta .event-labels {
  margin: 0 0.91666667rem 0 -0.83333333rem;
}
.m-event-sport .m-sports-table {
  align-items: center;
  margin-top: 0.66666667rem;
}
.m-event-sport .m-market-cell {
  flex: 0 0 auto;
  width: 55%;
}
.m-event-sport .m-market-cell .m-market .m-outcome {
  background: transparent;
  color: rgb(var(--brand-secondary));
}
.m-event-sport .m-market-cell .m-market .m-outcome--checked {
  background: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.m-event-sport .m-market-cell .m-market .m-outcome--checked::before {
  color: rgb(var(--brand-tertiary)) !important;
}
.m-event-sport .m-market-cell .m-market .m-outcome--disabled {
  background: transparent;
  color: rgb(var(--text-disable-type1-primary));
}
.m-event-sport .m-market-cell .m-market .m-outcome--up::before,
.m-event-sport .m-market-cell .m-market .m-outcome--down::before {
  color: rgb(var(--brand-type2-secondary));
}
.m-event-sport .m-info-cell {
  width: 45%;
}
.m-event-sport .m-info-cell > div {
  line-height: 1.4;
}
.m-event-sport .m-info-cell .team {
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  padding-right: 0.83333333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-event-sport .m-event-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.m-event-sport .m-event-footer .m-event-comment {
  color: #c3c3c9;
  font-size: 0.83333333rem;
}
.m-event-sport .m-market-size {
  color: #c3c3c9;
  font-size: 0.83333333rem;
  width: 45%;
}
.m-event-sport .m-market-size .media-icon {
  margin-left: 0.25rem;
  vertical-align: top;
}
.m-event-sport .m-market-size .media-icon + .media-icon {
  margin-left: 0.41666667rem;
}
.m-event-sport .m-market-size .sfm-icon {
  transform: translateY(-1px);
}

#share-wrap[data-v-791331d5] {
  bottom: 0;
  box-sizing: border-box;
  display: block;
  height: 100vh;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 100;
}

.bottomNav-icon[data-v-c5b4a50c] {
  color: rgb(var(--text-type1-secondary));
  fill: rgb(var(--text-type1-secondary));
}
.bottomNav-icon.active[data-v-c5b4a50c] {
  color: rgb(var(--text-type2-primary));
  fill: rgb(var(--text-type2-primary));
}
.bottomNav-svg[data-v-c5b4a50c] {
  padding-bottom: 4px;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.odds-boost-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  background-image: linear-gradient(278deg, #8333b8, #272351);
}
.odds-boost-banner .claim-offer {
  font-size: 1.16666667rem;
  font-weight: bold;
  color: #ffe600;
}
.odds-boost-banner .claim-offer .arrow-right::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.odds-boost-banner .claim-offer .arrow-right::before {
  color: rgb(var(--text-type1-primary));
}
.odds-boost-banner .claim-offer .arrow-right::before {
  display: inline-block;
  transform: rotate(90deg);
}
.odds-boost-banner .claim-offer .arrow-right::before {
  color: #ffe600;
  font-size: 1.16666667rem;
}
.odds-boost-banner .banner-image {
  width: 100%;
}
.odds-boost-banner .close-btn {
  position: absolute;
  right: 0.41666667rem;
  top: 50%;
  margin-top: -0.75rem;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  border-radius: 0.75rem;
  background-color: rgba(0, 0, 0, 0.15);
  text-align: center;
}
.odds-boost-banner .close-btn::before {
  content: '\e62c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.odds-boost-banner .close-btn::before {
  color: rgb(var(--text-type1-primary));
}
.odds-boost-banner .close-btn::before {
  font-size: 0.83333333rem;
  color: rgb(var(--text-type2-secondary));
}
.odds-boost-icon {
  height: 1.66666667rem;
  width: 2.5rem;
  margin: -0.66666667rem 0.41666667rem 0 0;
}
.odds-boost-text {
  font-size: 1.5rem;
  line-height: 2.5rem;
  font-weight: bold;
  color: rgb(var(--text-type2-primary));
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-navbar {
  background: rgb(var(--background-type1-tertiary));
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  display: flex;
  padding: 0.83333333rem 5.5% 0.83333333rem 3.5%;
  position: relative;
}
.m-navbar-fixed {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.m-navbar-item {
  align-items: center;
  display: flex;
  flex: 1;
  font-size: 1.16666667rem;
  white-space: nowrap;
}
.m-navbar-item a {
  color: rgb(var(--text-type1-primary));
  text-decoration: none!important;
}
.m-navbar-item:first-child {
  align-items: center;
  order: 1;
}
.m-navbar-item:last-child {
  justify-content: flex-end;
  order: 2;
}
.m-navbar-item:last-child > a {
  justify-content: flex-end;
}
.m-navbar-back {
  margin-right: 1.14166667rem;
}
.m-navbar-back::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-navbar-back::before {
  color: rgb(var(--text-type1-primary));
}
.m-navbar-back::before {
  color: rgb(var(--text-type1-primary));
  font-size: 0.91666667rem;
}
.m-navbar-close {
  margin-right: 1.14166667rem;
}
.m-navbar-close::before {
  content: '\e62c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-navbar-close::before {
  color: rgb(var(--text-type1-primary));
}
.m-navbar-close::before {
  color: rgb(var(--text-type1-primary));
  font-size: 0.91666667rem;
}
#sportybet .m-navbar {
  display: none !important;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-upload-btn {
  display: inline-block;
  position: relative;
}
.m-upload-btn .default-btn-wrap {
  border: 1px solid rgb(var(--brand-secondary));
  border-radius: 0.16666667rem;
  color: rgb(var(--brand-secondary));
  display: inline-block;
  padding: 0 1rem;
}
.m-upload-btn .default-btn-wrap .icon-plus {
  font-size: 1.33333333rem;
  line-height: 2.83333333rem;
  margin-right: 5px;
}
.m-upload-btn .default-btn-wrap .btn-text {
  font-size: 1rem;
  font-weight: bold;
  line-height: 2.83333333rem;
}
.m-upload-btn .m-upload-input {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-uploader-wrap .default-file-list {
  list-style: none;
}
.m-uploader-wrap .default-file-list .default-file {
  align-items: center;
  background: rgb(var(--background-type1-primary));
  color: rgb(var(--text-type1-primary));
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
  padding: 0.66666667rem 1rem;
}
.m-uploader-wrap .default-file-list .default-file .file-thumbnails {
  flex: 0 0 auto;
  height: 2.66666667rem;
  margin-right: 1.33333333rem;
  width: 2.66666667rem;
}
.m-uploader-wrap .default-file-list .default-file .file-name {
  flex: 0 0 auto;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-uploader-wrap .default-file-list .default-file .file-type {
  flex: 1 1 auto;
  margin-right: 1.33333333rem;
}
.m-uploader-wrap .default-file-list .default-file .icon-remove {
  flex: 0 0 auto;
}
.m-uploader-wrap .default-file-list .default-file .icon-remove::before {
  content: '\e62c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-uploader-wrap .default-file-list .default-file .icon-remove::before {
  color: rgb(var(--text-type1-primary));
}
.m-uploader-wrap .default-file-list .default-file .icon-remove::before {
  font-size: 1rem;
}

section[data-v-1c604cf0] {
  display: flex;
  width: 100%;
}

.ou-market-title-specifier-drop-down-select {
  max-height: 200px;
}

section.ou-market-title-specifier-drop-down-select[data-v-3128c7ac] {
  display: flex;
  width: 100%;
}
.ou-title[data-v-3128c7ac] {
  white-space: nowrap;
}
.all-specifier-dropdown[data-v-3128c7ac] {
  background: rgb(var(--brand-tertiary));
  border: 1px solid rgb(var(--line-type1-primary));
  display: none;
  max-height: 250px;
  overflow: auto;
  padding: 0.33333333rem 0;
  position: relative;
  z-index: 50;
}
.all-specifier-dropdown.show[data-v-3128c7ac] {
  display: block;
}
.all-specifier-dropdown li[data-v-3128c7ac] {
  color: rgb(var(--text-type1-secondary));
  padding: 0.66666667rem 0;
  text-align: center;
}
.all-specifier-dropdown li.active[data-v-3128c7ac] {
  color: rgb(var(--brand-secondary));
}
.ou-title-container[data-v-3128c7ac] {
  background: rgb(var(--disable-brand-secondary));
  border-radius: 0.83333333rem;
  padding: 0.16666667rem 0.33333333rem 0.16666667rem 0.5rem;
}
.arrow.up[data-v-3128c7ac] {
  transform: rotate(180deg);
}

.m-live-table .m-live-row {
  margin: 0 0.83333333rem;
}
.m-live-table .m-name-row {
  background: rgb(var(--background-type2-primary));
}
.m-live-table .m-name-row.hoisting {
  z-index: var(--live-event-list-market-row-hoisting-z-index) !important;
}

.m-sports-table .m-date-row {
  background: rgb(var(--background-type1-primary));
  box-sizing: border-box;
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.83333333rem;
}
.m-sports-table .m-date-row.hoisting {
  z-index: 600 !important;
}
.m-sports-table .m-date-row .m-date {
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
}
.m-sports-table .m-date-row .market-title {
  display: flex;
  flex: 0 1 auto;
  width: 55%;
}
.m-sports-table .m-date-row .market-title > div {
  color: rgb(var(--text-type1-secondary));
  flex: 1;
  font-size: 0.83333333rem;
  text-align: center;
}
.m-sports-table .m-sports-row {
  margin: 0 0.83333333rem;
}
.m-sports-table .m-inner-ads {
  display: block;
  margin: 0.83333333rem;
}
.m-sports-table .m-inner-ads img {
  display: block;
  width: 100%;
}

.m-live-bet-content-table .m-live-bet-content-row {
  border-bottom: 1px solid #3A3C42;
}
.m-live-bet-content-table .m-outcome .m-outcome-odds {
  background: rgb(var(--background-type2-tertiary));
  display: block;
  margin: 5px;
  padding: 10px;
}
.m-live-bet-content-table .m-outcome .m-outcom-title {
  display: block;
}

.bottomNav-icon[data-v-6f30f134] {
  color: rgb(var(--text-type1-secondary));
  fill: rgb(var(--text-type1-secondary));
}
.bottomNav-icon.active[data-v-6f30f134] {
  color: rgb(var(--text-type2-primary));
  fill: rgb(var(--text-type2-primary));
}
.bottomNav-svg[data-v-6f30f134] {
  padding-bottom: 4px;
}

.bottomNav-icon[data-v-1f5e30f2] {
  color: rgb(var(--text-type1-secondary));
  fill: rgb(var(--text-type1-secondary));
}
.bottomNav-icon.active[data-v-1f5e30f2] {
  color: rgb(var(--text-type2-primary));
  fill: rgb(var(--text-type2-primary));
}
.bottomNav-svg[data-v-1f5e30f2] {
  padding-bottom: 4px;
}

.bottomNav-icon[data-v-6b706190] {
  color: rgb(var(--text-type1-secondary));
  fill: rgb(var(--text-type1-secondary));
}
.bottomNav-icon.active[data-v-6b706190] {
  color: rgb(var(--text-type2-primary));
  fill: rgb(var(--text-type2-primary));
}
.bottomNav-svg[data-v-6b706190] {
  padding-bottom: 4px;
}

.bottomNav-icon[data-v-566c67ea] {
  color: rgb(var(--text-type1-secondary));
  fill: rgb(var(--text-type1-secondary));
}
.bottomNav-icon.active[data-v-566c67ea] {
  color: rgb(var(--text-type2-primary));
  fill: rgb(var(--text-type2-primary));
}
.bottomNav-svg[data-v-566c67ea] {
  padding-bottom: 4px;
}

.bottomNav-icon[data-v-1a263110] {
  color: rgb(var(--text-type1-secondary));
  fill: rgb(var(--text-type1-secondary));
}
.bottomNav-icon.active[data-v-1a263110] {
  color: rgb(var(--text-type2-primary));
  fill: rgb(var(--text-type2-primary));
}
.bottomNav-svg[data-v-1a263110] {
  padding-bottom: 4px;
}

.bottomNav-icon[data-v-a1eb8a44] {
  color: rgb(var(--text-type1-secondary));
  fill: rgb(var(--text-type1-secondary));
}
.bottomNav-icon.active[data-v-a1eb8a44] {
  color: rgb(var(--text-type2-primary));
  fill: rgb(var(--text-type2-primary));
}
.bottomNav-svg[data-v-a1eb8a44] {
  padding-bottom: 4px;
}
.active[data-v-a1eb8a44] {
  border-bottom: 5px solid rgb(var(--brand-secondary));
  bottom: 0;
  display: block;
  position: absolute;
  width: 58.3%;
}
.label[data-v-a1eb8a44] {
  bottom: 0;
  color: rgb(var(--text-type1-secondary));
  font-size: 12px;
  position: absolute;
  transform: scale(0.75);
}
[data-v-a1eb8a44] svg {
  margin-bottom: 5px;
}
.nav-btn-item[data-v-a1eb8a44] {
  align-items: center;
  background-color: rgb(var(--absolute-type1));
  box-sizing: border-box;
  color: rgb(var(--text-type1-secondary));
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 1rem;
  height: 48px;
  justify-content: center;
  padding: 0 1.25rem;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 20%;
}
.nav-btn-item .notify-red-dot[data-v-a1eb8a44] {
  background-color: rgb(var(--warning-primary));
  border-radius: 100%;
  height: 5px;
  position: absolute;
  right: 20%;
  top: 7px;
  width: 5px;
}

[data-v-3fc1f01c]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-bottom-nav[data-v-3fc1f01c] {
  font-family: Roboto, Helvetica, Verdana, Menlo, sans-serif;
  position: relative;
  z-index: var(--m-bottom-fixed-z-index);
}
.m-bottom-nav .m-bottom-fixed[data-v-3fc1f01c] {
  background-color: #000000;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  position: fixed;
  width: 100%;
  z-index: var(--m-bottom-fixed-z-index);
}
.m-bottom-nav .open-bets[data-v-3fc1f01c] {
  background-color: rgb(var(--brand-secondary));
  border-radius: 10px;
  color: rgb(var(--absolute-type1));
  display: inline-block;
  left: 63%;
  line-height: 1.5;
  min-width: 2rem;
  position: absolute;
  top: 5px;
  vertical-align: middle;
}

.copyright-wrap[data-v-bbb3f26a] {
  align-items: center;
  background-color: rgb(var(--background-type1-tertiary));
  display: flex;
  justify-content: space-between;
  padding: 1.66666667rem 1.16666667rem;
}
.copyright-wrap .icons[data-v-bbb3f26a] {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.copyright-wrap .icons .iframe-img[data-v-bbb3f26a] {
  height: 45px;
  margin: -0.83333333rem 0;
  transform: scale(0.8);
  transform-origin: 0 50%;
  width: 100px;
}
.copyright-wrap .icons img[data-v-bbb3f26a] {
  height: 1.66666667rem;
  width: auto;
}
.copyright-wrap .icons img[data-v-bbb3f26a]:not(:first-child) {
  margin-left: 1rem;
}
.copyright-wrap .copyright[data-v-bbb3f26a] {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.83333333rem;
  justify-content: right;
  text-align: right;
}
@media only screen and (max-width: 320px) {
.copyright-wrap .icons .iframe-img[data-v-bbb3f26a] {
    margin-right: -1.66666667rem;
    transform: scale(0.7);
    transform-origin: 0 50%;
}
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.deposit-enter-mobile .enter-mobile-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.deposit-enter-mobile .enter-mobile-container .m-input-wap-wrapper--active {
  border: 1px solid rgb(var(--brand-secondary));
}
.deposit-enter-mobile .enter-mobile-container .psd-wrap {
  margin-top: 1.5rem;
  position: relative;
}
.deposit-enter-mobile .enter-mobile-container .psd-wrap .verifyInputs {
  margin-top: 0;
}
.deposit-enter-mobile .enter-mobile-container .psd-wrap .pop-msg {
  background-color: rgb(var(--background-type2-secondary));
  box-shadow: 0 0.16666667rem 0.33333333rem 0 rgba(0, 0, 0, 0.5);
  color: rgb(var(--text-type2-primary));
  font-size: 1rem;
  line-height: 1.33333333rem;
  padding: 1.33333333rem 1rem;
  position: absolute;
  right: 0;
  top: -8rem;
  width: 16.66666667rem;
}
.deposit-enter-mobile .enter-mobile-container .psd-wrap .pop-msg .pop-arrow {
  background-color: rgb(var(--background-type2-secondary));
  bottom: -0.66666667rem;
  height: 1.33333333rem;
  position: absolute;
  right: 3.33333333rem;
  transform: rotate(45deg);
  width: 1.33333333rem;
}
.deposit-enter-mobile .enter-mobile-container .verifyInputs {
  border: 1px solid #FFFFFF;
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 1.16666667rem;
  height: 4rem;
  margin-top: 1.5rem;
  padding-left: 1px;
  padding-right: 1px;
  width: 100%;
}
.deposit-enter-mobile .enter-mobile-container .verifyInputs .m-loading-circle-icon::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.deposit-enter-mobile .enter-mobile-container .verifyInputs .m-input-wap-prepend {
  background-color: rgb(var(--background-type2-tertiary));
  color: rgb(var(--text-type2-secondary));
}
.deposit-enter-mobile .enter-mobile-container .verifyInputs.m-input-wap-wrapper.m-input-wap-wrapper--error {
  border: 1px solid #ffe600 !important;
}
.deposit-enter-mobile .enter-mobile-container .verifyInputs.m-input-wap-wrapper .m-input-wap-text--icon {
  width: 4rem;
}
.deposit-enter-mobile .enter-mobile-container .verifyInputs input {
  background-color: rgb(var(--background-type2-tertiary));
  color: rgb(var(--text-type2-secondary));
  height: 100%;
}
.deposit-enter-mobile .enter-mobile-container .error-message {
  color: #ffe600;
  font-size: 1rem;
  line-height: 1.67;
  margin-top: 0.08333333rem;
  min-height: 1.66666667rem;
  text-align: left;
  width: 100%;
}
.deposit-enter-mobile .enter-mobile-container .enter-mobile-btn {
  background-color: rgb(var(--brand-type3-secondary));
  border: none;
  box-sizing: border-box;
  color: #000000;
  font-size: 1.33333333rem;
  font-weight: 500;
  height: 3.95833333rem;
  padding-left: 1px;
  padding-right: 1px;
  width: 100%;
}
.deposit-enter-mobile .facebook-container {
  align-items: center;
  background-color: rgb(var(--brand-tertiary));
  border-top: 1px solid rgb(var(--line-type1-primary));
  display: flex;
  flex-direction: column;
  height: 6.75rem;
  margin-top: 2.08333333rem;
  width: calc(100% -  60/12rem);
}
.deposit-enter-mobile .facebook-container .or-area {
  background-color: rgb(var(--brand-tertiary));
  color: rgb(var(--text-type1-secondary));
  font-size: 1.33333333rem;
  margin-bottom: -0.41666667rem;
  padding-left: 0.16666667rem;
  padding-right: 0.16666667rem;
  text-align: center;
  transform: translateY(-50%);
}
.deposit-enter-mobile .fade-enter-active,
.deposit-enter-mobile .fade-leave-active {
  transition: opacity 0.5s;
}
.deposit-enter-mobile .fade-enter-from,
.deposit-enter-mobile .fade-leave-to {
  opacity: 0;
}
.wap-register.es-dialog .es-dialog-head h1 {
  font-size: 1.66666667rem;
  height: auto;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.deposit-code-verify .verifyMobile {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.deposit-code-verify .verifyMobile .m-input-wap-wrapper--active {
  border: 1px solid rgb(var(--brand-secondary));
}
.deposit-code-verify .verifyMobile .send-again {
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
  font-weight: bold;
}
.deposit-code-verify .verifyMobile .action-label {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.66666667rem;
  margin-bottom: 0.83333333rem;
  margin-top: 1.23333333rem;
  text-align: center;
  width: 100%;
}
.deposit-code-verify .verifyMobile .verifyInputs {
  border: 1px solid #FFFFFF;
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 1.16666667rem;
  height: 4rem;
  padding-left: 1px;
  padding-right: 1px;
  width: 100%;
}
.deposit-code-verify .verifyMobile .verifyInputs .m-loading-circle-icon::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.deposit-code-verify .verifyMobile .verifyInputs .m-input-wap-prepend {
  background-color: rgb(var(--background-type2-tertiary));
  color: rgb(var(--text-type2-secondary));
}
.deposit-code-verify .verifyMobile .verifyInputs.m-input-wap-wrapper.m-input-wap-wrapper--error {
  border: 1px solid #ffe600 !important;
}
.deposit-code-verify .verifyMobile .verifyInputs input {
  background-color: rgb(var(--background-type2-tertiary));
  color: rgb(var(--text-type2-secondary));
  height: 100%;
}
.deposit-code-verify .verifyMobile .error-message {
  color: #ffe600;
  font-size: 1rem;
  line-height: 1.67;
  margin-top: 0.08333333rem;
  min-height: 1.66666667rem;
  text-align: left;
  width: 100%;
}
.deposit-code-verify .verifyMobile .btn-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 2.25rem;
}
.deposit-code-verify .verifyMobile .btn-wrap .back-btn {
  border: 1px solid #FFFFFF;
  border-radius: 0.16666667rem;
  flex: 0 0 auto;
  height: 3.83333333rem;
  line-height: 3.83333333rem;
  margin-right: 0.66666667rem;
  text-align: center;
  width: 3.83333333rem;
}
.deposit-code-verify .verifyMobile .btn-wrap .back-btn .back-icon::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.deposit-code-verify .verifyMobile .btn-wrap .back-btn .back-icon::before {
  color: rgb(var(--text-type1-primary));
}
.deposit-code-verify .verifyMobile .btn-wrap .back-btn .back-icon::before {
  color: #FFFFFF;
}
.deposit-code-verify .verifyMobile .btn-wrap .verify-btn {
  background-color: rgb(var(--brand-type3-secondary));
  border: none;
  box-sizing: border-box;
  flex: 1 1 auto;
  font-size: 1.16666667rem;
  height: 4rem;
  width: 100%;
}
.deposit-code-verify .verifyMobile .af-icon-loading::before {
  content: "\e648";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}
.deposit-code-verify .verifyMobile .af-icon-loading {
  animation: loading-rotate 2s linear infinite;
  display: inline-block;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
#smsSent .smsSent-top .title {
  font-size: 1.83333333rem;
  font-weight: bold;
  width: 100%;
}
#smsSent .m-input-wap-wrapper--active {
  border: 1px solid rgb(var(--brand-secondary));
}
#smsSent .smsSent-message {
  color: rgb(var(--text-type2-primary));
  font-size: 1rem;
  line-height: 1.33;
  margin-top: 1.33333333rem;
  text-align: center;
}
#smsSent .smsSent-code {
  color: rgb(var(--text-type2-primary));
  font-size: 1.66666667rem;
  font-weight: bold;
  margin-bottom: 2.91666667rem;
  margin-top: 2.33333333rem;
}
#smsSent .smsSent-footer {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
#smsSent .smsSent-footer .back-btn {
  border: 1px solid #FFFFFF;
  border-radius: 0.16666667rem;
  flex: 0 0 auto;
  height: 3.83333333rem;
  line-height: 3.83333333rem;
  margin-right: 0.66666667rem;
  text-align: center;
  width: 3.83333333rem;
}
#smsSent .smsSent-footer .back-btn .icon-back::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#smsSent .smsSent-footer .back-btn .icon-back::before {
  color: rgb(var(--text-type1-primary));
}
#smsSent .smsSent-footer .back-btn .icon-back::before {
  color: #FFFFFF;
}
#smsSent .smsSent-footer .smsSent-btn {
  background-color: rgb(var(--brand-type3-secondary));
  border: none;
  color: #000000;
  flex: 1 1 auto;
  font-size: 1.16666667rem;
  font-weight: bold;
  height: 4rem;
  width: 100%;
}
.wap-register.es-dialog .es-dialog-head h1 {
  font-size: 1.66666667rem;
  height: auto;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.deposit-register-and-login {
  display: block;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: transparent;
}
.deposit-register-and-login .head-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.deposit-register-and-login .icon-container {
  width: 100%;
  height: 3.33333333rem;
  background-color: rgb(var(--background-type1-primary));
  line-height: 3.33333333rem;
}
.deposit-register-and-login .icon-container .m-back-icon-wap::before {
  margin-left: 0.83333333rem;
  content: '\E620';
  font-family: "iconfont" !important;
  font-size: 0.89166667rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
.deposit-register-and-login .icon-container .back-label {
  margin-left: 0.91666667rem;
  font-size: 1.16666667rem;
  text-align: left;
  color: rgb(var(--text-type1-primary));
}
.deposit-register-and-login .warn-label {
  width: 100%;
  height: 2.16666667rem;
  line-height: 2.16666667rem;
  background-color: rgb(var(--warning-primary));
  font-size: 0.83333333rem;
  text-align: center;
  color: rgb(var(--text-type2-primary));
}
.deposit-register-and-login .page-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0.5rem 2.5rem 1.66666667rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-page-back {
  background: rgb(var(--brand-primary));
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  height: 40px;
  line-height: 16px;
  padding: 12px 10px;
  width: 100%;
}
.m-page-back .m-icon-back {
  margin-right: 10px;
}
.m-page-back .m-icon-back::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-page-back .m-icon-back::before {
  color: rgb(var(--text-type1-primary));
}
html,
body,
.page-content,
.m-page-wrapper {
  height: 100%;
}
.m-pagelet-suc {
  height: 100%;
}
.m-pagelet-suc .m-pagelet {
  box-sizing: border-box;
  padding-top: 46px;
  position: relative;
}
.m-pagelet-suc .af-button {
  border-radius: 2px;
  height: 48px;
  width: 100%;
  border: none !important;
  font-size: 16px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.m-pagelet-suc .af-button--primary {
  background: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.m-pagelet-suc .af-button--primary:hover {
  background: rgb(var(--highlight-focus));
}
.m-pagelet-suc .af-button--primary:active {
  background: rgb(var(--brand-type3-secondary));
}
.m-pagelet-suc .m-page-back {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: rgb(var(--brand-primary));
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  height: 40px;
  line-height: 16px;
  padding: 12px 10px;
  width: 100%;
}
.m-pagelet-suc .m-page-back .m-icon-back {
  margin-right: 10px;
}
.m-pagelet-suc .m-page-back .m-icon-back::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-pagelet-suc .m-page-back .m-icon-back::before {
  color: rgb(var(--text-type1-primary));
}
.m-pagelet-suc .m-main {
  box-sizing: border-box;
  padding: 0 30px;
  text-align: center;
}
.m-pagelet-suc .m-title {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
  line-height: 17px;
  margin-top: 18px;
}
.m-pagelet-suc .m-content {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
}
.m-pagelet-suc .m-content .m-t-highlight {
  color: rgb(var(--brand-secondary));
}
.m-pagelet-suc .m-content p > span {
  display: block;
}
.m-pagelet-suc .m-btn {
  font-size: 16px;
  font-weight: bold;
  margin-top: 40px;
}

.m-page-wrapper .page-header-link {
  display: block;
  width: 100%;
}
.m-page-wrapper .page-header-link img {
  width: 100%;
}
.m-page-wrapper .page-footer-link {
  display: block;
  margin-top: 100px;
  width: 100%;
}
.m-page-wrapper .page-footer-link img {
  width: 100%;
}
.m-page-wrapper .page-login-wrap {
  margin-top: 40px;
}
.page-register .deposit-enter-mobile .enter-mobile-container .verifyInputs .m-input-wap-prepend {
  background-color: #FFF;
  color: #353a45;
}
.page-register .deposit-enter-mobile .enter-mobile-container .verifyInputs input {
  background-color: #FFF;
  color: #353a45;
}
.page-register .deposit-enter-mobile .enter-mobile-container .verifyInputs {
  border: 1px solid #9ca0ab;
}
.page-register .deposit-enter-mobile .enter-mobile-container .verifyInputs.m-input-wap-wrapper.m-input-wap-wrapper--error {
  border: 1px solid rgb(var(--warning-primary)) !important;
}
.page-register .deposit-enter-mobile .enter-mobile-container .error-message {
  color: rgb(var(--warning-primary));
}
.page-register .deposit-code-verify .verifyMobile .verifyInputs input {
  background-color: #FFF;
  color: #353a45;
}
.page-register .deposit-code-verify .verifyMobile .btn-wrap .back-btn {
  border: 1px solid #9ca0ab;
}
.page-register .deposit-code-verify .verifyMobile .btn-wrap .back-btn .back-icon::before {
  color: #353a45;
}
.page-register .deposit-code-verify .verifyMobile .verifyInputs {
  border: 1px solid #9ca0ab;
}
.page-register .deposit-code-verify .verifyMobile .btn-wrap .verify-btn {
  background-color: #0d9737;
  color: #FFF;
}
.page-register .deposit-enter-mobile .enter-mobile-container .enter-mobile-btn {
  background-color: #0d9737;
  color: #FFF;
}
.page-register .deposit-code-verify .verifyMobile .action-label {
  color: #353a45;
}
.page-register .deposit-code-verify .verifyMobile .send-again {
  color: #0d9737;
}

[data-v-15001a5c]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.error-message-wrapper[data-v-15001a5c] {
  align-items: center;
  background-color: rgb(var(--background-type1-primary));
  border-radius: 8px;
  color: rgb(var(--text-type1-secondary));
  display: flex;
  flex-direction: column;
  height: 19.16666667rem;
  justify-content: center;
  width: 100%;
}
.error-message-wrapper.has-error-icon[data-v-15001a5c]::before {
  content: '\e660';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.error-message-wrapper.has-error-icon[data-v-15001a5c]::before {
  color: rgb(var(--text-type1-primary));
}
.error-message-wrapper.has-error-icon[data-v-15001a5c]::before {
  color: rgb(var(--text-type1-secondary));
  display: block;
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 0.66666667rem;
}
.error-message-wrapper h3[data-v-15001a5c] {
  color: rgb(var(--text-type1-secondary));
  font-size: 1rem;
  font-weight: 400;
}
.error-message-wrapper .reload-container[data-v-15001a5c] {
  align-items: center;
  color: rgb(var(--brand-secondary));
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  margin-top: 0.66666667rem;
}
.error-message-wrapper .reload-container .refresh-icon[data-v-15001a5c] {
  color: rgb(var(--brand-secondary));
  margin-right: 0.33333333rem;
}

.bet-taken-container[data-v-450d5968] {
  align-items: center;
  background: rgb(var(--background-type2-tertiary));
  border-radius: 0 12px 12px 0;
  display: flex;
  height: 2rem;
  padding: 0 1.33333333rem 0 1rem;
}
.bet-taken-container .bet-taken-title[data-v-450d5968] {
  color: rgb(var(--text-type1-secondary));
  font-size: 0.83333333rem;
  font-weight: 400;
}
.bet-taken-container .bet-taken-value[data-v-450d5968] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  font-weight: 700;
  margin-left: 0.83333333rem;
}

.recommended-code-card[data-v-e8b3444e] {
  background-color: rgb(var(--background-type1-primary));
  border-radius: 0.66666667rem;
  box-sizing: border-box;
  overflow: hidden;
}
.recommended-code-card.focus[data-v-e8b3444e] {
  border: 0.08333333rem solid rgb(var(--brand-secondary));
}
.recommended-code-card .selections-container[data-v-e8b3444e] {
  border-radius: 0.66666667rem;
  box-sizing: border-box;
  height: 100%;
  position: relative;
}
.recommended-code-card .selections-container .selections[data-v-e8b3444e] {
  box-sizing: border-box;
  display: flex;
  height: 100%;
  position: relative;
  transition: all 0.3s;
  width: 100%;
}
.recommended-code-card .selections-container .selections .selection[data-v-e8b3444e] {
  padding: 0.5rem 1.25rem;
}
.recommended-code-card .selections-container .selections .selection[data-v-e8b3444e] .event-widget-item {
  margin-left: auto;
}
.recommended-code-card .indicator[data-v-e8b3444e] {
  align-items: center;
  background: transparent;
  bottom: 0;
  display: flex;
  gap: 0.66666667rem;
  height: 1.33333333rem;
  justify-content: center;
  position: absolute;
  width: 100%;
}
.recommended-code-card .indicator .dot[data-v-e8b3444e] {
  background-color: rgb(var(--text-type1-secondary));
  border-radius: 50%;
  height: 0.5rem;
  width: 0.5rem;
}
.recommended-code-card .indicator .dot.active[data-v-e8b3444e] {
  background-color: rgb(var(--brand-type1-primary));
  border-radius: 4px;
  width: 1.5rem;
}
.recommended-code-card .bottom-section[data-v-e8b3444e] {
  align-items: center;
  background-color: rgb(var(--brand-type1-primary));
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  position: relative;
}
.recommended-code-card .bottom-section .bet-taken[data-v-e8b3444e] {
  left: 0;
  position: absolute;
  top: -1.16666667rem;
}
.recommended-code-card .bottom-section.is-hidden[data-v-e8b3444e] {
  background-color: rgb(var(--disable-brand-secondary));
}
.recommended-code-card .buttons[data-v-e8b3444e] {
  display: flex;
}
.recommended-code-card .buttons .button-favorite[data-v-e8b3444e] {
  --color: rgb(var(--text-type1-secondary));
  aspect-ratio: 1;
  background-color: transparent;
  border: 0.08333333rem solid var(--color);
  border-radius: 0.16666667rem;
  color: var(--color);
  width: 2.33333333rem;
}
.recommended-code-card .buttons .button-favorite.active[data-v-e8b3444e] {
  --color: rgb(var(--highlight-highlight));
}
.recommended-code-card .buttons button[data-v-e8b3444e] {
  margin-right: 0.66666667rem;
}
.recommended-code-card .buttons button[data-v-e8b3444e]:last-child {
  margin-right: 0;
}

[data-v-c743c8d2]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.no-data-wrapper[data-v-c743c8d2] {
  align-items: center;
  background-color: rgb(var(--background-type1-primary));
  border-radius: 8px;
  color: rgb(var(--text-type1-secondary));
  display: flex;
  flex-direction: column;
  height: 19.16666667rem;
  justify-content: center;
  width: 100%;
}
.no-data-wrapper[data-v-c743c8d2]::before {
  content: '\e660';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.no-data-wrapper[data-v-c743c8d2]::before {
  color: rgb(var(--text-type1-primary));
}
.no-data-wrapper[data-v-c743c8d2]::before {
  color: rgb(var(--text-type1-secondary));
  display: block;
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 0.66666667rem;
}

.recommended-booking-code-card[data-v-f49ff68a] .selections-container {
  height: 18.33333333rem;
}
.recommended-booking-code-card.list-mode[data-v-f49ff68a] {
  margin-top: 0.66666667rem;
}

[data-v-16dab174]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.title-bar[data-v-16dab174] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.33333333rem 0 0.66666667rem 0;
}
.title-bar .title[data-v-16dab174] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  font-weight: 700;
}
.title-bar .refresh-icon[data-v-16dab174] {
  color: rgb(var(--brand-secondary));
}
.title-bar .loading-icon[data-v-16dab174] {
  animation: spin-16dab174 1s infinite;
  animation-timing-function: linear;
  display: inline-block;
  font-size: 1.16666667rem;
  margin-left: 0.66666667rem;
}
.title-bar .loading-icon[data-v-16dab174]::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.title-bar .loading-icon[data-v-16dab174]::before {
  color: white;
}
@keyframes spin-16dab174 {
to {
    transform: rotate(360deg);
}
from {
    transform: rotate(0deg);
}
}

.openbet-recommended-empty-container .m-title-bar[data-v-578b42b7] {
  margin-bottom: 1rem;
}

.m-btn--text[data-v-5b7b7a75] {
  color: rgb(var(--brand-secondary));
  font-size: 1rem;
}
.m-btn--text + .m-btn[data-v-5b7b7a75] {
  margin-top: 1.66666667rem;
}

input[type="checkbox"][data-v-c1d0ae8e] {
  position: absolute;
  visibility: hidden;
}
.insure-check-box[data-v-c1d0ae8e] {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.insure-check-box.disabled[data-v-c1d0ae8e] {
  filter: grayscale(1);
  opacity: 0.4;
}
svg[data-v-c1d0ae8e] path:nth-child(2) {
  fill: rgb(var(--brand-tertiary));
}
.icon-wrapper[data-v-c1d0ae8e] {
  align-items: center;
  display: flex;
  padding: 0 0.33333333rem;
}
@media screen and (max-width: 376px) {
.icon-wrapper[data-v-c1d0ae8e] {
    padding: 0 0.16666667rem;
}
}
.text-wrapper[data-v-c1d0ae8e] {
  color: rgb(var(--text-type2-primary));
}
.loading-icon[data-v-c1d0ae8e] {
  animation: rotate-infinite-c1d0ae8e 1s linear infinite;
}
@keyframes rotate-infinite-c1d0ae8e {
from {
    transform: rotate(0);
}
to {
    transform: rotate(-360deg);
}
}

.icon-font-base[data-v-64872dee] {
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.icon-font-base[data-v-64872dee]:not(.icon-from-brand) {
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}
.icon-font-base.icon-from-brand[data-v-64872dee] {
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}

.pagination-bar[data-v-252f7b8e] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0.66666667rem;
}
.pagination-bar.enabled-color .label[data-v-252f7b8e],
.pagination-bar.enabled-color .arrow-icon[data-v-252f7b8e] {
  color: rgb(var(--brand-secondary));
}
.pagination-bar.disabled-color .label[data-v-252f7b8e],
.pagination-bar.disabled-color .arrow-icon[data-v-252f7b8e] {
  color: rgb(var(--text-disable-type1-primary));
}
.pagination-bar .prev[data-v-252f7b8e],
.pagination-bar .next[data-v-252f7b8e] {
  align-items: center;
  display: flex;
  width: 5rem;
}
.pagination-bar .prev .label[data-v-252f7b8e],
.pagination-bar .next .label[data-v-252f7b8e] {
  font-size: 1rem;
  font-weight: 500;
}
.pagination-bar .next[data-v-252f7b8e] {
  justify-content: flex-end;
}
.pagination-bar .pagination[data-v-252f7b8e] {
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
  font-weight: 500;
}
.pagination-bar .prev > .arrow-icon[data-v-252f7b8e],
.pagination-bar .next > .label[data-v-252f7b8e] {
  margin-right: 0.33333333rem;
}

.m-title-bar[data-v-526079ae] {
  margin-bottom: 1rem;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.mobile-navbar {
  height: 3.66666667rem;
  line-height: 3.66666667rem;
  position: relative;
  width: 100%;
}
.mobile-navbar .navbar-wrapper {
  align-items: center;
  background: rgb(var(--brand-primary));
  color: rgb(var(--brand-secondary));
  display: flex;
  height: var(--header-nav-height);
  justify-content: space-between;
  line-height: 3.66666667rem;
  width: 100%;
  z-index: 1;
}
.mobile-navbar .navbar-wrapper .mobile-navbar-logo-encore {
  align-items: baseline;
  -moz-column-gap: 0.33333333rem;
       column-gap: 0.33333333rem;
  display: flex;
  flex: 1;
  padding-left: 0.83333333rem;
  width: 9.16666667rem;
}
.mobile-navbar .navbar-wrapper .mobile-navbar-secondary {
  align-items: center;
  display: flex;
  flex-grow: 1;
  min-width: 0;
  overflow-x: hidden;
}
.mobile-navbar .navbar-wrapper .mobile-navbar-secondary .mobile-icon {
  color: #FFFFFF;
  padding-left: 0.83333333rem;
}
.mobile-navbar .navbar-wrapper .mobile-navbar-secondary .mobile-icon::before {
  font-size: 1.33333333rem !important;
}
.mobile-navbar .navbar-wrapper .mobile-navbar-secondary .mobile-icon--back::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.mobile-navbar .navbar-wrapper .mobile-navbar-secondary .mobile-icon--back::before {
  color: rgb(var(--text-type1-primary));
}
.mobile-navbar .m-icon-search {
  height: 2rem;
  line-height: 2rem;
}
.mobile-navbar .m-icon-search::before {
  content: '\e64f';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.mobile-navbar .m-icon-search::before {
  color: rgb(var(--text-type1-primary));
}
.mobile-navbar .m-icon-search::before {
  display: inline-block;
  transform: scale(1.2);
}
.mobile-navbar .m-icon-search::before {
  color: rgb(var(--text-type1-primary));
  font-size: 1.5rem;
}
.mobile-navbar .icon-target {
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  padding-bottom: 0.33333333rem;
  position: relative;
}
.mobile-navbar .icon-target.is-active::before {
  background: rgb(var(--c-background-system-default));
  border-radius: 50%;
  bottom: 18px;
  content: '';
  display: block;
  height: 7px;
  position: absolute;
  right: 0;
  width: 7px;
}
.mobile-navbar .mobile-navbar-right {
  align-items: center;
  -moz-column-gap: 0.83333333rem;
       column-gap: 0.83333333rem;
  display: flex;
  flex: none;
  justify-content: flex-end;
  padding-right: 0.66666667rem;
  position: relative;
  text-align: right;
}
.mobile-navbar .mobile-navbar-right .m-login-yes {
  align-items: center;
  display: flex;
  height: 3.66666667rem;
  line-height: 1;
  white-space: nowrap;
}
.mobile-navbar .mobile-navbar-right .m-login-yes .m-btn-deposit {
  display: inline-flex;
}
.mobile-navbar .mobile-navbar-right .m-login-yes .m-btn-text {
  background: rgb(var(--brand-secondary));
  border: 1px solid rgb(var(--brand-secondary));
  border-radius: 0.16666667rem;
  color: rgb(var(--brand-primary));
  display: inline-block;
  font-size: 1rem;
  line-height: 1.16666667rem;
  padding: 0.58333333rem 0.66666667rem;
}
.mobile-navbar .mobile-navbar-right .m-login-not {
  align-items: center;
  display: flex;
  height: 100%;
  overflow: hidden;
}
.mobile-navbar .mobile-navbar-right .m-login-not > div {
  border: 1px solid rgb(var(--btn-header));
  border-radius: 0.16666667rem;
  box-sizing: border-box;
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  height: 2.33333333rem;
  line-height: 2.33333333rem;
  padding: 0 0.66666667rem;
}
@media screen and (max-width: 320px) {
.mobile-navbar .mobile-navbar-right .m-login-not > div {
    padding: 0 0.33333333rem;
}
}
.mobile-navbar .mobile-navbar-right .m-login-not .m-btn-join-now {
  background: rgb(var(--btn-header));
  color: rgb(var(--brand-primary));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mobile-navbar .mobile-navbar-right .m-login-not .m-btn-login {
  color: rgb(var(--btn-header));
  margin-left: 0.66666667rem;
}
.mobile-navbar .history-tip {
  background-color: rgb(var(--highlight-hint));
  border-radius: 2px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  font-size: 1.16666667rem;
  font-weight: 500;
  height: 3.16666667rem;
  line-height: 3.16666667rem;
  margin-left: -1.66666667rem;
  margin-top: -0.41666667rem;
  padding: 0 1rem;
  position: absolute;
  right: 0.66666667rem;
  top: 100%;
  z-index: 3;
}
.mobile-navbar .history-tip::before {
  content: '\e633';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.mobile-navbar .history-tip::before {
  color: rgb(var(--text-type1-tertiary));
}
.mobile-navbar .history-tip::before {
  display: inline-block;
  transform: rotate(90deg);
}
.mobile-navbar .history-tip::before {
  color: rgb(var(--highlight-hint));
  display: block;
  font-size: 1.33333333rem;
  height: 16px;
  line-height: 1;
  position: absolute;
  right: 0.83333333rem;
  top: -0.83333333rem;
}
#sportybet .mobile-navbar {
  display: none !important;
}
.page-content--ng .mobile-navbar .navbar-wrapper {
  background: rgb(var(--brand-primary));
}
.lang-switch {
  color: #FFFFFF;
  font-size: 1.3rem;
  margin-left: 0.25rem;
  padding-top: 1px;
}
.lang-switch .arrow {
  font-size: 12px;
}
.lang-switch .arrow::after {
  content: '\E6A3';
  display: inline-block;
  font-family: iconfont;
}
.langs-drawer .drawer__mask {
  top: auto !important;
  z-index: 209;
}
.langs-drawer .drawer__content {
  max-height: 42%;
  top: auto !important;
  z-index: 210;
}
.langs-drawer .lang-item {
  font-size: 1.16666667rem;
  padding: 1rem 1.66666667rem;
}
.langs-drawer .lang-item:active {
  background: #0da5aa88;
}
.langs-drawer .lang-item.active {
  background: rgb(var(--background-type1-tertiary));
}
.langs-drawer .lang-item .active-icon {
  float: right;
}
.langs-drawer .lang-item .active-icon::before {
  content: '\e626';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.langs-drawer .lang-item .active-icon::before {
  color: rgb(var(--text-type1-tertiary));
}
.langs-drawer .lang-item .active-icon::before {
  color: #0D9737;
}
.mission-dialog-enter-active,
.mission-dialog-leave-active {
  overflow: hidden;
  transition: transform 0.3s ease, opacity 0.3s ease, max-height 0.3s ease;
}
.mission-dialog-enter-from,
.mission-dialog-leave-to {
  max-height: 0;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
}
.mission-dialog-enter-to,
.mission-dialog-leave-from {
  max-height: 1000px;
  opacity: 1;
  transform: scaleY(1);
  transform-origin: top;
}
.newcomer-mission-popover-wrapper {
  left: -1.08333333rem;
  top: 0.41666667rem;
}
.newcomer-mission-popover {
  padding: 0.5rem 1rem !important;
  padding-right: 0 !important;
}
.newcomer-mission-popover .newcomer-mission-popover-text {
  margin-right: 0.33333333rem;
}
.newcomer-mission-popover .m-popOver {
  align-items: center;
  color: rgb(var(--text-type2-secondary));
  display: flex;
  line-height: 1.2;
}
.newcomer-mission-popover .m-popOver svg {
  width: 3.33333333rem;
}
.newcomer-mission-popover .m-popOver svg path {
  fill: rgb(var(--text-type1-secondary));
}

[data-v-092d0f49]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.custom-loading[data-v-092d0f49] {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  position: absolute;
  z-index: 1000;
}
.custom-loading .loading-spinner-container[data-v-092d0f49] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.custom-loading .spinner-wrapper[data-v-092d0f49] {
  animation: spin-092d0f49 1.5s linear infinite;
}
@keyframes spin-092d0f49 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.custom-loading .loading-text[data-v-092d0f49] {
  font-size: 1rem;
  margin-top: 0.33333333rem;
}

.icon-back[data-v-d8af4328]::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.icon-back[data-v-d8af4328]::before {
  color: rgb(var(--text-type1-primary));
}
.icon-back[data-v-d8af4328]::before {
  color: rgb(var(--text-type1-primary));
  font-size: 1.5rem;
}

.image[data-v-3cca8cca] {
  height: var(--31f5ce14);
}
.image img[data-v-3cca8cca] {
  height: 100%;
  -o-object-fit: var(--19e99776);
     object-fit: var(--19e99776);
  width: 100%;
}

.paybill-section-container[data-v-4c195c6d] {
  padding: 2.33333333rem 1.66666667rem;
}
.logo[data-v-4c195c6d] {
  height: 2.83333333rem !important;
  margin-bottom: 1.33333333rem;
}
.logo[data-v-4c195c6d] >  img {
  -o-object-position: 0%;
     object-position: 0%;
}
.content-card[data-v-4c195c6d] {
  background: rgb(var(--background-type1-primary));
  border-radius: 0.33333333rem;
  padding: 0.66666667rem 1rem;
}
.content-card h2[data-v-4c195c6d] {
  margin-bottom: 0.66666667rem;
}


.opay-section[data-v-3d3bf5fa] {
  padding: 0 1.66666667rem;
}
.opay-section h1[data-v-3d3bf5fa] {
  padding-top: 2.5rem;
}
.opay-section h1 .logo[data-v-3d3bf5fa] {
  height: 2.83333333rem;
}
.opay-section h1 .logo[data-v-3d3bf5fa] >  img {
  -o-object-position: 0%;
     object-position: 0%;
}

.palmpay-section[data-v-f9a291ae] {
  padding: 0 1.66666667rem;
}
.palmpay-section h1[data-v-f9a291ae] {
  padding-top: 2.5rem;
}
.palmpay-section h1 .logo[data-v-f9a291ae] {
  height: 2.83333333rem;
}
.palmpay-section h1 .logo[data-v-f9a291ae] >  img {
  -o-object-position: 0%;
     object-position: 0%;
}

.partnership-wrap[data-v-7dc9733c] {
  display: flex;
  justify-content: center;
  padding: 2rem 1.83333333rem 0 1.83333333rem;
}
.partnership-wrap .img[data-v-7dc9733c] {
  height: auto;
  width: 17.5rem;
}

.paybills-wrap[data-v-7a5ac4ce] {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 1.66666667rem;
}
.paybills-wrap .paybills[data-v-7a5ac4ce] {
  margin: 0 1rem;
}
.paybills-wrap .paybills h4[data-v-7a5ac4ce] {
  color: #FFFFFF;
  font-size: 1.33333333rem;
  text-align: center;
}
.paybills-wrap .paybills h5[data-v-7a5ac4ce] {
  color: rgb(var(--text-type1-secondary));
  font-size: 0.83333333rem;
  text-align: center;
}

.slider-wrap[data-v-877ee584] {
  align-items: center;
  display: flex;
  margin: 1rem 0 1.66666667rem 0;
  overflow: hidden;
  position: relative;
}
.slider-wrap .slider-window[data-v-877ee584] {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.slider-wrap .slider-window .sliders[data-v-877ee584] {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.slider-wrap .slider-window .sliders .row > img[data-v-877ee584] {
  height: 1.5rem;
  margin: 0.83333333rem 0.83333333rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 375px) {
.slider-wrap .slider-window .sliders .row > img[data-v-877ee584] {
    height: 1.33333333rem;
}
}
@media screen and (max-width: 320px) {
.slider-wrap .slider-window .sliders .row > img[data-v-877ee584] {
    height: 1.16666667rem;
}
}
.slider-wrap .slider-window .sliders .row > img.visa[data-v-877ee584] {
  height: 1.16666667rem;
}
@media screen and (max-width: 375px) {
.slider-wrap .slider-window .sliders .row > img.visa[data-v-877ee584] {
    height: 1rem;
}
}
@media screen and (max-width: 320px) {
.slider-wrap .slider-window .sliders .row > img.visa[data-v-877ee584] {
    height: 0.83333333rem;
}
}
.slider-wrap .slider-window .sliders .row > img.mc[data-v-877ee584] {
  height: 1.66666667rem;
}
@media screen and (max-width: 375px) {
.slider-wrap .slider-window .sliders .row > img.mc[data-v-877ee584] {
    height: 1.5rem;
}
}
@media screen and (max-width: 320px) {
.slider-wrap .slider-window .sliders .row > img.mc[data-v-877ee584] {
    height: 1.33333333rem;
}
}
.slider-wrap .right-arrow-icon[data-v-877ee584] {
  position: absolute;
  right: 0;
}
.slider-wrap .right-arrow-icon img[data-v-877ee584] {
  width: 1.66666667rem;
}

.payment-methods[data-v-504b201f] {
  overflow-x: hidden;
  padding: 1.66666667rem 1.83333333rem;
}
.payment-methods h5[data-v-504b201f],
.payment-methods p[data-v-504b201f] {
  text-align: center;
}

.balance-section[data-v-5d199c0e] {
  background-color: rgb(var(--background-type2-primary));
  border: 0.08333333rem solid rgb(var(--line-type1-secondary));
  border-radius: 1.33333333rem;
  display: flex;
  justify-content: space-between;
  min-height: 10rem;
  padding: 1.33333333rem 1.33333333rem 1.66666667rem 1.33333333rem;
}
.balance-section .left-section h3[data-v-5d199c0e] {
  display: inline-block;
  font-size: 0.83333333rem;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.33333333rem;
}
.balance-section .left-section .amount-section[data-v-5d199c0e] {
  align-items: center;
  display: flex;
}
.balance-section .left-section .currency[data-v-5d199c0e] {
  margin-right: 0.66666667rem;
}
.balance-section .left-section .currency[data-v-5d199c0e],
.balance-section .left-section .amount[data-v-5d199c0e] {
  font-weight: 700;
}
.balance-section .left-section .total-balance-section[data-v-5d199c0e] {
  margin-bottom: 0.66666667rem;
}
.balance-section .left-section .total-balance-section .currency[data-v-5d199c0e],
.balance-section .left-section .total-balance-section .amount[data-v-5d199c0e] {
  font-size: 1.83333333rem;
}
.balance-section .left-section .withdrawable-balance-section .currency[data-v-5d199c0e],
.balance-section .left-section .withdrawable-balance-section .amount[data-v-5d199c0e] {
  font-size: 1.33333333rem;
}
.balance-section .left-section .flash-freeze-count[data-v-5d199c0e] {
  padding-top: 1.33333333rem;
}
.balance-section .left-section .flash-freeze-count .description[data-v-5d199c0e] {
  align-items: center;
  display: flex;
}
.balance-section .left-section .flash-freeze-count .count[data-v-5d199c0e] {
  color: rgb(var(--fc-blue-200));
}
.balance-section .left-section .flash-freeze-count .count span[data-v-5d199c0e] {
  font-size: 1.5rem;
  font-weight: 700;
  vertical-align: sub;
}
.balance-section .right-section .hide-button[data-v-5d199c0e] {
  display: inline-block;
  margin-right: 1rem;
}
.balance-section .right-section .reload-button[data-v-5d199c0e] {
  background-color: rgb(var(--background-type2-primary));
  display: inline-block;
}
.balance-section .error-content[data-v-5d199c0e] {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.balance-section .loading-icon[data-v-5d199c0e] {
  align-items: center;
  animation: spin-5d199c0e 1s linear infinite;
  display: flex;
  justify-content: center;
  position: relative;
}
@keyframes spin-5d199c0e {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}

.button-list[data-v-640c3991] {
  align-items: center;
  display: flex;
  justify-content: space-around;
}
.button-list .button-list-item[data-v-640c3991] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.button-list .button-list-item-icon-wrapper[data-v-640c3991] {
  position: relative;
}
.button-list .button-list-item-icon-wrapper--active[data-v-640c3991]::before {
  background-color: rgb(var(--warning-primary));
  border-radius: 50%;
  content: '';
  height: 8px;
  position: absolute;
  right: -1px;
  top: 2px;
  width: 8px;
}

.user[data-v-cb104e96] {
  border-radius: 50%;
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
}
.user img[data-v-cb104e96] {
  height: 100%;
  vertical-align: top;
  width: 100%;
}
.user.tier-user[data-v-cb104e96] {
  background-image: var(--278f7224);
  background-repeat: no-repeat;
  background-size: contain;
}
.user.tier-user img[data-v-cb104e96] {
  background-color: rgb(var(--brand-primary));
  border-radius: 100%;
  height: 68%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 68%;
}
.user .edit-icon[data-v-cb104e96] {
  align-items: center;
  background-color: rgb(var(--text-type1-secondary));
  border-radius: 50%;
  bottom: 0;
  display: flex;
  height: 1.66666667rem;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 1.66666667rem;
}

h3[data-v-5e7d6528] {
  font-size: 1.33333333rem;
}

[data-v-f2bd65d0]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-profile-container[data-v-f2bd65d0] {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 2.83333333rem 3.33333333rem;
}
.m-profile-container .avatar-box[data-v-f2bd65d0] {
  height: 5rem;
  width: 5rem;
}
.m-profile-container .username-box[data-v-f2bd65d0] {
  padding-bottom: 1.08333333rem;
  padding-top: 1.08333333rem;
}
.m-profile-container .progress-bar-box[data-v-f2bd65d0] {
  width: 100%;
}
.m-profile-container .vip-progress-box[data-v-f2bd65d0] {
  text-align: center;
}

[data-v-78119992]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-tier-container[data-v-78119992] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  font-weight: 400;
  position: relative;
  width: 100%;
}
.m-tier-container.classic[data-v-78119992] {
  background: url(//s.football.com/global/main/modules/main/mobile/me/images/tier_guide_background.f4b8a52014.png) no-repeat;
  background-attachment: local;
  background-size: contain;
}
.m-tier-container.light[data-v-78119992] {
  background: url(//s.football.com/global/main/modules/main/mobile/me/images/tier_guide_background.light.b627bda975.png) no-repeat;
  background-attachment: local;
  background-size: contain;
}
.m-tier-container[data-v-78119992]::before {
  background: var(--0315541b);
  content: '';
  display: block;
  height: 32vh;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  height: 32dvh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 376px) {
.m-tier-container[data-v-78119992]::before {
    height: 43vh;
    /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
    height: 43dvh;
}
}
.m-tier-container .content[data-v-78119992] {
  padding: 1.66666667rem 1.66666667rem 12.75rem 1.66666667rem;
}
.m-tier-container .vip-banner[data-v-78119992] {
  width: 100%;
}
.m-tier-container .bg-badge[data-v-78119992] {
  position: absolute;
  right: -15%;
}
.m-tier-container .m-tier-profile[data-v-78119992] {
  position: relative;
  z-index: 1;
}

#wv-tier-guide-container[data-v-10316f61] {
  padding: 0 2rem;
}
[data-v-10316f61] .m-profile-container {
  padding: 3rem 4rem;
}
[data-v-10316f61] .m-tier-container .content {
  padding-bottom: 0;
}

.tag[data-v-36998df4] {
  border-radius: 1.66666667rem;
  line-height: 1.33333333rem;
  white-space: nowrap;
}
.tag.profile[data-v-36998df4] {
  background-color: rgb(var(--brand-primary));
  color: rgb(var(--highlight-hint));
  padding: 0.66666667rem 1rem;
}
.tag.booking-code[data-v-36998df4] {
  background-color: rgba(rgb(var(--text-type1-primary)), 0.3);
  color: rgb(var(--brand-secondary));
  padding: 0.16666667rem 0.33333333rem;
}

.tags[data-v-124dd6fa] {
  display: flex;
  gap: 0.33333333rem;
}

.label[data-v-1e259a15] {
  color: rgb(var(--text-type1-secondary));
  font-size: 0.83333333rem;
}
.value[data-v-1e259a15] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  line-height: 1.66666667rem;
}
.value.live[data-v-1e259a15] {
  color: rgb(var(--brand-secondary));
}
.value.odds[data-v-1e259a15] {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 5rem;
}

.booking-code-info[data-v-37540068] {
  display: flex;
}
.booking-code-info .item[data-v-37540068] {
  margin-right: 1.5rem;
}
.booking-code-info .item[data-v-37540068]:last-child {
  margin-right: 0;
}

.copy-code-section[data-v-1df602ca] {
  color: rgb(var(--highlight-focus));
  display: inline-block;
  font-size: 1.66666667rem;
}
.copy-icon[data-v-1df602ca] {
  color: rgb(var(--text-type1-primary));
}

.personal-page-bottom-info[data-v-32e3e121] {
  background: var(--personal-page-bottom-info-bg);
  box-sizing: border-box;
  padding: 5rem 0.83333333rem 3.75rem 1.33333333rem;
  padding-top: 5rem;
  position: relative;
  width: 100%;
}
.personal-page-bottom-info .name-section[data-v-32e3e121] {
  align-items: center;
  display: flex;
  padding-bottom: 0.66666667rem;
}
.personal-page-bottom-info .name-section .avatar[data-v-32e3e121] {
  height: 1.33333333rem;
  margin-right: 0.66666667rem;
  width: 1.33333333rem;
}
.personal-page-bottom-info .name-section h3[data-v-32e3e121] {
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.33333333rem;
}
.personal-page-bottom-info .code-section[data-v-32e3e121] {
  padding-bottom: 0.66666667rem;
}
.personal-page-bottom-info .tags-section[data-v-32e3e121] {
  max-width: 50%;
  overflow-y: scroll;
  padding-bottom: 0.66666667rem;
  scrollbar-width: none;
  /* Firefox */
}
.personal-page-bottom-info .tags-section[data-v-32e3e121]::-webkit-scrollbar {
  display: none;
}
.personal-page-bottom-info .side-buttons[data-v-32e3e121] {
  bottom: 3.75rem;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0.83333333rem;
}
.personal-page-bottom-info .side-buttons button[data-v-32e3e121] {
  align-items: center;
  background-color: transparent;
  border: 0;
  box-sizing: border-box;
  color: rgb(var(--brand-secondary));
  display: flex;
  height: 2rem;
  justify-content: center;
  padding: 0;
  width: 2rem;
}
.personal-page-bottom-info .side-buttons button[data-v-32e3e121]:first-child {
  margin-bottom: 2rem;
}
.personal-page-bottom-info .side-buttons button[data-v-32e3e121]::before {
  background-color: transparent;
}
.personal-page-bottom-info .side-buttons .disabled[data-v-32e3e121] {
  color: rgb(var(--text-type1-secondary));
}

.no-selections-section-container[data-v-6f15e990] {
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
  text-align: center;
}
.no-selections-section-container .refresh-icon[data-v-6f15e990] {
  color: rgb(var(--brand-secondary));
  margin-bottom: 0.66666667rem;
}

.swipe-hint[data-v-3bc41957] {
  background-color: rgb(var(--brand-tertiary));
  padding: 0.33333333rem 0;
  position: relative;
}
.swipe-hint .content[data-v-3bc41957] {
  align-items: center;
  color: rgb(var(--text-type1-secondary));
  display: flex;
  justify-content: center;
}
.swipe-hint .close-button[data-v-3bc41957] {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-60%);
}
.swipe-hint .close-button[data-v-3bc41957] svg path {
  fill: rgb(var(--text-type1-secondary));
}
.arrow-head-down-icon[data-v-3bc41957] {
  margin-right: 0.66666667rem;
}

[data-v-b27475b6]:root {
  --header-nav-height: 3.66666667rem;
  --bottom-nav-height: 4rem;
  --home-live-sport-nav-height: 3.33333333rem;
  --market-bar-normal-height: 3.33333333rem;
  --live-sport-icon-row-height: 6.66666667rem;
  --quick-open-bet-height: 28.33333333rem;
}
[data-v-b27475b6]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.personal-page-detail-panel[data-v-b27475b6] {
  background: rgb(var(--brand-tertiary));
  box-sizing: border-box;
  height: 100%;
  padding: 5.41666667rem 1.33333333rem 0 1.33333333rem;
  position: relative;
}
.statistic-container[data-v-b27475b6] {
  border: 0.08333333rem solid rgb(var(--line-type1-tertiary));
  border-radius: 1rem;
  height: 0%;
  margin-bottom: 1rem;
  overflow: auto;
}
.statistic-container.expand[data-v-b27475b6] {
  height: 30%;
}
.selections-container[data-v-b27475b6] {
  max-height: calc( 100% - 5.41666667rem );
  overflow: scroll;
  scrollbar-width: none;
  /* Firefox */
}
.selections-container[data-v-b27475b6]::-webkit-scrollbar {
  display: none;
}
.selections-container[data-v-b27475b6]::after {
  content: '';
  display: block;
  height: 18.75rem;
}
.selections-container.statistic-toggled[data-v-b27475b6] {
  max-height: calc( 100% - 5.41666667rem - 30% );
}
.selections-container .selection[data-v-b27475b6] {
  margin-bottom: 1rem;
}
.selections-container .selection[data-v-b27475b6]:last-child {
  margin-bottom: 0;
}
.no-selections-section[data-v-b27475b6] {
  margin-top: 50%;
}
.bottom-info[data-v-b27475b6] {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.swipe-hint-container[data-v-b27475b6] {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}

.partial-display-container[data-v-59462672] {
  padding-bottom: 1.16666667rem;
}
.wrapper.is-expand[data-v-59462672] {
  transition: max-height 1s cubic-bezier(0.4, 0, 0.2, 1);
}
#show-more-less[data-v-59462672] {
  align-items: center;
  color: rgb(var(--text-type1-primary));
  display: flex;
  justify-content: center;
  margin-top: 1.66666667rem;
}
#show-more-less h4[data-v-59462672] {
  margin-right: 0.66666667rem;
}
.rotate180[data-v-59462672] {
  transform: rotate(180deg);
}

.card-skeleton[data-v-67adb2b9] {
  background-color: rgb(var(--background-type1-primary));
  border-radius: 0.66666667rem;
  box-sizing: border-box;
  overflow: hidden;
}
.card-skeleton .selections-container[data-v-67adb2b9] {
  border-radius: 0.66666667rem;
  box-sizing: border-box;
  height: 100%;
  position: relative;
}
.card-skeleton .bottom-section[data-v-67adb2b9] {
  align-items: center;
  background-color: rgb(var(--brand-primary));
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.card-skeleton .bottom-section.is-hidden[data-v-67adb2b9] {
  background-color: rgb(var(--disable-brand-secondary));
}
.card-skeleton .buttons[data-v-67adb2b9] {
  display: flex;
}
.card-skeleton .buttons button[data-v-67adb2b9] {
  margin-right: 0.66666667rem;
}
.card-skeleton .buttons button[data-v-67adb2b9]:last-child {
  margin-right: 0;
}

.follow-button[data-v-02501b1c] {
  font-size: 1rem;
  padding: 0.66666667rem 1rem;
}
.follow-button.is-following[data-v-02501b1c] {
  background-color: transparent !important;
  color: rgb(var(--brand-secondary)) !important;
}

.header[data-v-5611a29f] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.66666667rem;
}
.header .user-info[data-v-5611a29f] {
  align-items: center;
  display: flex;
}
.header .user-info .avatar[data-v-5611a29f] {
  height: 2rem;
  margin-right: 1rem;
  width: 2rem;
}
.header .user-info .username[data-v-5611a29f] {
  font-size: 1.33333333rem;
  font-weight: bold;
}
.header .user-info-loading[data-v-5611a29f] {
  align-items: center;
  display: flex;
}
.header .loading-avatar[data-v-5611a29f] {
  margin-right: 1rem;
}

.mini-me-page-dialog-container[data-v-8447009e] {
  pointer-events: auto;
}
.mini-me-page-dialog-container .card[data-v-8447009e] {
  background-color: rgb(var(--background-type1-secondary));
  border-radius: 1.33333333rem;
  box-shadow: 0 4px 8px 0 rgba(40, 36, 80, 0.2);
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  margin: 5rem 1rem 0 1rem;
  padding: 2rem 1.33333333rem;
}
.mini-me-page-dialog-container .balance-card[data-v-8447009e] {
  margin-bottom: 2rem;
}

.dark[data-v-d8af4328] {
  color: rgb(var(--text-type1-primary));
}
.gray[data-v-d8af4328] {
  color: rgb(var(--text-type1-secondary));
}
.darkGray[data-v-d8af4328] {
  color: rgb(var(--text-type1-secondary));
}
.green[data-v-d8af4328] {
  color: rgb(var(--brand-secondary));
}
.text-center[data-v-d8af4328] {
  text-align: center;
}
.text-left[data-v-d8af4328] {
  text-align: left;
}
.bold[data-v-d8af4328] {
  font-weight: bold;
}
.w-100[data-v-d8af4328] {
  width: 100%;
}
.pointer[data-v-d8af4328] {
  cursor: pointer;
}
.not-allowed[data-v-d8af4328] {
  cursor: not-allowed;
}
.size-22[data-v-d8af4328] {
  font-size: 1.83333333rem;
}
.size-14[data-v-d8af4328] {
  font-size: 1.16666667rem;
}
.mg-r-12[data-v-d8af4328] {
  margin-right: 1rem;
}
.mg-b-12[data-v-d8af4328] {
  margin-bottom: 1rem;
}
.mg-b-16[data-v-d8af4328] {
  margin-bottom: 1.33333333rem;
}
.mg-b-26[data-v-d8af4328] {
  margin-bottom: 2.16666667rem;
}
.mg-b-32[data-v-d8af4328] {
  margin-bottom: 2.66666667rem;
}
.mg-b-40[data-v-d8af4328] {
  margin-bottom: 3.33333333rem;
}
.mg-t-40[data-v-d8af4328] {
  margin-top: 3.33333333rem;
}
.pd-hor-12[data-v-d8af4328] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.pd-hor-14[data-v-d8af4328] {
  padding-left: 1.16666667rem;
  padding-right: 1.16666667rem;
}
.pd-hor-20[data-v-d8af4328] {
  padding-left: 1.66666667rem;
  padding-right: 1.66666667rem;
}
.pd-ver-14[data-v-d8af4328] {
  padding-top: 1.16666667rem;
  padding-bottom: 1.16666667rem;
}
.pd-ver-16[data-v-d8af4328] {
  padding-top: 1.33333333rem;
  padding-bottom: 1.33333333rem;
}

.navbar-balance[data-v-4e5d5461] {
  align-items: center;
  border: 1px solid rgb(var(--brand-secondary));
  border-radius: 1.33333333rem;
  color: rgb(var(--brand-secondary));
  display: flex;
  justify-content: center;
  margin-bottom: 0.08333333rem;
  padding: 0.33333333rem 0.66666667rem;
  position: relative;
  text-align: center;
}
.navbar-balance.active[data-v-4e5d5461]::before {
  background-color: rgb(var(--warning-primary));
  border-radius: 50%;
  content: '';
  height: 8px;
  position: absolute;
  right: 0;
  top: -2px;
  width: 8px;
}
.navbar-balance .currency[data-v-4e5d5461] {
  margin-right: 0.16666667rem;
}
.navbar-balance .hidden[data-v-4e5d5461] {
  letter-spacing: 0.16666667rem;
}

.loading-icon-input {
  animation: rotation 2s infinite linear;
  left: 21.41666667rem;
  position: absolute;
}
@keyframes rotation {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
#message-with-live-chat {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  min-height: 36px;
  overflow-y: hidden;
}
#message-with-live-chat .m-loading-wrap {
  background-color: rgb(var(--background-type1-secondary));
  min-height: initial;
}
#message-with-live-chat .m-loading-wrap .m-loading .loading {
  background-color: rgb(var(--background-type1-secondary));
}
#message-with-live-chat .highlight-focus {
  color: rgb(var(--highlight-focus));
}
#message-with-live-chat .pointer {
  cursor: pointer;
}

.loading-icon-input {
  animation: rotation 2s infinite linear;
  left: 21.41666667rem;
  position: absolute;
}
@keyframes rotation {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
#withdraw-pin-otp {
  background-color: rgb(var(--brand-tertiary));
  color: rgb(var(--text-type1-tertiary));
  font-family: Roboto;
  font-size: 1.16666667rem;
  left: 0;
  min-height: 100vh;
  overflow: auto;
  padding-top: 6.66666667rem;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
}
#withdraw-pin-otp .m-loading-wrap {
  background-color: rgb(var(--background-type1-primary));
  min-height: initial;
}
#withdraw-pin-otp .m-loading-wrap .m-loading .loading {
  background-color: rgb(var(--background-type1-primary));
}
#withdraw-pin-otp .header {
  padding: 0.83333333rem;
  text-align: left;
}
#withdraw-pin-otp .body {
  padding: 1.66666667rem;
  padding-top: 0;
}
#withdraw-pin-otp .body .send-wrapper {
  min-height: 1.66666667rem;
}
#withdraw-pin-otp .body .split-line {
  background-color: rgb(var(--line-type1-primary));
  height: 1px;
  margin: 1.66666667rem 0;
  width: 100%;
}
#withdraw-pin-otp .footer {
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 1.66666667rem;
  text-align: center;
}
#withdraw-pin-otp .title {
  font-size: 1.83333333rem;
}
#withdraw-pin-otp .mg-b-16 {
  margin-bottom: 1.33333333rem;
}
#withdraw-pin-otp .mg-t-16 {
  margin-top: 1.33333333rem;
}
#withdraw-pin-otp .gray {
  color: rgb(var(--text-type1-secondary));
}
#withdraw-pin-otp .brand-secondary {
  color: rgb(var(--brand-secondary));
}
#withdraw-pin-otp .bold {
  font-weight: bold;
}
#withdraw-pin-otp .pointer {
  cursor: pointer;
}
#withdraw-pin-otp .not-allowed {
  cursor: not-allowed;
}
#withdraw-pin-otp .icon-back::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#withdraw-pin-otp .icon-back::before {
  color: rgb(var(--text-type1-primary));
}

#status-popup {
  font-family: Roboto;
  padding: 0 1.66666667rem;
  text-align: center;
}
#status-popup > :not(:last-child) {
  margin-bottom: 1.33333333rem;
}
#status-popup .status-img {
  min-height: 110px;
  width: 40%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
#status-popup .status-img {
    width: 25%;
}
}
#status-popup .title {
  color: rgb(var(--text-type1-tertiary));
  font-size: 1.5rem;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
#status-popup .title {
    font-size: 18px;
}
}
#status-popup .context {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
#status-popup .context {
    font-size: 14px;
}
}
#status-popup .btn {
  background-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
  font-size: 1.33333333rem;
  margin-bottom: 2.16666667rem;
  padding-bottom: 1.16666667rem;
  padding-top: 1.16666667rem;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
#status-popup .btn {
    font-size: 16px;
    max-width: 320px;
}
}

#otp-sent {
  color: rgb(var(--text-type1-primary));
  font-family: Roboto;
  text-align: center;
}
#otp-sent .pin-code-wrapper {
  display: flex;
}
#otp-sent .pin-code-wrapper .code {
  background-color: rgb(var(--background-type1-tertiary));
  border-color: rgb(var(--line-type1-primary));
  flex: 1;
  font-size: 1.33333333rem;
  height: 40px;
  line-height: 40px;
  margin: 0 5px;
  width: 40px;
}
#otp-sent .send-btn {
  font-size: 1.33333333rem;
  margin-bottom: 2.16666667rem;
  padding-bottom: 1.16666667rem;
  padding-top: 1.16666667rem;
  width: 100%;
}
#otp-sent .green {
  color: rgb(var(--brand-secondary));
}
#otp-sent .darkGray {
  color: rgb(var(--text-type1-secondary));
}
#otp-sent .dark {
  color: rgb(var(--text-type1-primary));
}
#otp-sent .size-14 {
  font-size: 1.16666667rem;
}
#otp-sent .size-21 {
  font-size: 1.75rem;
}
#otp-sent .mg-b-16 {
  margin-bottom: 1.33333333rem;
}

#status-popup {
  font-family: Roboto;
  padding: 0 1.66666667rem;
  text-align: center;
}
#status-popup > :not(:last-child) {
  margin-bottom: 1.33333333rem;
}
#status-popup .status-img {
  min-height: 110px;
  width: 40%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
#status-popup .status-img {
    width: 25%;
}
}
#status-popup .title {
  color: rgb(var(--text-type1-tertiary));
  font-size: 1.5rem;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
#status-popup .title {
    font-size: 18px;
}
}
#status-popup .context {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
#status-popup .context {
    font-size: 14px;
}
}
#status-popup .btn {
  background-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
  font-size: 1.33333333rem;
  margin-bottom: 2.16666667rem;
  padding-bottom: 1.16666667rem;
  padding-top: 1.16666667rem;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
#status-popup .btn {
    font-size: 16px;
    max-width: 320px;
}
}

.cms-dialog-content.opennet-dialog-style[data-v-081eda92] {
  overflow-y: auto;
}
.cms-dialog-content.opennet-dialog-style .head h1[data-v-081eda92] {
  font-size: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
.cms-dialog-content.opennet-dialog-style .head[data-v-081eda92] {
    padding-left: 24px;
    padding-right: 24px;
}
.cms-dialog-content.opennet-dialog-style .head .m-dialog-close[data-v-081eda92] {
    display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
.cms-dialog-content.opennet-dialog-style .body[data-v-081eda92]:first-child {
    margin-top: 20px;
}
}
.cms-dialog-content.opennet-dialog-style .body[data-v-081eda92]:not(:last-child) {
  margin-bottom: 20px;
}
.cms-dialog-content.opennet-dialog-style .body .m-dialog-main[data-v-081eda92] {
  color: rgb(var(--text-type1-primary));
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
.cms-dialog-content.opennet-dialog-style .body .m-dialog-main[data-v-081eda92] {
    padding: 0 24px;
}
}
.cms-dialog-content.opennet-dialog-style .footer[data-v-081eda92] {
  padding: 0 2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px), only screen and (min-width: 1024px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 2559px), only screen and (min-width: 2560px) {
.cms-dialog-content.opennet-dialog-style .footer[data-v-081eda92] {
    margin-bottom: 20px;
}
}
.cms-dialog-content.opennet-dialog-style .footer .es-dialog-btn[data-v-081eda92] {
  background-color: initial;
  border: none;
  color: rgb(var(--brand-secondary));
  font-size: 14px;
  font-weight: 700;
  min-width: 75px;
  width: auto;
}
.cms-dialog-content.opennet-dialog-style .footer .es-dialog-btn[data-v-081eda92]:hover {
  background-color: initial;
  color: rgb(var(--brand-secondary));
  cursor: pointer;
}
.cms-dialog-content.opennet-dialog-style.has-oppositive-button .footer .btn[data-v-081eda92]:first-child {
  color: rgb(var(--text-type1-secondary));
}
.cms-dialog-content.opennet-dialog-style.has-oppositive-button__reverse .footer .btn[data-v-081eda92]:last-child {
  color: rgb(var(--text-type1-secondary));
}
.cms-dialog-content.opennet-dialog-style.has-oppositive-button.warning .footer .btn[data-v-081eda92]:last-child {
  color: rgb(var(--warning-primary));
}
.cms-dialog-content.opennet-dialog-style.has-oppositive-button-right .footer .btn[data-v-081eda92]:last-child {
  color: rgb(var(--text-type1-secondary));
}
.cms-dialog-content.opennet-dialog-style.no-padding-on-main .body .m-dialog-main[data-v-081eda92] {
  padding: 0;
}
.cms-dialog-content.opennet-dialog-style.no-fixed-height-header .head h1[data-v-081eda92] {
  height: auto;
}
.cms-dialog-content.opennet-dialog-style.rounded-border[data-v-081eda92] {
  border-radius: 0.83333333rem;
}
.cms-dialog-content.pure-container[data-v-081eda92] {
  margin: 0;
  padding: 0;
  width: auto;
}
.cms-dialog-content.pure-container .body[data-v-081eda92] {
  padding: 0;
}
.cms-dialog-content.pure-container.otp-dialog[data-v-081eda92] {
  height: 100vh;
  width: 100vw;
}
.cms-dialog-content.dvh-100[data-v-081eda92] {
  height: 100vh;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  height: 100dvh;
}
.cms-dialog-content.border-radius[data-v-081eda92] {
  border-radius: 1rem;
}
.cms-dialog-content.align-with-window[data-v-081eda92] {
  inset: 0 !important;
  margin: 0 !important;
  position: fixed !important;
}
.opennet-desktop-kyc-dialog-style[data-v-081eda92] {
  border: 0;
}
.opennet-desktop-kyc-dialog-style .head[data-v-081eda92] {
  height: 0;
  padding: 0;
}
.opennet-desktop-kyc-dialog-style .head .m-dialog-close[data-v-081eda92] {
  top: 6px;
  z-index: 1;
}
.opennet-desktop-kyc-dialog-style .head .m-dialog-close[data-v-081eda92]:hover {
  text-decoration: none;
}
.opennet-desktop-kyc-dialog-style .head .m-dialog-close em[data-v-081eda92] {
  color: white;
  font-size: 20px;
}
.opennet-desktop-kyc-dialog-style .es-dialog-body .es-dialog-main[data-v-081eda92] {
  padding: 0;
}
.opennet-desktop-kyc-dialog-style .es-dialog-footer[data-v-081eda92] {
  padding-bottom: 2rem;
}
.opennet-desktop-kyc-dialog-style .es-dialog-footer .es-dialog-btn[data-v-081eda92] {
  margin: 0;
  width: 100%;
}
.opennet-desktop-kyc-reminder-notification-style[data-v-081eda92] {
  width: 512px !important;
}
.cms-dialog-content.m-insure-pop[data-v-081eda92] {
  padding-top: 0;
}
.cms-dialog-content.m-insure-pop .m-dialog-body .m-dialog-main[data-v-081eda92] {
  padding: 0;
}
.m-dialog.transparent-container[data-v-081eda92] {
  background-color: transparent;
}
.m-dialog.transparent-container .m-dialog-body[data-v-081eda92] {
  background-color: transparent;
}
.m-dialog.transparent-container .m-dialog-body .m-dialog-main[data-v-081eda92] {
  background-color: transparent;
}
.dark[data-v-081eda92] {
  color: rgb(var(--text-type1-primary));
}
.gray[data-v-081eda92] {
  color: rgb(var(--text-type1-secondary));
}
.darkGray[data-v-081eda92] {
  color: rgb(var(--text-type1-secondary));
}
.green[data-v-081eda92] {
  color: rgb(var(--brand-secondary));
}
.text-center[data-v-081eda92] {
  text-align: center;
}
.text-left[data-v-081eda92] {
  text-align: left;
}
.bold[data-v-081eda92] {
  font-weight: bold;
}
.w-100[data-v-081eda92] {
  width: 100%;
}
.pointer[data-v-081eda92] {
  cursor: pointer;
}
.not-allowed[data-v-081eda92] {
  cursor: not-allowed;
}
.size-22[data-v-081eda92] {
  font-size: 1.83333333rem;
}
.size-14[data-v-081eda92] {
  font-size: 1.16666667rem;
}
.mg-r-12[data-v-081eda92] {
  margin-right: 1rem;
}
.mg-b-12[data-v-081eda92] {
  margin-bottom: 1rem;
}
.mg-b-16[data-v-081eda92] {
  margin-bottom: 1.33333333rem;
}
.mg-b-26[data-v-081eda92] {
  margin-bottom: 2.16666667rem;
}
.mg-b-32[data-v-081eda92] {
  margin-bottom: 2.66666667rem;
}
.mg-b-40[data-v-081eda92] {
  margin-bottom: 3.33333333rem;
}
.mg-t-40[data-v-081eda92] {
  margin-top: 3.33333333rem;
}
.pd-hor-12[data-v-081eda92] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.pd-hor-14[data-v-081eda92] {
  padding-left: 1.16666667rem;
  padding-right: 1.16666667rem;
}
.pd-hor-20[data-v-081eda92] {
  padding-left: 1.66666667rem;
  padding-right: 1.66666667rem;
}
.pd-ver-14[data-v-081eda92] {
  padding-top: 1.16666667rem;
  padding-bottom: 1.16666667rem;
}
.pd-ver-16[data-v-081eda92] {
  padding-top: 1.33333333rem;
  padding-bottom: 1.33333333rem;
}
.pin-code-wrapper[data-v-081eda92] {
  color: rgb(var(--text-type1-primary));
  display: flex;
}
.pin-code-wrapper .code[data-v-081eda92] {
  background-color: rgb(var(--background-type1-tertiary));
  border-color: rgb(var(--line-type1-primary));
  flex: 1;
  height: 40px;
  line-height: 40px;
  margin: 0 5px;
  width: 40px;
}
.text-brand-tertiary[data-v-081eda92] {
  color: rgb(var(--brand-tertiary));
}

.loading-icon-input {
  animation: rotation 2s infinite linear;
  left: 21.41666667rem;
  position: absolute;
}
@keyframes rotation {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
#otp-selection-container {
  color: rgb(var(--text-type1-primary));
  text-align: center;
}
#otp-selection-container .top-logo {
  height: 11.66666667rem;
  min-height: 11.66666667rem;
  width: 15.25rem;
}
#otp-selection-container .top-logo.encore {
  height: 9.45833333rem;
  min-height: 9.45833333rem;
  width: 11.66666667rem;
}
#otp-selection-container .list .m-loading-wrap {
  background-color: inherit;
  min-height: initial;
}
#otp-selection-container .list .m-loading-wrap .m-loading .loading {
  background-color: inherit;
}
#otp-selection-container .list .option {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 1.33333333rem 0;
}
#otp-selection-container .list .option:not(:last-child) {
  border-bottom: 1px solid rgb(var(--line-type1-primary));
}
#otp-selection-container .list .option span {
  flex: 1;
  text-align: left;
}
#otp-selection-container .list .option .icon-sms::before {
  content: "\e6bd";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#otp-selection-container .list .option .icon-sms::before {
  color: rgb(var(--text-type1-primary));
  font-size: 2rem;
}
#otp-selection-container .list .option .icon-voice::before {
  content: "\e657";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#otp-selection-container .list .option .icon-voice::before {
  color: rgb(var(--text-type1-primary));
}
#otp-selection-container .list .option .icon-voice::before {
  color: rgb(var(--text-type1-primary));
  font-size: 2rem;
}
#otp-selection-container .list .option .icon-reverse_sms::before {
  content: "\e6d22";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#otp-selection-container .list .option .icon-reverse_sms::before {
  color: rgb(var(--text-type1-primary));
  font-size: 2rem;
}
#otp-selection-container .list .option .icon-arrow-right::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#otp-selection-container .list .option .icon-arrow-right::before {
  color: rgb(var(--text-type1-primary));
}
#otp-selection-container .list .option .icon-arrow-right::before {
  display: inline-block;
  transform: rotate(90deg);
}
#otp-selection-container .list .option .icon-arrow-right::before {
  color: rgb(var(--text-type1-secondary));
  font-size: 1.16666667rem;
}

.m-pin-code-wrapper {
  display: inline-flex;
  flex-wrap: nowrap;
}
.m-pin-code-wrapper .m-pin-code-input {
  background-color: rgb(var(--background-type1-secondary));
  border: solid 1px rgb(var(--line-type1-secondary));
  border-radius: 2px;
  box-sizing: border-box;
  color: rgb(var(--text-type1-tertiary));
  font-size: 20px;
  outline: none;
  text-align: center;
}
.m-pin-code-wrapper .m-pin-code-input.mask {
  -webkit-text-security: disc;
}
.m-pin-code-wrapper .m-pin-code-input.mask.text-security {
  font-family: text-security-disc;
}
@font-face {
  font-family: text-security-disc;
  src: url(//s.football.com/global/main/__nuxt3/layers/shared/assets/icons/text-security-disc.f758130bc0.woff);
}
.m-pin-code-wrapper .m-pin-code-input:not(:last-child) {
  margin-right: 10px;
}
.m-pin-code-wrapper .m-pin-code-input:focus {
  border: solid 1px rgb(var(--brand-secondary));
}
.m-pin-code-wrapper .m-pin-code-input.error {
  border: solid 1px rgb(var(--warning-primary));
}

[data-v-12aca22d]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
#create-pin-container[data-v-12aca22d] {
  height: 100%;
  padding: 0 2.66666667rem 1.66666667rem;
  text-align: center;
}
#create-pin-container .header[data-v-12aca22d] {
  display: flex;
  height: 4.66666667rem;
  margin-left: -1.33333333rem;
}
#create-pin-container .header .icon-back[data-v-12aca22d] {
  align-self: flex-start;
  margin: 1.33333333rem 0;
}
#create-pin-container .header .icon-back[data-v-12aca22d]::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#create-pin-container .header .icon-back[data-v-12aca22d]::before {
  color: rgb(var(--text-type1-primary));
}
#create-pin-container .header .icon-back[data-v-12aca22d]::before {
  color: rgb(var(--text-type1-secondary));
  font-size: 1.16666667rem;
}
#create-pin-container .title[data-v-12aca22d] {
  font-size: 1.83333333rem;
  font-weight: bold;
  margin-bottom: 1.33333333rem;
}
#create-pin-container .description[data-v-12aca22d] {
  line-height: 1.14;
  margin-bottom: 2rem;
}
#create-pin-container .code-wrapper[data-v-12aca22d] {
  margin-bottom: 3.33333333rem;
  width: 100%;
}
#create-pin-container .code-wrapper .err-msg[data-v-12aca22d] {
  color: rgb(var(--warning-primary));
  font-size: 1rem;
  margin: 0.66666667rem 0;
}
#create-pin-container .btn[data-v-12aca22d] {
  background-color: rgb(var(--brand-secondary));
  border: none;
  box-sizing: border-box;
  font-size: 1.16666667rem;
  height: 3.95833333rem;
  padding-left: 1px;
  padding-right: 1px;
  width: 100%;
}

.m-input-wrapper {
  display: flex;
  font-size: 14px;
  line-height: normal;
  outline: none;
  position: relative;
}
.m-input-wrapper .m-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  box-sizing: border-box;
  color: rgb(var(--text-type1-primary));
  display: inline-block;
  font-size: inherit;
  height: 36px;
  line-height: 1;
  max-width: 100%;
  outline: none;
  padding: 3px 10px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.m-input-wrapper .m-input::-moz-placeholder {
  color: rgb(var(--text-type1-secondary));
}
.m-input-wrapper .m-input::placeholder {
  color: rgb(var(--text-type1-secondary));
}
.m-input-wrapper .m-input-com {
  position: relative;
}
.m-input-wrapper .m-input-icon {
  color: rgb(var(--text-type1-secondary));
  height: 100%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 0.3s;
  visibility: hidden;
  width: 35px;
}
.m-input-wrapper .m-input-icon::before {
  color: rgb(var(--text-type1-secondary));
  content: "\e602";
  display: inline-block;
  vertical-align: middle;
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}
.m-input-wrapper .m-input-icon + .m-input {
  padding-right: 12px;
}
.m-input-wrapper .m-input-icon.m-input-icon--show + .m-input {
  padding-right: 30px;
}
.m-input-wrapper .m-input-icon.m-input-icon--clickable:hover {
  color: rgb(var(--brand-secondary));
  cursor: pointer;
}
.m-input-wrapper .m-input-icon.m-input-icon--show {
  visibility: visible;
}
.m-input-wrapper .m-input-text--icon {
  align-items: center;
  color: rgb(var(--brand-secondary));
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 0.3s;
  width: 42px;
}
.m-input-wrapper .m-input-text--icon + .m-input {
  padding-right: 42px;
}
.m-input-wrapper.m-input-wrapper--active {
  border: none !important;
  position: relative;
}
.m-input-wrapper.m-input-wrapper--active .m-input {
  border: 1px solid rgb(var(--brand-secondary));
}
.m-input-wrapper.m-input-wrapper--active .m-input-prepend {
  border-color: rgb(var(--brand-secondary));
}
.m-input-wrapper.m-input-wrapper--active.m-input-group--prepend .m-input {
  border-color: rgb(var(--brand-secondary));
}
.m-input-wrapper.m-input-wrapper--disabled .m-input,
.m-input-wrapper.m-input-wrapper--disabled .m-input-append,
.m-input-wrapper.m-input-wrapper--disabled .m-input-prepend {
  background-color: rgb(var(--disable-brand-secondary));
  border-color: rgb(var(--line-type1-primary));
  color: rgb(var(--text-disable-type1-primary));
  cursor: not-allowed;
}
.m-input-wrapper.m-input-wrapper--disabled .m-input::-moz-placeholder {
  color: rgb(var(--text-disable-type1-primary));
}
.m-input-wrapper.m-input-wrapper--disabled .m-input::placeholder {
  color: rgb(var(--text-disable-type1-primary));
}
.m-input-wrapper.m-input-wrapper--error {
  border: none !important;
}
.m-input-wrapper.m-input-wrapper--error .m-input {
  border: 1px solid #f1828f !important;
}
.m-input-wrapper.m-input-wrapper--error.m-input-group--prepend .m-input-prepend {
  border: 1px solid #f1828f;
  border-right: none;
}
.m-input-wrapper.m-input-wrapper--error.m-input-group--prepend .m-input {
  border-left: none !important;
}
.m-input-wrapper.m-input-wrapper--large {
  font-size: 16px;
}
.m-input-wrapper.m-input-wrapper--large .m-input {
  height: 42px;
}
.m-input-wrapper.m-input-wrapper--small {
  font-size: 13px;
}
.m-input-wrapper.m-input-wrapper--small .m-input {
  height: 30px;
}
.m-input-group {
  border-collapse: separate;
  display: inline-table;
  line-height: normal;
  width: 100%;
}
.m-input-group > .m-input {
  display: table-cell;
  vertical-align: middle;
}
.m-input-group .m-input-append,
.m-input-group .m-input-prepend {
  background-color: rgb(var(--brand-tertiary));
  border: 1px solid rgb(var(--line-type1-primary));
  border-radius: 4px;
  color: rgb(var(--text-type1-primary));
  display: table-cell;
  padding: 0 10px;
  position: relative;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  vertical-align: middle;
  white-space: nowrap;
  width: 1px;
}
.m-input-group .m-input-append .m-input,
.m-input-group .m-input-prepend .m-input {
  font-size: inherit;
}
.m-input-group.m-input-group--prepend .m-input-prepend {
  border-bottom-right-radius: 0;
  border-right: 0;
  border-top-right-radius: 0;
}
.m-input-group.m-input-group--prepend .m-input {
  border: 1px solid rgb(var(--line-type1-primary));
  border-bottom-left-radius: 0;
  border-left: 0;
  border-top-left-radius: 0;
}
.m-input-group.m-input-group--append .m-input-append {
  border-bottom-left-radius: 0;
  border-left: 0;
  border-top-left-radius: 0;
}
.m-input-group.m-input-group--append .m-input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.m-input-wrapper .m-input-text--icon + .m-input {
  padding-right: 50px;
}
.m-input-wrapper .m-input.hide-arrow {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.m-input-wrapper .m-input.hide-arrow::-webkit-outer-spin-button,
.m-input-wrapper .m-input.hide-arrow::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.m-input-wrapper .m-input.hide-arrow[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

.loading-icon-input {
  animation: rotation 2s infinite linear;
  left: 21.41666667rem;
  position: absolute;
}
@keyframes rotation {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
.pd-ver-14 {
  padding-bottom: 1.16666667rem;
  padding-top: 1.16666667rem;
}
.pd-ver-16 {
  padding-bottom: 1.33333333rem;
  padding-top: 1.33333333rem;
}
.pd-ver-18 {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.pd-ver-24 {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.pd-hor-16 {
  padding-left: 1.33333333rem;
  padding-right: 1.33333333rem;
}
.pd-hor-24 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.pd-hor-32 {
  padding-left: 2.66666667rem;
  padding-right: 2.66666667rem;
}
.pd-t-20 {
  padding-top: 1.66666667rem;
}
.pd-t-40 {
  padding-top: 3.33333333rem;
}
.pd-b-20 {
  padding-bottom: 1.66666667rem;
}
.pd-b-24 {
  padding-bottom: 2rem;
}
.pd-l-20 {
  padding-left: 1.66666667rem;
}
.mg-hor-8 {
  margin-bottom: 0.66666667rem;
  margin-top: 0.66666667rem;
}
.mg-r-8 {
  margin-right: 0.66666667rem;
}
.mg-r-14 {
  margin-right: 1.16666667rem;
}
.mg-b-16 {
  margin-bottom: 1.33333333rem;
}
.mg-b-20 {
  margin-bottom: 1.66666667rem;
}
.mg-b-24 {
  margin-bottom: 2rem;
}
.mg-b-40 {
  margin-bottom: 3.33333333rem;
}
.size-12 {
  font-size: 1rem;
}
.size-14 {
  font-size: 1.16666667rem;
}
.size-16 {
  font-size: 1.33333333rem;
}
.size-22 {
  font-size: 1.83333333rem;
}
.bold {
  font-weight: bold;
}
.red {
  color: rgb(var(--warning-primary));
}
.green {
  color: rgb(var(--brand-secondary));
}
.white {
  color: #FFFFFF;
}
.br-b-gray {
  border-bottom: 1px solid rgb(var(--line-type1-primary));
}
.ln-h-1-14 {
  line-height: 1.14;
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.wd-100 {
  width: 100%;
}
.flex {
  display: flex;
}
.justify-between {
  justify-content: space-between;
}
.align-center {
  align-items: center;
}
.no-wrap {
  white-space: nowrap;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.withdrawal-pin-verify-wrapper {
  background-color: rgb(var(--brand-tertiary));
  height: 100%;
  overflow-y: auto;
  width: 100%;
}
.withdrawal-pin-verify-wrapper .m-loading-wrap {
  background-color: rgb(var(--brand-tertiary));
  min-height: initial;
}
.withdrawal-pin-verify-wrapper .m-loading-wrap .m-loading .loading {
  background-color: rgb(var(--brand-tertiary));
}
.withdrawal-pin-verify-wrapper .page-container {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 0rem 2.5rem 1.66666667rem;
  width: 100%;
}

.dark[data-v-55d56498] {
  color: rgb(var(--text-type1-primary));
}
.gray[data-v-55d56498] {
  color: rgb(var(--text-type1-secondary));
}
.darkGray[data-v-55d56498] {
  color: rgb(var(--text-type1-secondary));
}
.green[data-v-55d56498] {
  color: rgb(var(--brand-secondary));
}
.text-center[data-v-55d56498] {
  text-align: center;
}
.text-left[data-v-55d56498] {
  text-align: left;
}
.bold[data-v-55d56498] {
  font-weight: bold;
}
.w-100[data-v-55d56498] {
  width: 100%;
}
.pointer[data-v-55d56498] {
  cursor: pointer;
}
.not-allowed[data-v-55d56498] {
  cursor: not-allowed;
}
.size-22[data-v-55d56498] {
  font-size: 1.83333333rem;
}
.size-14[data-v-55d56498] {
  font-size: 1.16666667rem;
}
.mg-r-12[data-v-55d56498] {
  margin-right: 1rem;
}
.mg-b-12[data-v-55d56498] {
  margin-bottom: 1rem;
}
.mg-b-16[data-v-55d56498] {
  margin-bottom: 1.33333333rem;
}
.mg-b-26[data-v-55d56498] {
  margin-bottom: 2.16666667rem;
}
.mg-b-32[data-v-55d56498] {
  margin-bottom: 2.66666667rem;
}
.mg-b-40[data-v-55d56498] {
  margin-bottom: 3.33333333rem;
}
.mg-t-40[data-v-55d56498] {
  margin-top: 3.33333333rem;
}
.pd-hor-12[data-v-55d56498] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.pd-hor-14[data-v-55d56498] {
  padding-left: 1.16666667rem;
  padding-right: 1.16666667rem;
}
.pd-hor-20[data-v-55d56498] {
  padding-left: 1.66666667rem;
  padding-right: 1.66666667rem;
}
.pd-ver-14[data-v-55d56498] {
  padding-top: 1.16666667rem;
  padding-bottom: 1.16666667rem;
}
.pd-ver-16[data-v-55d56498] {
  padding-top: 1.33333333rem;
  padding-bottom: 1.33333333rem;
}

[data-v-2c13989e]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.telecom-selector[data-v-2c13989e] {
  font-size: 1.16666667rem;
}
.telecom-selector .switch[data-v-2c13989e] {
  color: rgb(var(--brand-secondary));
  margin-right: 0.83333333rem;
}
.telecom-selector .switch.disabled[data-v-2c13989e] {
  color: rgb(var(--text-type1-secondary));
}
.telecom-selector .arrow[data-v-2c13989e] {
  color: rgb(var(--text-type1-secondary));
}
.telecom-selector .arrow[data-v-2c13989e]::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.telecom-selector .arrow[data-v-2c13989e]::before {
  color: rgb(var(--text-type1-primary));
}
.telecom-selector .arrow[data-v-2c13989e]::before {
  display: inline-block;
  transform: rotate(90deg);
}
.telecom-selector .arrow[data-v-2c13989e]::before {
  font-size: 1.16666667rem;
  line-height: 1;
}
.item-list[data-v-2c13989e] {
  padding: 0 0.33333333rem;
}
.telecom-item[data-v-2c13989e] {
  align-items: center;
  background-color: rgb(var(--line-type1-secondary));
  border-radius: 0.83333333rem;
  display: flex;
  margin-bottom: 0.66666667rem;
  padding: 0.75rem 1rem;
}
.telecom-item .f-text[data-v-2c13989e] {
  color: rgb(var(--text-type1-primary));
}
.check-icon[data-v-2c13989e] {
  color: transparent;
  margin-right: 0.66666667rem;
}
.check-icon.selected[data-v-2c13989e] {
  color: rgb(var(--brand-secondary));
}
.image-wrapper[data-v-2c13989e] {
  height: 1.66666667rem;
  margin-right: 0.66666667rem;
  width: 2.5rem;
}

.loading-icon-input {
  animation: rotation 2s infinite linear;
  left: 21.41666667rem;
  position: absolute;
}
@keyframes rotation {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
#verify-otp-container {
  color: rgb(var(--text-type1-primary));
}
#verify-otp-container .m-loading-wrap {
  background-color: rgb(var(--brand-tertiary));
  min-height: initial;
}
#verify-otp-container .m-loading-wrap .m-loading .loading {
  background-color: rgb(var(--brand-tertiary));
}
#verify-otp-container .split-line {
  background-color: rgb(var(--background-type1-tertiary));
  height: 1px;
  margin: 1.66666667rem 0;
  width: 100%;
}

[data-v-2cf92ad7]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-nav-secondary[data-v-2cf92ad7] {
  align-items: center;
  background: rgb(var(--brand-primary));
  box-sizing: border-box;
  color: rgb(var(--text-type2-primary));
  display: flex;
  flex-shrink: 0;
  font-size: 1.33333333rem;
  height: 3.66666667rem;
  justify-content: space-between;
  padding: 0 1.33333333rem 0 1.66666667rem;
  width: 100%;
}
.m-nav-secondary .m-nav-left[data-v-2cf92ad7] {
  align-items: center;
  display: flex;
  height: 100%;
}
.m-nav-secondary .m-nav-left .m-icon[data-v-2cf92ad7] {
  align-items: center;
  color: #FFFFFF;
  display: flex;
  height: 100%;
  margin-right: 1.58333333rem;
}
.m-nav-secondary .m-nav-left .m-icon[data-v-2cf92ad7]::before {
  font-size: 1.91666667rem !important;
}
.m-nav-secondary .m-nav-left .m-icon--back[data-v-2cf92ad7]::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-nav-secondary .m-nav-left .m-icon--back[data-v-2cf92ad7]::before {
  color: rgb(var(--text-type1-primary));
}
.m-nav-secondary .m-nav-left .m-icon--close[data-v-2cf92ad7]::before {
  content: '\e62c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-nav-secondary .m-nav-left .m-icon--close[data-v-2cf92ad7]::before {
  color: rgb(var(--text-type1-primary));
}
.m-nav-secondary .m-nav-left .m-icon--close[data-v-2cf92ad7]::before {
  font-size: 1.5rem !important;
}
.m-nav-secondary.withHome[data-v-2cf92ad7] {
  padding: 0 0 0 1.66666667rem;
}
.m-nav-secondary a[data-v-2cf92ad7]:visited,
.m-nav-secondary a[data-v-2cf92ad7]:active,
.m-nav-secondary a[data-v-2cf92ad7]:link,
.m-nav-secondary a[data-v-2cf92ad7]:hover {
  color: rgb(var(--text-type2-primary));
  text-decoration: none;
}
.m-nav-secondary .title[data-v-2cf92ad7] {
  font-size: 1.66666667rem;
  line-height: 2rem;
}
.m-nav-secondary .title.small-font-height[data-v-2cf92ad7] {
  font-size: 1.16666667rem;
  line-height: 1.5rem;
}
.m-nav-secondary .m-login-balance[data-v-2cf92ad7] {
  align-items: center;
  display: flex;
  font-size: 1.16666667rem;
}
.m-nav-secondary .m-login-balance .m-login-jump span[data-v-2cf92ad7] {
  padding: 0 0.66666667rem;
}
.m-nav-secondary .m-login-balance .m-login-jump span[data-v-2cf92ad7]:last-of-type::before {
  border-left: 1px solid rgb(var(--brand-tertiary));
  content: '';
  height: 100%;
  left: -0.75rem;
  opacity: 0.5;
  position: relative;
  top: -0.16666667rem;
}
.m-nav-secondary .info-container[data-v-2cf92ad7] {
  display: flex;
  height: 100%;
}
.m-nav-secondary .m-nav-right[data-v-2cf92ad7] {
  align-items: center;
  display: flex;
  height: 100%;
}
.m-nav-secondary .m-nav-right .m-icon-search[data-v-2cf92ad7] {
  color: rgb(var(--brand-tertiary));
  height: 2rem;
  line-height: 2rem;
  padding: 0.41666667rem 0.83333333rem;
}
.m-nav-secondary .m-nav-right .m-icon-search[data-v-2cf92ad7]::before {
  content: '\e64f';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-nav-secondary .m-nav-right .m-icon-search[data-v-2cf92ad7]::before {
  color: rgb(var(--text-type1-primary));
}
.m-nav-secondary .m-nav-right .m-icon-search[data-v-2cf92ad7]::before {
  display: inline-block;
  transform: scale(1.2);
}
.m-nav-secondary .m-nav-right .m-icon-search[data-v-2cf92ad7]::before {
  font-size: 1.5rem;
}
.m-nav-secondary .home-link[data-v-2cf92ad7] {
  align-items: center;
  display: flex;
  height: 100%;
  padding: 0 1.5rem 0 1.33333333rem;
}
.m-nav-secondary .home-link .home-icon[data-v-2cf92ad7]::before {
  content: "\e63a";
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-nav-secondary .home-link .home-icon[data-v-2cf92ad7]::before {
  color: rgb(var(--text-type1-primary));
}
.m-nav-secondary .home-link .home-icon[data-v-2cf92ad7]::before {
  display: inline-block;
  transform: scale(1.3);
}
.m-nav-secondary .home-link .home-icon[data-v-2cf92ad7]::before {
  font-size: 1.5rem;
}

.upload-guide[data-v-58355e5c] {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding: 0 0.83333333rem;
  width: 100%;
}
.upload-guide .part-container[data-v-58355e5c] {
  height: 6rem;
}
.upload-guide .part-container img[data-v-58355e5c] {
  height: 100%;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.pic-upload {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.pic-upload .upload-window {
  display: flex;
  height: 15.41666667rem;
  justify-content: space-between;
  margin-bottom: 1.33333333rem;
  width: 100%;
}
.pic-upload .upload-window .file-input {
  align-items: center;
  background-color: background-type1-secondary;
  border: dotted #DCDEE5 0.16666667rem;
  border-radius: 0.16666667rem;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
}
.pic-upload .upload-window .file-input > div {
  align-items: center;
  color: rgb(var(--text-type1-secondary));
  display: flex;
  flex-direction: column;
  text-align: center;
}
.pic-upload .upload-window .file-input > img {
  max-height: 100%;
  max-width: 100%;
}
.pic-upload .upload-window > div {
  width: 100%;
}
.pic-upload .upload-window.example > div {
  width: calc(50% -  0.41666667rem );
}
.pic-upload .upload-window .example-pic img {
  max-height: 100%;
  max-width: 100%;
}
.pic-upload .m-upload-input {
  display: none;
}
.pic-upload .btn-bar {
  display: flex;
  justify-content: space-between;
}
.pic-upload .btn-bar .af-button {
  width: 49%;
}
.pic-upload .btn-bar .af-button.my-photos {
  background-color: rgb(var(--background-type1-secondary));
  color: rgb(var(--brand-secondary));
}
@media only screen and (max-height: 560px), only screen and (max-width: 320px), only screen and (max-width: 375px) and (max-width: 667px), only screen and (min-width: 360px) and (max-width: 375px), only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px) {
.pic-upload .btn-bar .af-button.my-photos {
    background-color: rgb(var(--background-type1-secondary));
    color: rgb(var(--brand-secondary));
}
}
.pic-upload .mb-5 {
  margin-bottom: 0.41666667rem;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.mismatch-name-upload {
  background-color: rgb(var(--background-type1-tertiary));
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.mismatch-name-upload .af-button {
  border-radius: 0.16666667rem;
}
.mismatch-name-upload .content {
  overflow: auto;
}
.mismatch-name-upload .tip {
  background-color: #fefee5;
  color: #A3720D;
  font-size: 1rem;
  line-height: 1.16666667rem;
  padding: 0.83333333rem 1.66666667rem;
  text-align: left;
}
.mismatch-name-upload .tip span {
  font-weight: bold;
}
.mismatch-name-upload .input-wrapper {
  display: flex;
}
.mismatch-name-upload .input-wrapper .text-input {
  border-color: rgb(var(--text-type1-secondary));
  border-radius: 2px;
  color: rgb(var(--text-type1-secondary));
  font-size: 1.16666667rem;
}
.mismatch-name-upload .input-wrapper .text-input .m-input-wap {
  background: transparent;
}
.mismatch-name-upload .input-wrapper .text-input:first-of-type {
  margin-right: 0.66666667rem;
}
.mismatch-name-upload .input-wrapper .text-input.m-input-wap-wrapper--active {
  border: 1px solid rgb(var(--brand-secondary));
  border-color: rgb(var(--brand-secondary));
}
.mismatch-name-upload .section {
  background-color: rgb(var(--background-type1-secondary));
  margin-bottom: 0.66666667rem;
  padding: 1.33333333rem;
}
.mismatch-name-upload .section:last-of-type {
  margin-bottom: 0;
}
.mismatch-name-upload .section.section-submit {
  margin-top: -0.66666667rem;
}
.mismatch-name-upload .section .title {
  color: rgb(var(--text-type1-tertiary));
  font-size: 1.16666667rem;
  font-weight: bolder;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.mismatch-name-upload .section .title .num {
  background-color: rgb(var(--text-type1-tertiary));
  border-radius: 0.75rem;
  color: rgb(var(--background-type1-primary));
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  height: 1.5rem;
  margin-right: 0.58333333rem;
  text-align: center;
  width: 1.5rem;
}
.mismatch-name-upload .section .para {
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
  margin-bottom: 16px;
}
.mismatch-name-upload .section .para .highlight {
  color: rgb(var(--brand-secondary));
}
.mismatch-name-upload .section .upload-guide-wrapper {
  margin-bottom: 16px;
}
.mismatch-name-upload .section .upload-guide-wrapper .upload-guide {
  padding: 0 !important;
}
.mismatch-name-upload .section .m-upload-btn {
  display: inline-block;
  width: 100%;
}
.mismatch-name-upload .section .m-upload-btn .default-btn-wrap {
  align-items: center;
  background-color: rgb(var(--brand-secondary));
  border-color: rgb(var(--brand-secondary));
  box-sizing: border-box;
  color: rgb(var(--brand-tertiary));
  display: inline-flex;
  height: 32px;
  justify-content: center;
  padding: 0 1rem;
  text-align: center;
  width: 100%;
}
.mismatch-name-upload .section .m-upload-btn .default-btn-wrap .icon-plus {
  font-size: 1.33333333rem;
  line-height: initial;
}
.mismatch-name-upload .section .m-upload-btn .default-btn-wrap .btn-text {
  font-size: 1rem;
  font-weight: bold;
  line-height: initial;
}
.mismatch-name-upload .section .btn-bar .af-button {
  font-size: 1rem;
  padding: 8px 15px;
}
.mismatch-name-upload .section .btn-submit {
  border-radius: 0.16666667rem;
  color: rgb(var(--brand-tertiary));
  font-size: 1.33333333rem;
  height: 4rem;
  line-height: 4rem;
  padding: 0;
  text-align: center;
  width: 100%;
}
.mismatch-name-upload .section .btn-submit span {
  height: 4rem;
  line-height: 4rem;
}
.mismatch-name-upload .preview-overlay {
  background-color: rgb(var(--background-type2-secondary));
  height: 100%;
  left: 0;
  opacity: 0.2;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.mismatch-name-upload .preview-wrapper {
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11;
}
.mismatch-name-upload .preview-wrapper img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mismatch-name-upload .upload-pic-placeholder {
  display: flex;
  flex-direction: column;
}
.mismatch-name-upload .upload-pic-placeholder .header {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 0.66666667rem;
}
.mismatch-name-upload .upload-pic-placeholder .header .text-group .title {
  font-weight: bolder;
  margin-bottom: 0;
}
.mismatch-name-upload .upload-pic-placeholder .header .text-group .subtitle {
  line-height: initial;
}
.mismatch-name-upload .upload-pic-placeholder .example-img {
  flex: 1;
}
.mismatch-name-upload .error-msg {
  color: rgb(var(--warning-primary));
  font-size: 1rem;
}

.m-tran-detail-wrap {
  background: rgb(var(--brand-tertiary));
  height: 100%;
  left: 0;
  overflow: auto;
  overscroll-behavior: contain;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 33;
}
.m-tran-detail-wrap .m-gray-line {
  border-top: 1px solid rgb(var(--background-type1-primary));
}
.m-tran-detail-wrap .request-details {
  color: rgb(var(--brand-secondary)) !important;
}
.m-tran-detail-wrap .request-details::after {
  content: ">";
  display: inline-block;
  margin-left: 0.83333333rem;
}
.m-tran-detail-wrap .m-my-dl {
  color: rgb(var(--text-type1-primary));
  margin: 0.83333333rem auto 0;
  padding: 0.83333333rem 0 0;
  width: 90%;
}
.m-tran-detail-wrap .m-my-dl dl::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.m-tran-detail-wrap .m-my-dl dt {
  float: left;
  padding-left: 2px;
}
.m-tran-detail-wrap .m-my-dl dd {
  float: right;
}
.m-tran-detail-wrap .m-my-dl-part1 {
  font-size: 1.16666667rem;
}
.m-tran-detail-wrap .m-my-dl-part1 dd,
.m-tran-detail-wrap .m-my-dl-part1 dt {
  height: 2rem;
  line-height: 2rem;
  padding: 0.58333333rem 0;
}
.m-tran-detail-wrap .m-my-dl-part1 dd {
  color: rgb(var(--text-type1-secondary));
}
.m-tran-detail-wrap .m-my-dl-part1 dt {
  font-size: 1.33333333rem;
}
.m-tran-detail-wrap .m-my-dl-part1 .m-my-dl-em {
  color: rgb(var(--text-type1-primary));
  font-size: 1.83333333rem;
  font-weight: bold;
}
.m-tran-detail-wrap .m-my-dl-part2 {
  border-bottom: 1px solid rgb(var(--background-type1-primary));
  border-top: 1px solid rgb(var(--background-type1-primary));
  font-size: 1rem;
  padding: 1rem 0;
}
.m-tran-detail-wrap .m-my-dl-part2 dl {
  padding: 0.75rem 0;
}
.m-tran-detail-wrap .m-my-dl-part2 dt,
.m-tran-detail-wrap .m-my-dl-part2 dd {
  height: 18px;
  line-height: 18px;
}
.m-tran-detail-wrap .m-my-dl-part2 dt {
  color: rgb(var(--text-type1-secondary));
}
.m-tran-detail-wrap .m-my-dl-part2 dd {
  padding-right: 0.33333333rem;
}
.m-tran-detail-wrap .m-my-dl-part2 .m-loading-wrap {
  background-color: rgb(var(--brand-tertiary));
}
.m-tran-detail-wrap .m-my-dl-rollback {
  font-size: 1rem;
  margin-top: 0.41666667rem;
  padding: 0 0 0.83333333rem;
}
.m-tran-detail-wrap .m-my-dl-rollback dl {
  padding: 0.75rem 0;
}
.m-tran-detail-wrap .m-my-dl-rollback dt,
.m-tran-detail-wrap .m-my-dl-rollback dd {
  height: 18px;
  line-height: 18px;
}
.m-tran-detail-wrap .m-my-dl-rollback dt {
  color: rgb(var(--text-type1-secondary));
}
.m-tran-detail-wrap .m-my-dl-rollback dd {
  padding-right: 0.33333333rem;
}
.m-tran-detail-wrap .m-trans-contat {
  border-top: 0.08333333rem solid rgb(var(--line-type1-primary));
  color: rgb(var(--text-type1-primary));
  margin: 0 auto 1.66666667rem;
  padding-top: 0.83333333rem;
  text-align: center;
  width: 90%;
}
.m-tran-detail-wrap .m-tran-tips {
  background: rgb(var(--background-type1-secondary));
  color: rgb(var(--brand-secondary));
  font-size: 0.83333333rem;
  height: 2.33333333rem;
  line-height: 2.33333333rem;
  margin: 0.41666667rem 0 0.66666667rem;
  text-align: center;
}
.m-tran-detail-wrap .m-rollback-reason {
  background-color: #4D5FAE;
  color: #FFFFFF;
  display: flex;
  overflow-x: hidden;
  padding: 0.83333333rem;
}
.m-tran-detail-wrap .m-rollback-reason img {
  height: 1.66666667rem;
  width: 1.66666667rem;
}
.m-tran-detail-wrap .m-rollback-reason .m-rollback-comment {
  flex: 1;
  margin-left: 0.91666667rem;
}
.m-tran-detail-wrap .m-rollback-reason .m-warn-icon {
  align-items: center;
  display: flex;
  flex: 0 1 auto;
  width: 1.66666667rem;
}
.m-tran-detail-wrap .m-rollback-reason .m-warn-icon-encore {
  color: #FFFFFF;
}
.m-tran-detail-wrap .m-rollback-title {
  border-top: 1px solid rgb(var(--background-type1-primary));
  color: rgb(var(--text-type1-secondary));
  font-size: 14px;
  margin: 0 auto;
  padding-top: 1.25rem;
  text-align: center;
  width: 90%;
}
.m-tran-detail-wrap .m-contact-line {
  border-top: 1px solid rgb(var(--background-type1-primary));
}
.m-tran-detail-wrap .m-manual-check {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0.83333333rem 0;
}
.m-tran-detail-wrap .m-manual-check > :first-child {
  font-weight: 600;
  margin-right: 0.66666667rem;
}
.m-tran-detail-wrap .m-manual-check .btn {
  background: rgb(var(--brand-secondary));
  border-radius: 0.16666667rem;
  color: rgb(var(--brand-tertiary));
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  padding: 1rem;
}
.m-tran-detail-wrap .f-link {
  color: rgb(var(--brand-secondary));
  display: block;
  font-size: 1rem;
  line-height: 2.16666667rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
  text-align: center;
}


.follow-user-card[data-v-5843f161] {
  padding: 1.33333333rem 0;
  position: relative;
}
.follow-user-card[data-v-5843f161]::after {
  background-color: rgb(var(--line-type1-primary));
  bottom: 0;
  content: '';
  display: block;
  height: 0.08333333rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 70%;
}
.follow-user-card .user-name[data-v-5843f161] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
}
.follow-user-card .user-info[data-v-5843f161] {
  color: rgb(var(--text-type1-secondary));
  font-size: 0.83333333rem;
}

[data-v-68b2e301]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
[data-v-68b2e301] .global-withdraw-nav.m-nav-secondary .home-link {
  padding: 0 1rem 0 0.625rem;
}
.global-m-icon-help[data-v-68b2e301] {
  color: #FFFFFF;
  display: inline-block;
  line-height: 1;
  padding: 0 0.625rem;
}
.global-m-icon-help[data-v-68b2e301]::before {
  content: '\e65b';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.global-m-icon-help[data-v-68b2e301]::before {
  color: rgb(var(--text-type1-primary));
}
.global-m-icon-help[data-v-68b2e301]::before {
  font-size: 1.91666667rem;
  line-height: 1;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
#bank-section-wrap {
  margin: 1.33333333rem;
}
#bank-section-wrap .withdraw-bank-static {
  align-items: center;
  border: 1px solid #d1cccc;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  margin-top: 1.83333333rem;
  min-height: 48px;
}
#bank-section-wrap .withdraw-bank-static.error {
  border-color: #f1828f;
}
#bank-section-wrap .withdraw-bank-static .bank-static-prepend {
  color: rgb(var(--text-type1-secondary));
  padding: 0 0.83333333rem;
}
#bank-section-wrap .withdraw-bank-static .bank-static-name {
  color: #353A45;
  flex: 1;
  font-size: 14px;
  text-align: left;
}
#bank-section-wrap .withdraw-bank-static .bank-static-name.blank {
  color: #9da1ac;
}
#bank-section-wrap .withdraw-bank-static .bank-static-icon {
  flex: 0;
  height: 20px;
  margin-left: 1.33333333rem;
}
#bank-section-wrap .withdraw-bank-static .bank-static-arrow {
  color: #9CA0AB;
  flex: 0;
  margin: 0 1.33333333rem;
}
#bank-section-wrap .withdraw-bank-static .bank-static-arrow::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#bank-section-wrap .withdraw-bank-static .bank-static-arrow::before {
  color: rgb(var(--text-type1-primary));
}
#bank-section-wrap .withdraw-bank-static .bank-static-arrow::before {
  display: inline-block;
  transform: rotate(90deg);
}
#bank-section-wrap .error-msg {
  color: rgb(var(--warning-primary));
  font-size: 10px;
  line-height: 20px;
  min-height: 20px;
  text-align: left;
}
#bank-section-wrap .switch-container {
  align-items: center;
  display: flex;
  height: 14px;
  justify-content: center;
  margin-bottom: 1.16666667rem;
  margin-top: 0.75rem;
}
#bank-section-wrap .switch-container .switch-bank {
  color: #0D9737;
  flex: 0 0 auto;
  font-size: 14px;
  line-height: 14px;
}
#bank-section-wrap .switch-container .switch-bank .switch-icon {
  margin-left: 0.66666667rem;
}
#bank-section-wrap .switch-container .switch-bank .switch-icon::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#bank-section-wrap .switch-container .switch-bank .switch-icon::before {
  color: rgb(var(--text-type1-primary));
}
#bank-section-wrap .switch-container .switch-bank .switch-icon::before {
  display: inline-block;
  transform: rotate(90deg);
}
#bank-section-wrap .switch-container .switch-bank .switch-icon::before {
  font-size: 14px;
}
#bank-section-wrap .withdraw-footer .balance-container {
  font-size: 12px;
  line-height: 19px;
  margin-bottom: 0.41666667rem;
  padding: 20px 0;
  text-align: right;
}
#bank-section-wrap .withdraw-footer .balance-container > *:not(:last-child) {
  margin-bottom: 5px;
}
#bank-section-wrap .withdraw-footer .balance-container .balance-text {
  color: #9CA0AB;
  vertical-align: middle;
}
#bank-section-wrap .withdraw-footer .balance-container .withdrawable-text-wrapper {
  align-items: center;
  color: #353A45;
  display: flex;
  justify-content: flex-end;
}
#bank-section-wrap .withdraw-footer .balance-container .withdrawable-text-wrapper .m-icon-help {
  margin-right: 5px;
}
#bank-section-wrap .withdraw-footer .balance-container .withdrawable-text-wrapper .m-icon-help::before {
  content: '\e686';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#bank-section-wrap .withdraw-footer .balance-container .withdrawable-text-wrapper .m-icon-help:active,
#bank-section-wrap .withdraw-footer .balance-container .withdrawable-text-wrapper .m-icon-help:hover {
  color: #0D9737;
}
#bank-section-wrap .withdraw-footer .withdraw-amount {
  box-sizing: border-box;
  padding: 0.66666667rem 0;
}
#bank-section-wrap .withdraw-footer .withdraw-amount .amount-prepend {
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}
#bank-section-wrap .withdraw-footer .withdraw-amount input {
  text-align: right;
}
#bank-section-wrap .withdraw-footer .withdraw-submit {
  border: none;
  height: 4rem;
  margin-bottom: 2rem;
  width: 100%;
}
#bank-section-wrap .withdraw-footer .example-cards-container {
  margin-bottom: 1.83333333rem;
  margin-top: 1.5rem;
  text-align: center;
}
#bank-section-wrap .withdraw-footer .example-cards-container .example-card {
  height: 1.66666667rem;
  margin-right: 0.5rem;
  vertical-align: center;
  width: 2.5rem;
}
#bank-section-wrap .select-prepend {
  box-sizing: border-box;
  padding: 0 1.33333333rem;
  width: 100%;
}
#bank-section-wrap .select-prepend .new-pay {
  background-color: rgb(var(--brand-tertiary));
  border: 1px solid rgb(var(--brand-secondary));
  color: #0D9737;
  font-size: 14px;
  font-weight: bold;
  line-height: 3.5rem;
  text-align: center;
  width: 100%;
}
#bank-section-wrap .withdraw-bank-number {
  margin-top: 0.41666667rem;
}
#bank-section-wrap .withdraw-bank-number.static {
  align-items: center;
  border: 1px solid #d1cccc;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  width: 100%;
}
#bank-section-wrap .withdraw-bank-number.static.error {
  border-color: #f1828f;
}
#bank-section-wrap .withdraw-bank-number.static .static-prepend {
  color: rgb(var(--text-type1-secondary));
  margin: 0 0.83333333rem;
}
#bank-section-wrap .withdraw-bank-number.static .static-content {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: space-between;
  padding: 8px 0;
}
#bank-section-wrap .withdraw-bank-number.static .static-content .static-label {
  color: #9CA0AB;
  font-size: 10px;
  height: 12px;
  line-height: 12px;
  margin-bottom: 4px;
  text-align: left;
}
#bank-section-wrap .withdraw-bank-number.static .static-content .static-input {
  font-size: 14px;
  height: 16px;
  line-height: 16px;
}
#bank-section-wrap .withdraw-bank-number.static .static-content .static-content-delete-icon {
  color: #DCDEE5;
  margin-right: 1.33333333rem;
}
#bank-section-wrap .withdraw-bank-number.static .static-content .static-content-delete-icon::before {
  content: '\e628';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#bank-section-wrap .withdraw-bank-number.static .static-content .static-content-delete-icon::before {
  color: rgb(var(--text-type1-primary));
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-wd-gh-suc {
  background-color: rgb(var(--brand-tertiary));
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
  height: 100%;
  left: 0;
  padding: 0 0.83333333rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000;
}
.m-wd-gh-suc .f-title {
  border-bottom: 1px solid rgb(var(--line-type1-primary));
  box-sizing: border-box;
  padding: 3.91666667rem 0 5.08333333rem;
  text-align: center;
}
.m-wd-gh-suc .f-title .m-icon-suc {
  display: block;
  margin-bottom: 1.25rem;
  position: relative;
}
.m-wd-gh-suc .f-title .m-icon-suc::before {
  content: '\e60b';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-wd-gh-suc .f-title .m-icon-suc::before {
  color: rgb(var(--highlight-focus));
  font-size: 4rem;
  line-height: 1;
  position: relative;
  vertical-align: middle;
  z-index: 3;
}
.m-wd-gh-suc .f-title .m-icon-suc::after {
  background: rgb(var(--brand-tertiary));
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 2.5rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 2.5rem;
  z-index: 1;
}
.m-wd-gh-suc .f-title .m-title {
  color: rgb(var(--text-type1-primary));
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.33333333rem;
}
.m-wd-gh-suc .f-title .m-tips {
  color: rgb(var(--brand-secondary));
  font-size: 1rem;
  line-height: 1.16666667rem;
  margin-top: 0.66666667rem;
}
.m-wd-gh-suc .f-title-fix {
  padding-bottom: 3.25rem;
}
.m-wd-gh-suc .f-main {
  border-bottom: 1px solid rgb(var(--line-type1-primary));
  box-sizing: border-box;
  padding: 0.66666667rem 0.5rem;
}
.m-wd-gh-suc .f-line {
  align-items: center;
  grid-template-columns: 32% 1fr;
}
.m-wd-gh-suc .f-line-fixed {
  grid-template-columns: 42% 1fr;
}
.m-wd-gh-suc .i-lable,
.m-wd-gh-suc .i-value {
  display: table-cell;
  font-size: 1rem;
  line-height: 2rem;
  vertical-align: middle;
}
.m-wd-gh-suc .i-label {
  color: rgb(var(--text-type1-secondary));
}
.m-wd-gh-suc .i-value {
  color: rgb(var(--text-type1-primary));
  text-align: right;
}
.m-wd-gh-suc .i-value .m-image-wrapper {
  display: inline-block;
  height: 1.66666667rem;
  margin-right: 0.5rem;
  vertical-align: middle;
  width: 2.5rem;
}
.m-wd-gh-suc .i-value .m-image-wrapper img {
  height: 100%;
  width: 100%;
}
.m-wd-gh-suc .f-opt {
  box-sizing: border-box;
  padding: 0.83333333rem 0.5rem;
  text-align: center;
}
.m-wd-gh-suc .f-link {
  color: rgb(var(--brand-secondary));
  display: block;
  font-size: 1.16666667rem;
  line-height: 2.16666667rem;
  margin-bottom: 1.66666667rem;
}
.m-wd-gh-suc .af-button--primary {
  height: 4rem;
  width: 100%;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.help-content-wrap {
  color: rgb(var(--text-type1-primary));
  font-family: Roboto, sans-serif;
}
.help-content-wrap img {
  max-width: 100%;
  vertical-align: middle;
}
.help-content-wrap > h2 {
  color: rgb(var(--text-type1-primary));
  font-size: 1.75rem;
  font-weight: bold;
  margin-bottom: 2rem;
}
.help-content-wrap > h3 {
  color: rgb(var(--text-type1-primary));
  font-size: 1.33333333rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.help-content-wrap > h4 {
  font-size: 1.16666667rem;
  font-weight: 600;
}
.help-content-wrap p {
  line-height: 1.83;
  margin-bottom: 1rem;
}
.help-content-wrap ol,
.help-content-wrap ul {
  margin-bottom: 1.16666667rem;
  padding-left: 12px;
}
.help-content-wrap ol li {
  line-height: 1.83;
  list-style: decimal;
}
.help-content-wrap ul > li {
  list-style: initial;
}
.help-content-wrap table {
  margin: 1.16666667rem 0;
}
.help-content-wrap table td,
.help-content-wrap table th {
  border: 1px solid rgb(var(--line-type1-secondary));
  padding: 0.5rem 1rem;
  text-align: center;
}
.notification-tutorial .m-help-container {
  background: rgb(var(--background-type1-secondary));
  font-size: 1rem;
  line-height: 1.5;
  padding: 0 1.5rem;
}
.notification-tutorial .m-help-content {
  overflow: hidden;
  padding: 2.16666667rem 0.25rem 2.16666667rem 1.25rem;
}

h2[data-v-adedc124] {
  color: rgb(var(--text-disable-type1-primary));
}
.FireBaseNotSupported[data-v-adedc124] {
  background-color: rgb(var(--brand-secondary));
  border-radius: 2px;
  height: 2.83333333rem;
  max-width: 7.5rem;
  padding: 0 0.66666667rem;
}
.FireBaseNotSupported button[data-v-adedc124] {
  all: unset;
  color: rgb(var(--brand-tertiary));
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}
.FireBaseNotSupported button.denied[data-v-adedc124] {
  line-height: 2.83333333rem;
}

[data-v-3dc14b93]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.accordion-item[data-v-3dc14b93] {
  font-size: 14px;
}
.accordion_title[data-v-3dc14b93] {
  color: rgb(var(--text-type1-primary));
}
.accordion_title img[data-v-3dc14b93] {
  height: 20px;
  margin-right: 16px;
  -o-object-fit: contain;
     object-fit: contain;
  width: 30px;
}
.accordion_trigger[data-v-3dc14b93] {
  border-bottom: 1px solid rgb(var(--line-type1-primary));
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.accordion_trigger_active[data-v-3dc14b93] {
  background: rgb(var(--brand-tertiary));
  border-bottom: none;
}
.accordion_trigger_active .arrow-icon[data-v-3dc14b93]::before {
  transform: translate3d(0, -1px, 0) rotate(180deg);
}
.accordion_content[data-v-3dc14b93] {
  font-size: 12px;
  padding: 16px 16px 20px;
}
.arrow-icon[data-v-3dc14b93] {
  align-items: center;
  color: rgb(var(--brand-secondary));
  display: flex;
}
.arrow-icon[data-v-3dc14b93]::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.arrow-icon[data-v-3dc14b93]::before {
  color: rgb(var(--text-type1-primary));
}
.arrow-icon[data-v-3dc14b93]::before {
  display: inline-block;
  transform: rotate(180deg);
}
.arrow-icon[data-v-3dc14b93]::before {
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  transform: translate3d(0, -2px, 0) rotate(90deg);
  transition: 0.3s;
}
.accordion-enter-active[data-v-3dc14b93],
.accordion-leave-active[data-v-3dc14b93] {
  overflow: hidden;
  transition: height 0.3s ease, opacity 0.3s ease;
  will-change: height, opacity;
}
.accordion-enter-from[data-v-3dc14b93],
.accordion-leave-to[data-v-3dc14b93] {
  height: 0 !important;
  opacity: 0;
}

li[data-v-7a64498c] {
  font-size: 20px;
}

.dark[data-v-1539afe4] {
  color: rgb(var(--text-type1-primary));
}
.gray[data-v-1539afe4] {
  color: rgb(var(--text-type1-secondary));
}
.darkGray[data-v-1539afe4] {
  color: rgb(var(--text-type1-secondary));
}
.green[data-v-1539afe4] {
  color: rgb(var(--brand-secondary));
}
.text-center[data-v-1539afe4] {
  text-align: center;
}
.text-left[data-v-1539afe4] {
  text-align: left;
}
.bold[data-v-1539afe4] {
  font-weight: bold;
}
.w-100[data-v-1539afe4] {
  width: 100%;
}
.pointer[data-v-1539afe4] {
  cursor: pointer;
}
.not-allowed[data-v-1539afe4] {
  cursor: not-allowed;
}
.size-22[data-v-1539afe4] {
  font-size: 1.83333333rem;
}
.size-14[data-v-1539afe4] {
  font-size: 1.16666667rem;
}
.mg-r-12[data-v-1539afe4] {
  margin-right: 1rem;
}
.mg-b-12[data-v-1539afe4] {
  margin-bottom: 1rem;
}
.mg-b-16[data-v-1539afe4] {
  margin-bottom: 1.33333333rem;
}
.mg-b-26[data-v-1539afe4] {
  margin-bottom: 2.16666667rem;
}
.mg-b-32[data-v-1539afe4] {
  margin-bottom: 2.66666667rem;
}
.mg-b-40[data-v-1539afe4] {
  margin-bottom: 3.33333333rem;
}
.mg-t-40[data-v-1539afe4] {
  margin-top: 3.33333333rem;
}
.pd-hor-12[data-v-1539afe4] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.pd-hor-14[data-v-1539afe4] {
  padding-left: 1.16666667rem;
  padding-right: 1.16666667rem;
}
.pd-hor-20[data-v-1539afe4] {
  padding-left: 1.66666667rem;
  padding-right: 1.66666667rem;
}
.pd-ver-14[data-v-1539afe4] {
  padding-top: 1.16666667rem;
  padding-bottom: 1.16666667rem;
}
.pd-ver-16[data-v-1539afe4] {
  padding-top: 1.33333333rem;
  padding-bottom: 1.33333333rem;
}

#opt-unify {
  font-family: Roboto;
  font-size: 1.16666667rem;
}

.t_c-about_us[data-v-418bb21e] {
  display: flex;
  font-weight: 700;
  justify-content: center;
}
.t_c-about_us .underline[data-v-418bb21e] {
  text-decoration: underline;
}
.t_c-about_us .divider[data-v-418bb21e] {
  margin: 0 0.5rem;
}

.icon-container[data-v-aaec1ab4] {
  padding-right: 0.33333333rem;
}
.icon-container .check-circle-icon[data-v-aaec1ab4] path {
  fill: rgb(var(--brand-tertiary));
}
.password-condition[data-v-aaec1ab4] {
  align-items: center;
  color: rgb(var(--text-disable-type2-primary));
  display: flex;
  transition: color 0.2s ease-in-out;
}
.password-condition span[data-v-aaec1ab4] {
  padding-top: 0.08333333rem;
}
.password-condition--active[data-v-aaec1ab4] {
  color: rgb(var(--brand-secondary));
}
.password-condition--invalid[data-v-aaec1ab4] {
  color: rgb(var(--warning-primary));
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
#resetPassword {
  margin-top: -2.08333333rem;
  position: relative;
}
#resetPassword .header {
  display: flex;
  left: 1.66666667rem;
  position: absolute;
  top: 1.66666667rem;
}
#resetPassword .header .icon-back {
  align-self: flex-start;
  margin: 1.33333333rem 0;
}
#resetPassword .header .icon-back::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#resetPassword .header .icon-back::before {
  color: rgb(var(--text-type1-primary));
}
#resetPassword .header .icon-back::before {
  color: rgb(var(--text-type1-secondary));
  font-size: 1.16666667rem;
}
#resetPassword .reset-password-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
#resetPassword .reset-password-container form {
  width: 100%;
}
#resetPassword .reset-password-container .reset-password-label {
  color: rgb(var(--text-type1-primary));
  font-size: 1.83333333rem;
  font-weight: bold;
  height: 1.41666667rem;
  line-height: 0.77;
  text-align: center;
  width: 100%;
}
#resetPassword .reset-password-container .m-input-wap-wrapper--active {
  border: 1px solid rgb(var(--brand-secondary));
}
#resetPassword .reset-password-container .action-label {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  line-height: 1.66666667rem;
  margin: 1.16666667rem 0;
  text-align: center;
  width: 100%;
}
#resetPassword .reset-password-container .action-label.confirm {
  margin: 1.33333333rem 0 3.33333333rem 0;
}
#resetPassword .reset-password-container .verifyInputs {
  box-sizing: border-box;
  height: 4rem;
  padding-left: 1px;
  padding-right: 1px;
  width: 100%;
}
#resetPassword .reset-password-container .verifyInputs .m-loading-circle-icon::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#resetPassword .reset-password-container .verifyInputs input {
  font-size: 1.16666667rem;
  height: 100%;
  padding: 1.41666667rem 20px;
}
#resetPassword .reset-password-container .error-message {
  color: rgb(var(--warning-primary));
  font-size: 1rem;
  line-height: 1.67;
  margin-top: 0.08333333rem;
  min-height: 1.66666667rem;
  text-align: left;
  width: 100%;
}
#resetPassword .reset-password-container .reset-password-btn {
  background-color: rgb(var(--disable-brand-secondary));
  border: none;
  border-color: rgb(var(--disable-brand-secondary));
  box-sizing: border-box;
  color: rgb(var(--text-disable-type1-primary));
  cursor: not-allowed;
  font-size: 1.33333333rem;
  height: 3.95833333rem;
  margin-top: 2.08333333rem;
  padding-left: 1px;
  padding-right: 1px;
  width: 100%;
}
#resetPassword .reset-password-container .reset-password-btn.is-valid {
  background-color: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
  cursor: pointer;
}

[data-v-3078aabc]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.progress-status ul[data-v-3078aabc] {
  display: flex;
  justify-content: space-around;
  position: relative;
  width: 100%;
}
.progress-status ul[data-v-3078aabc]::before {
  background-color: rgb(var(--brand-secondary));
  border-radius: 100%;
  content: "";
  height: 12px;
  left: -1px;
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% +  1px ));
  width: 12px;
}
.progress-status ul[data-v-3078aabc]::after {
  border-top: 2px solid #ccc;
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
.progress-status ul li[data-v-3078aabc] {
  flex: 1;
  position: relative;
}
.progress-status ul li[data-v-3078aabc]:not(.active)::after {
  background-color: white;
  border: solid 1px rgb(var(--disable-brand-secondary));
  border-radius: 100%;
  content: "";
  height: 12px;
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(calc(-50% +  1px ));
  width: 12px;
  z-index: 3;
}
.progress-status ul li.active.classic[data-v-3078aabc]::after {
  background-color: rgb(var(--brand-secondary));
  background-image: url(//s.football.com/global/main/modules/common-wap/components/accountSetting/images/iconCheck.light.683bb51977.png);
  border-radius: 100%;
  content: '';
  height: 12px;
  position: absolute;
  right: -6px;
  top: -50%;
  transform: translateY(calc(-50% +  2px ));
  width: 12px;
  z-index: 3;
}
.progress-status ul li.active.light[data-v-3078aabc]::after {
  background-color: rgb(var(--brand-secondary));
  background-image: url(//s.football.com/global/main/modules/common-wap/components/accountSetting/images/iconCheck.light.683bb51977.png);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 100%;
  content: '';
  height: 12px;
  position: absolute;
  right: -6px;
  top: -50%;
  transform: translateY(calc(-50% +  2px ));
  width: 12px;
  z-index: 3;
}
.progress-status ul li.active[data-v-3078aabc]::before {
  border-top: 2px solid rgb(var(--brand-secondary));
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 2;
}
.progress-status ul li .content[data-v-3078aabc] {
  color: rgb(var(--text-type1-secondary));
  font-size: 1rem;
  margin-top: 12px;
  position: absolute;
  width: 100%;
}
.progress-status ul li .content.active[data-v-3078aabc] {
  color: rgb(var(--brand-secondary));
}

[data-v-047f11f6]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.account-setting-reset[data-v-047f11f6] {
  box-sizing: border-box;
}
.account-setting-reset .status-board[data-v-047f11f6] {
  display: flex;
  flex-direction: column;
  padding: 1.66666667rem;
  text-align: center;
}
.account-setting-reset .status-board .icon-back[data-v-047f11f6] {
  align-self: flex-start;
}
.account-setting-reset .status-board .icon-back[data-v-047f11f6]::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.account-setting-reset .status-board .icon-back[data-v-047f11f6]::before {
  color: rgb(var(--text-type1-primary));
}
.account-setting-reset .status-board .icon-back[data-v-047f11f6]::before {
  color: rgb(var(--text-type1-secondary));
  font-size: 1.16666667rem;
}
.account-setting-reset .status-board .title[data-v-047f11f6] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.83333333rem;
  font-weight: bold;
}
.account-setting-reset .status-board .desc[data-v-047f11f6] {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  margin: 1.16666667rem 0 2.66666667rem 0;
}
.account-setting-reset .status-board .progress-container[data-v-047f11f6] {
  margin-bottom: 6.16666667rem;
  padding: 0 1.33333333rem;
}
.account-setting-reset .status-board .progress-container .remain-time[data-v-047f11f6] {
  color: rgb(var(--brand-secondary));
  font-size: 1.66666667rem;
  font-weight: bold;
  margin-bottom: 4px;
}
.account-setting-reset .status-board .steps[data-v-047f11f6] {
  margin-bottom: 3.33333333rem;
  padding: 0 1.33333333rem;
}
.account-setting-reset .status-board .steps .step[data-v-047f11f6] {
  align-items: center;
  border-bottom: 1px solid rgb(var(--line-type1-primary));
  color: rgb(var(--text-type1-secondary));
  display: flex;
  font-size: 1.16666667rem;
  justify-content: space-between;
  padding: 1.33333333rem 0;
}
.account-setting-reset .status-board .steps .step.active[data-v-047f11f6] {
  color: rgb(var(--text-type1-primary));
}
.account-setting-reset .status-board .steps .step.active .m-icon-arrow-right[data-v-047f11f6]::before {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
}
.account-setting-reset .status-board .steps .step .checked-icon[data-v-047f11f6] {
  color: rgb(var(--brand-secondary));
}
.account-setting-reset .status-board .steps .step .checked-icon[data-v-047f11f6] #vector {
  fill: rgb(var(--brand-tertiary));
}
.account-setting-reset .status-board .steps .step .m-icon-arrow-right[data-v-047f11f6] {
  display: inline-block;
}
.account-setting-reset .status-board .steps .step .m-icon-arrow-right[data-v-047f11f6]::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.account-setting-reset .status-board .steps .step .m-icon-arrow-right[data-v-047f11f6]::before {
  color: rgb(var(--text-type1-primary));
}
.account-setting-reset .status-board .steps .step .m-icon-arrow-right[data-v-047f11f6]::before {
  display: inline-block;
  transform: rotate(90deg);
}
.account-setting-reset .status-board .steps .step .m-icon-arrow-right[data-v-047f11f6]::before {
  color: rgb(var(--text-type1-secondary));
  font-size: 1.16666667rem;
}
.account-setting-reset .pswd-reset-container[data-v-047f11f6] {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 6.75rem 2.5rem 1.66666667rem;
  width: 100%;
}
.account-setting-reset .btn[data-v-047f11f6] {
  background-color: rgb(var(--brand-secondary));
  border: none;
  box-sizing: border-box;
  font-size: 1.16666667rem;
  height: 3.95833333rem;
  padding-left: 1px;
  padding-right: 1px;
  width: 100%;
}

.account-setting-reset #resetPassword {
  margin-top: 0;
}
.end-reactivation .es-dialog-main.m-dialog-main {
  color: #8a000000;
  opacity: 0.54;
}
.end-reactivation .m-dialog-footer.es-dialog-footer a:nth-of-type(1) {
  color: rgb(var(--text-type1-secondary)) !important;
}
.end-reactivation .m-dialog-footer.es-dialog-footer a:nth-of-type(2) {
  color: rgb(var(--warning-primary)) !important;
}
.time-out-dialog .es-dialog-head.m-dialog-head h1 {
  text-align: center;
}
.time-out-dialog .es-dialog-body.m-dialog-body {
  text-align: center;
}
.time-out-dialog .es-dialog-body.m-dialog-body .es-dialog-main.m-dialog-main {
  font-size: 1.16666667rem !important;
}
.time-out-dialog .m-dialog-footer.es-dialog-footer {
  padding: 1.16666667rem 1.66666667rem 2.5rem 1.66666667rem !important;
}
.time-out-dialog .m-dialog-footer.es-dialog-footer a {
  background-color: rgb(var(--brand-secondary));
  border-radius: 1px;
  color: rgb(var(--brand-tertiary)) !important;
  font-weight: normal !important;
  width: 100% !important;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
#findAccount {
  margin-top: -3.33333333rem;
}
#findAccount form {
  width: 100%;
}
#findAccount .find-account-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
#findAccount .find-account-container .find-account-label {
  color: rgb(var(--text-type1-primary));
  font-size: 1.83333333rem;
  font-weight: bold;
  height: 1.41666667rem;
  line-height: 0.77;
  text-align: center;
  width: 100%;
}
#findAccount .find-account-container .m-input-wap-wrapper--active {
  border: 1px solid rgb(var(--brand-secondary));
}
#findAccount .find-account-container .action-label {
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
  height: 1.66666667rem;
  line-height: 1.66666667rem;
  margin-bottom: 3.33333333rem;
  margin-top: 1.23333333rem;
  text-align: center;
  width: 100%;
}
#findAccount .find-account-container .verifyInputs {
  box-sizing: border-box;
  font-size: 1.16666667rem;
  height: 4rem;
  padding-left: 1px;
  padding-right: 1px;
  width: 100%;
}
#findAccount .find-account-container .verifyInputs .m-loading-circle-icon::before {
  content: '\e654';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#findAccount .find-account-container .verifyInputs input {
  height: 100%;
  padding: 1.41666667rem 10px;
}
#findAccount .find-account-container .error-message {
  color: rgb(var(--warning-primary));
  font-size: 1rem;
  line-height: 1.67;
  margin-top: 0.08333333rem;
  min-height: 1.66666667rem;
  text-align: left;
  width: 100%;
}
#findAccount .find-account-container .find-account-btn {
  background-color: rgb(var(--brand-secondary));
  border: none;
  box-sizing: border-box;
  font-size: 1.16666667rem;
  height: 3.95833333rem;
  margin-top: 2.25rem;
  padding-left: 1px;
  padding-right: 1px;
  width: 100%;
}
#findAccount .find-account-container .af-icon-loading::before {
  content: "\e648";
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
}
#findAccount .find-account-container .af-icon-loading {
  animation: loading-rotate 2s linear infinite;
  display: inline-block;
}

.dark[data-v-4c7f0401] {
  color: rgb(var(--text-type1-primary));
}
.gray[data-v-4c7f0401] {
  color: rgb(var(--text-type1-secondary));
}
.darkGray[data-v-4c7f0401] {
  color: rgb(var(--text-type1-secondary));
}
.green[data-v-4c7f0401] {
  color: rgb(var(--brand-secondary));
}
.text-center[data-v-4c7f0401] {
  text-align: center;
}
.text-left[data-v-4c7f0401] {
  text-align: left;
}
.bold[data-v-4c7f0401] {
  font-weight: bold;
}
.w-100[data-v-4c7f0401] {
  width: 100%;
}
.pointer[data-v-4c7f0401] {
  cursor: pointer;
}
.not-allowed[data-v-4c7f0401] {
  cursor: not-allowed;
}
.size-22[data-v-4c7f0401] {
  font-size: 1.83333333rem;
}
.size-14[data-v-4c7f0401] {
  font-size: 1.16666667rem;
}
.mg-r-12[data-v-4c7f0401] {
  margin-right: 1rem;
}
.mg-b-12[data-v-4c7f0401] {
  margin-bottom: 1rem;
}
.mg-b-16[data-v-4c7f0401] {
  margin-bottom: 1.33333333rem;
}
.mg-b-26[data-v-4c7f0401] {
  margin-bottom: 2.16666667rem;
}
.mg-b-32[data-v-4c7f0401] {
  margin-bottom: 2.66666667rem;
}
.mg-b-40[data-v-4c7f0401] {
  margin-bottom: 3.33333333rem;
}
.mg-t-40[data-v-4c7f0401] {
  margin-top: 3.33333333rem;
}
.pd-hor-12[data-v-4c7f0401] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.pd-hor-14[data-v-4c7f0401] {
  padding-left: 1.16666667rem;
  padding-right: 1.16666667rem;
}
.pd-hor-20[data-v-4c7f0401] {
  padding-left: 1.66666667rem;
  padding-right: 1.66666667rem;
}
.pd-ver-14[data-v-4c7f0401] {
  padding-top: 1.16666667rem;
  padding-bottom: 1.16666667rem;
}
.pd-ver-16[data-v-4c7f0401] {
  padding-top: 1.33333333rem;
  padding-bottom: 1.33333333rem;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
#registFinished {
  background: url(//s.football.com/global/main/brand/encore/mobile/images/login-suc-bg.0f86e18ce0.png) no-repeat;
  background-position: left top;
  background-size: 100% 9.5rem;
  padding: 0;
  position: relative;
  width: 100%;
}
#registFinished .registFinished-top {
  box-sizing: border-box;
  padding: 2rem 0;
  width: 100%;
}
#registFinished .registFinished-top .success-icon {
  margin-right: 0.83333333rem;
}
#registFinished .registFinished-top .success-icon::before {
  content: '\e60b';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#registFinished .registFinished-top .success-icon::before {
  color: rgb(var(--brand-secondary));
  font-size: 1.91666667rem;
  line-height: 1;
}
#registFinished .registFinished-top .title {
  color: rgb(var(--text-type1-primary));
  font-size: 1.16666667rem;
  font-weight: bold;
  line-height: 1.91666667rem;
  text-align: center;
}
#registFinished .detail-button {
  border: none;
  font-size: 1.16666667rem;
  height: 3rem;
  line-height: 1;
  margin-top: 0.91666667rem;
  width: 8.83333333rem;
}
#registFinished .m-input-wap {
  padding-right: 0;
}
#registFinished .m-input-wap-wrapper--active {
  border: 1px solid rgb(var(--brand-secondary));
}
#registFinished .af-button--primary {
  background: rgb(var(--brand-secondary));
}
#registFinished .registFinished-content {
  width: 100%;
}
#registFinished .registFinished-content .t-green {
  color: rgb(var(--brand-secondary));
}
#registFinished .registFinished-content .t-black {
  color: rgb(var(--text-type1-tertiary));
}
#registFinished .registFinished-content .t-big {
  font-size: 1.66666667rem;
  font-weight: 900;
  line-height: 2rem;
}
#registFinished .registFinished-content .t-mid {
  font-size: 1.33333333rem;
  font-weight: 900;
  line-height: 1.66666667rem;
}
#registFinished .registFinished-content .t-lable {
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
  line-height: 1.41666667rem;
}
#registFinished .registFinished-content .t-value {
  color: rgb(var(--text-type1-primary));
  font-size: 1.33333333rem;
  font-weight: 500;
  height: 1.41666667rem;
  margin-top: 0.5rem;
}
#registFinished .registFinished-content .suc-banner {
  box-sizing: border-box;
  padding: 10 12rem 1.25rem 0;
  text-align: center;
}
#registFinished .back-container {
  color: rgb(var(--brand-secondary));
  margin-top: 2rem;
  text-align: center;
}
#registFinished .back-container .m-arrow--right-icon::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
#registFinished .back-container .m-arrow--right-icon::before {
  color: rgb(var(--text-type1-primary));
}
#registFinished .back-container .m-arrow--right-icon::before {
  display: inline-block;
  transform: rotate(90deg);
}
#registFinished .back-container .back-tag-style {
  color: rgb(var(--brand-secondary));
  font-size: 1.16666667rem;
  line-height: 1;
}
#registFinished .registFinished-bottom {
  border-top: 1px solid rgb(var(--line-type1-primary));
  box-sizing: border-box;
  margin: 4.25rem auto 0;
  padding: 1.5rem 0 2.75rem;
  width: 84%;
}
#registFinished .registFinished-bottom .m-label {
  color: rgb(var(--text-type1-primary));
  font-size: 1rem;
  line-height: 1.41666667rem;
  margin-bottom: 0.25rem;
}
#registFinished .registFinished-bottom .apply-container {
  display: flex;
}
#registFinished .registFinished-bottom .apply-button {
  border: none;
  flex: 0 0 auto;
  font-size: 1.16666667rem;
  height: 3.16666667rem;
  width: 74 12rem;
}
#registFinished .registFinished-bottom .apply-input {
  box-sizing: border-box;
  flex: 1 1 auto;
  height: 3.16666667rem;
}
#registFinished .registFinished-bottom .apply-input input {
  font-size: 1.16666667rem;
  height: 100%;
  padding-bottom: 0.91666667rem;
  padding-top: 0.91666667rem;
}
#registFinished .promotion-section {
  padding-bottom: 0.41666667rem;
}

[data-v-021205a4]:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.phone-number-selector[data-v-021205a4] {
  font-size: 1.16666667rem;
}
.phone-number-selector .switch[data-v-021205a4] {
  color: rgb(var(--brand-secondary));
  margin-right: 0.83333333rem;
}
.phone-number-selector .switch.disabled[data-v-021205a4] {
  color: rgb(var(--text-type1-secondary));
}
.phone-number-selector .arrow[data-v-021205a4] {
  color: rgb(var(--text-type1-secondary));
}
.phone-number-selector .arrow[data-v-021205a4]::before {
  content: '\e66c';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.phone-number-selector .arrow[data-v-021205a4]::before {
  color: rgb(var(--text-type1-primary));
}
.phone-number-selector .arrow[data-v-021205a4]::before {
  display: inline-block;
  transform: rotate(90deg);
}
.phone-number-selector .arrow[data-v-021205a4]::before {
  font-size: 1.16666667rem;
  line-height: 1;
}
.phone-number-selector .arrow.disabled[data-v-021205a4] {
  color: rgb(var(--text-type1-secondary));
}
.item-list[data-v-021205a4] {
  padding: 0 0.33333333rem;
}
.mobile-icon[data-v-021205a4] {
  color: rgb(var(--text-type1-secondary));
}
.add-icon[data-v-021205a4] {
  background-color: rgb(var(--text-type1-secondary));
  border-radius: 50%;
  color: rgb(var(--line-type1-secondary));
  height: 1.33333333rem;
  width: 1.33333333rem;
}
.hint-container[data-v-021205a4] {
  left: 5%;
  position: absolute;
  top: 90%;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
html,
body,
.page-content,
.m-page-wrapper {
  height: 100%;
}
.m-pagelet-index {
  height: 100%;
}
.m-pagelet-index .m-page-opt {
  box-sizing: border-box;
  padding: 0 30px;
}
.m-pagelet-index .m-page-opt .btn-wrapper,
.m-pagelet-index .m-page-opt .af-button {
  height: 48px;
  width: 100%;
}
.m-pagelet-index .m-page-opt .af-button {
  border: none !important;
  font-size: 16px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  border-radius: 2px;
}
.m-pagelet-index .m-page-opt .af-button--primary {
  background: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.m-pagelet-index .m-page-opt .af-button--primary:hover {
  background: rgb(var(--highlight-focus));
}
.m-pagelet-index .m-page-opt .af-button--primary:active {
  background: rgb(var(--brand-type3-secondary));
}
.m-pagelet-index .m-page-opt .is-disabled {
  background: rgb(var(--disable-brand-secondary)) !important;
  color: #9CA0AB !important;
}
.m-pagelet-index .m-page-opt .is-disabled:hover,
.m-pagelet-index .m-page-opt .is-disabled:active {
  background: rgb(var(--disable-brand-secondary)) !important;
  color: #9CA0AB !important;
}
.m-pagelet-index .m-page-opt .m-input-wrapper {
  width: 100%;
}
.m-pagelet-index .m-page-opt .m-input-wrapper .m-input-wap {
  border: 1px solid rgb(var(--line-type1-secondary));
  border-left: none;
  border-radius: 2px;
  font-size: 14px;
  height: 100%;
  padding-left: 18px;
}
.m-pagelet-index .m-page-opt .m-input-wrapper .m-input-wap-icon::before {
  line-height: 16px;
}
.m-pagelet-index .m-page-opt .m-input-wrapper.m-input-wap-wrapper--active .m-input-wap {
  border-color: rgb(var(--brand-secondary));
}
.m-pagelet-index .m-page-opt .m-input-wrapper.m-input-wap-wrapper--active .m-input-wap-prepend {
  border-color: rgb(var(--brand-secondary));
}
.m-pagelet-index .m-page-opt .m-input-wrapper.m-input-wap-wrapper--active .m-input-wap-icon--clickable:hover {
  color: #0D9737 !important;
}
.m-pagelet-index .m-page-opt .m-input-wrapper.m-input-wap-wrapper--active .m-input-wap-icon--clickable:hover + .m-input {
  border-color: #0D9737 !important;
}
.m-pagelet-index .m-page-opt .m-input-wrapper.m-input-wap-wrapper--error .m-input {
  border-color: rgb(var(--warning-primary)) !important;
}
.m-pagelet-index .m-page-opt .m-input-wrapper.m-input-wap-wrapper--error .m-input-wap-prepend {
  border-color: rgb(var(--warning-primary)) !important;
}
.m-pagelet-index .m-page-opt .m-input-wrapper.m-input-wap-wrapper--error .m-input-wap-icon--clickable:hover {
  color: rgb(var(--warning-primary)) !important;
}
.m-pagelet-index .m-page-opt .m-input-wrapper.m-input-wap-wrapper--error .m-input-wap-icon--clickable:hover + .m-input {
  border-color: rgb(var(--warning-primary)) !important;
}
.m-pagelet-index .m-page-opt .m-input-wrapper .m-input-wap-icon--clickable:hover {
  color: #9CA0AB !important;
}
.m-pagelet-index .m-page-opt .m-input-wrapper .m-input-wap-icon--clickable:hover + .m-input {
  border-color: #B4B4B4 !important;
}
.m-pagelet-index .m-page-opt .m-input-wap-group--prepend.m-input-wap-wrapper--error .m-input {
  border-left: none !important;
}
.m-pagelet-index .m-page-opt .m-input-wap-group--prepend .m-input-wap-prepend {
  border-color: #B4B4B4;
  border-radius: 2px 0 0 2px;
  padding-left: 18px;
  padding-right: 18px;
}
.m-pagelet-index .m-page-opt .m-input-wap-group--prepend .m-input {
  border-left: none !important;
  border-radius: 0 2px 2px 0;
  padding-left: 0;
}
.m-pagelet-index .m-page-opt .m-input-wap-group--prepend.m-input-wap-wrapper--active .m-input-wap-prepend {
  border-color: #0D9737;
}
.m-pagelet-index .m-page-opt .m-input-wap-group--append .m-input {
  border-radius: 2px 0 0 2px;
  border-right: none !important;
}
.m-pagelet-index .m-page-opt .m-input-wap-group--append .m-input-wap-append {
  border-color: #B4B4B4;
}
.m-pagelet-index .m-page-opt .m-input-wap-wrapper--active.m-input-wap-group--append .m-input-wap-append {
  border-color: #0D9737;
}
.m-pagelet-index .m-page-opt .m-input-wap-wrapper--error.m-input-wap-group--append .m-input-wap-append {
  border-color: rgb(var(--warning-primary));
}
.m-pagelet-index .m-page-opt .m-input-wap-wrapper {
  height: 42px;
}
.m-pagelet-index .m-page-opt .m-input-wap-wrapper .m-input {
  height: 42px;
  padding-right: 18px;
}
.m-pagelet-index .m-page-opt .m-input-wap-wrapper .m-input-wap-text--icon {
  margin-right: 8px;
  width: auto;
}
.m-pagelet-index .m-page-opt .m-l-wrapper {
  margin-bottom: 26px;
  /* position: relative; */
}
.m-pagelet-index .m-page-opt .m-l-wrapper:last-of-type {
  margin-bottom: 0;
}
.m-pagelet-index .m-page-opt .m-l-wrapper .m-code-wrap {
  display: flex;
}
.m-pagelet-index .m-page-opt .m-l-wrapper .btn-code {
  border: solid 1px #0d9737;
  border-radius: 2px;
  box-sizing: border-box;
  color: #0d9737;
  flex-basis: 100px;
  flex-shrink: 0;
  font-size: 12px;
  line-height: 40px;
  margin-left: 5px;
  text-align: center;
}
.m-pagelet-index .m-page-opt .m-input-wap-append {
  padding-right: 13px;
}
.m-pagelet-index .m-page-opt .m-input-wap-append > div {
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 118px;
  background: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.m-pagelet-index .m-page-opt .m-input-wap-append > div:hover {
  background: rgb(var(--highlight-focus));
}
.m-pagelet-index .m-page-opt .m-input-wap-append > div:active {
  background: rgb(var(--brand-type3-secondary));
}
.m-pagelet-index .m-page-opt .m-input-wap-append .send-again {
  display: inline-block;
  font-size: 12px;
  height: 30px;
  width: 118px;
}
.m-pagelet-index .m-page-opt .m-input-wap-append .btn-fix {
  background: rgb(var(--disable-brand-secondary)) !important;
  color: #9CA0AB !important;
  cursor: not-allowed;
}
.m-pagelet-index .m-page-opt .m-input-wap-append .btn-fix:hover,
.m-pagelet-index .m-page-opt .m-input-wap-append .btn-fix:active {
  background: rgb(var(--disable-brand-secondary)) !important;
  color: #9CA0AB !important;
}
.m-pagelet-index .m-page-opt .m-input-wap-append .btn-loading {
  background: #33EA6A;
}
.m-pagelet-index .m-page-opt .m-input-wap-append .btn-loading:hover,
.m-pagelet-index .m-page-opt .m-input-wap-append .btn-loading:active {
  background: #33EA6A;
}
.m-pagelet-index .m-page-opt .af-icon-loading {
  animation: loading-rotate 2s linear infinite;
  display: inline-block;
}
.m-pagelet-index .m-page-opt .af-icon-loading::before {
  content: '\e648';
  font-family: iconfont !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-pagelet-index .m-page-opt .m-error-wrapper {
  box-sizing: border-box;
  color: rgb(var(--warning-primary));
  font-size: 12px;
  /* position: absolute;
			top: 46px;
			height: 20px; */
  line-height: 14px;
  padding-top: 5px;
}
.m-pagelet-index .m-page-opt .m-page-error {
  color: rgb(var(--warning-primary));
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 10px;
}
.m-pagelet-index .mobile-warning-info {
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
}
.m-pagelet-index .password-conditions-wrapper {
  padding-top: 1rem;
}

:root {
  --home-live-widget-sticky-area-z-index: 56;
  --home-live-title-z-index: 32;
  --home-live-market-bar-z-index: 28;
  --live-event-list-market-row-z-index: 420;
  --live-event-list-market-row-z-index-1: 24;
  --live-event-list-market-row-hoisting-z-index: 600;
  --live-page-sport-icon-z-index: 100;
  --home-prematch-sports-category-z-index: 450;
  --home-prematch-sports-bar-z-index: 500;
  --home-prematch-odds-filter-overlay-z-index: 490;
  --home-prematch-odds-filter-z-index: 500;
  --today-sports-market-bar-z-index: 430;
  --bet-history-swipe-guide-z-index: 2000;
  --m-bottom-fixed-z-index: 700;
  --main-right-z-index: 800;
  --openbet-popup-z-index: 850;
  --cashout-popup-z-index: 1000;
  --booking-code-popup-z-index: 1000;
  --float-betslip-z-index: 810;
  --chat-detail-z-index: 820;
  --code-center-filter-z-index: 600;
  --code-center-filter-expended-z-index: 800;
  --social-share-bottom-panel: 800;
  --float-all-specifier-drop-down-z-index: 810;
  --bottom-panel-z-index: 99999;
  --odds-filter-overlay-z-index: 490;
  --odds-filter-z-index: 500;
  --search-prematch-sticky-area-z-index: 100;
  --search-live-sticky-area-z-index: 100;
  --event-widget-bottom-panel: 690;
  --openbet-header-z-index: 100;
  --popover-in-home-page-z-index: 700;
  --dont-show-again-alert-z-index: 1001;
  --full-screen-mask-z-index: 1000;
}
.m-page-back {
  background: rgb(var(--brand-primary));
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  height: 40px;
  line-height: 16px;
  padding: 12px 10px;
  width: 100%;
}
.m-page-back .m-icon-back {
  margin-right: 10px;
}
.m-page-back .m-icon-back::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-page-back .m-icon-back::before {
  color: rgb(var(--text-type1-primary));
}
html,
body,
.page-content,
.m-page-wrapper {
  height: 100%;
}
.m-pagelet-sms {
  height: 100%;
}
.m-pagelet-sms .m-pagelet {
  box-sizing: border-box;
  padding-top: 46px;
  position: relative;
}
.m-pagelet-sms .af-button {
  border-radius: 2px;
  height: 48px;
  width: 100%;
  border: none !important;
  font-size: 16px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.m-pagelet-sms .af-button--primary {
  background: rgb(var(--brand-secondary));
  color: rgb(var(--brand-tertiary));
}
.m-pagelet-sms .af-button--primary:hover {
  background: rgb(var(--highlight-focus));
}
.m-pagelet-sms .af-button--primary:active {
  background: rgb(var(--brand-type3-secondary));
}
.m-pagelet-sms .m-page-back {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: rgb(var(--brand-primary));
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  height: 40px;
  line-height: 16px;
  padding: 12px 10px;
  width: 100%;
}
.m-pagelet-sms .m-page-back .m-icon-back {
  margin-right: 10px;
}
.m-pagelet-sms .m-page-back .m-icon-back::before {
  content: '\e66d';
  font-family: iconfont-encore !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #E7E7E9;
}
.m-pagelet-sms .m-page-back .m-icon-back::before {
  color: rgb(var(--text-type1-primary));
}
.m-pagelet-sms .m-main {
  box-sizing: border-box;
  padding: 0 30px;
  text-align: center;
}
.m-pagelet-sms .m-title {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
  line-height: 17px;
  margin-top: 15px;
}
.m-pagelet-sms .m-content {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
}
.m-pagelet-sms .m-content .m-sms-con {
  font-size: 20px;
  line-height: 33px;
  margin-top: 17px;
}
.m-pagelet-sms .m-btn {
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
}
.m-pagelet-sms .m-error-wrapper {
  box-sizing: border-box;
  color: rgb(var(--warning-primary));
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding-top: 5px;
}

footer[data-v-6f6b9f9e] {
  background-color: rgb(var(--background-footer));
  color: rgb(var(--text-type2-tertiary));
  padding-bottom: 1rem;
}
footer .hr[data-v-6f6b9f9e] {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 1.33333333rem;
  padding: 0 1.33333333rem;
}
footer .hr[data-v-6f6b9f9e]::before {
  background-color: #35465a;
  content: '';
  height: 1px;
  width: 100%;
}
footer .btn[data-v-6f6b9f9e] {
  padding: 0 1.33333333rem;
}
footer .btn button[data-v-6f6b9f9e] {
  background-color: rgb(var(--background-type2-secondary));
  border: 0;
  color: rgb(var(--text-type2-primary));
  padding: 1.16666667rem 0;
  width: 100%;
}
.gutter[data-v-6f6b9f9e] {
  padding-bottom: 8.33333333rem !important;
}

.m-page-wrapper .m-img-wrapper {
  width: 100%;
}
.m-page-wrapper .m-img-wrapper > img {
  height: 100%;
  width: 100%;
}
.m-page-wrapper .page-header-link {
  display: block;
  width: 100%;
}
.m-page-wrapper .page-header-link img {
  width: 100%;
}
.m-page-wrapper .page-footer-link {
  display: block;
  margin-top: 100px;
  width: 100%;
}
.m-page-wrapper .page-footer-link img {
  width: 100%;
}
.m-page-wrapper .page-login-wrap {
  margin-top: 40px;
}
.m-page-wrapper .body {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

html,
body {
  width: 100%;
}
.no-scroll {
  overflow: hidden!important;
  touch-action: none!important;
}
.m-layout-main {
  box-sizing: border-box;
  display: flex;
}
.m-layout-main .fade-enter-active,
.m-layout-main .fade-leave-active {
  transition: opacity 0.3s;
}
.m-layout-main .fade-enter-from,
.m-layout-main .fade-leave-to {
  opacity: 0;
}
.m-layout-main > * {
  min-height: 100%;
}
.m-layout-main .m-main-left,
.m-layout-main .m-main-right {
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  position: fixed;
  width: 100%;
  z-index: var(--main-right-z-index);
}
.m-layout-main .m-main-left {
  top: 0;
}
.m-layout-main .m-main-right {
  bottom: 0;
}
.m-layout-main .m-main-mid {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.m-layout-main .m-main-mid.has-bg-color {
  background-color: rgb(var(--background-type1-secondary));
}
.m-layout-main .m-main-mid.m-has-bottom-nav .m-footer {
  padding-bottom: 5rem;
}
.m-layout-main .refresh-page {
  margin-top: 64px;
}

html[data-v-21d0ab46] {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
body[data-v-21d0ab46] {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.virtual-app[data-v-21d0ab46] {
  height: 100%;
}
.virtual-web[data-v-21d0ab46] {
  height: calc(100% -  3.66666667rem );
}
.page-content[data-v-21d0ab46] {
  height: 100%;
  min-height: 100%;
}
#golden-race-mobile-app[data-v-21d0ab46] {
  width: 100%;
  height: 100%;
}
#golden-race-mobile-app > iframe[style][data-v-21d0ab46] {
  height: 100% !important;
  width: 100% !important;
}
.m-nav-secondary .m-nav-left .title[data-v-21d0ab46] {
  font-size: 1.33333333rem;
}
.m-layout-main .m-main-mid[data-v-21d0ab46] {
  height: 100%;
}


/*# sourceMappingURL=default.9af1b7403f.css.map*/