/* gerado por tools/separar-css-temas.js a partir de index-Cl834OsA.css — nao editar a mao */
.blue-default ion-segment-button[data-v-fbbdca9c] {
    --border-radius: .25rem
}
.blue-default ion-segment[data-v-fbbdca9c] {
    --background: #070B18
}
.blue-default ion-segment-button.ios[data-v-fbbdca9c]::part(native) {
    color: var(--text-color-white-80)
}
.blue-default ion-segment-button[data-v-fbbdca9c]::part(indicator-background) {
    background: var(--color-bg-50)
}
.blue-default .segment-button-checked.ios ion-label[data-v-fbbdca9c] {
    color: var(--theme-color-500);
    font-weight: var(--font-weight-bold);
    background-clip: var(--background-clip, border-box) !important;
    background: var(--background, transparent)
}
.blue-default .title[data-v-7864016c] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-100)
}
.blue-default .register-hint[data-v-7864016c] {
    font-weight: var(--font-weight-regular);
    color: var(--ep-color-text-weaker, var(--color-text-40))
}
.blue-default .register-text[data-v-7864016c] {
    font-weight: var(--font-weight-bold);
    color: var(--accent-color-yellow)
}
.blue-default .remember-account[data-v-7864016c] {
    color: var(--color-text-40)
}
.blue-default .remember-account .text-warpper[data-v-7864016c] {
    font-weight: var(--font-weight-regular);
    color: var(--ep-color-text-weak, var(--color-text-40))
}
.blue-default .remember-account ion-checkbox[data-v-7864016c] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}
.blue-default .remember-account ion-checkbox[data-v-7864016c]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}
.blue-default .title[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-100)
}
.blue-default .login-hint[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}
.blue-default .login-text[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--accent-color-yellow)
}
.blue-default .adultConfirm[data-v-05f04c1b] {
    color: var(--color-text-40)
}
.blue-default .adultConfirm .text-warpper[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}
.blue-default .adultConfirm ion-checkbox[data-v-05f04c1b] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}
.blue-default .adultConfirm ion-checkbox[data-v-05f04c1b]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}
.blue-default .btn-close[data-v-307e04a7] {
    background-color: rgba(255, 255, 255, .2);
    color: var(--color-text-white-100)
}
.blue-default .content[data-v-307e04a7] {
    background-color: var(--color-bg-200);
    box-shadow: 0 2px 0 0 var(--theme-color-800) inset;
    filter: drop-shadow(0px -14px 60px rgba(3, 177, 58, .44));
    fill: var(--color-bg-200)
}
.blue-default .forget-title[data-v-307e04a7] {
    color: var(--color-text-100)
}
.blue-default .forget-tips[data-v-307e04a7] {
    color: var(--color-text-40)
}
.blue-default .content[data-v-d4943c13] {
    display: flex;
    flex-direction: column;
    padding: 0 1rem;
    width: 100%;
    height: 100%;
    background-color: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
    border-radius: var(--ep-border-radius-surface-small, 1.25rem)
}
.blue-default .title[data-v-d4943c13] {
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-text-100))
}
.blue-default .hint-text[data-v-d4943c13] {
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    color: var(--ep-color-text-weaker, var(--color-text-40))
}
.blue-default .guide-safari-wrap[data-v-ef4dd440] {
    width: 17.5rem;
    margin: 1rem auto
}
.blue-default .guide-safari-wrap .text[data-v-ef4dd440] {
    font-size: 14px;
    color: var(--color-text-gray-800);
    text-align: left;
    line-height: 1.5rem;
    margin-bottom: 1rem
}
.blue-default .guide-safari-wrap .rectangle[data-v-ef4dd440] {
    width: 100%;
    height: 2.5rem;
    background: var(--text-color-white-100);
    border-radius: 6px;
    color: #100;
    padding: .4375rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--accent-color-yellow)
}
.blue-default .guide-safari-wrap .rectangle .copy-text[data-v-ef4dd440] {
    width: 14.25rem;
    font-size: .875rem;
    line-height: 1.625rem;
    color: var(--color-text-gray-800)
}
.blue-default .guide-safari-wrap .rectangle .safari-icon[data-v-ef4dd440] {
    font-size: 30px;
    width: 1.5rem;
    height: 1.5rem
}
.blue-default .search-container[data-v-da021b37] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #fff
}
.blue-default .search-container .ion-no-border ion-toolbar[data-v-da021b37] {
    --min-height: 3.125rem;
    --background: #090f1f;
    --border-color: #1a233e
}
.blue-default .search-container .ion-no-border ion-title[data-v-da021b37] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #fff
}
.blue-default .search-container .ion-no-border .toolbar-search[data-v-da021b37] {
    --background: var(--color-bg-300)
}
.blue-default .search-container .ion-no-border .toolbar-search #searchbar[data-v-da021b37] {
    --color: #fff;
    --placeholder-color: #6d788e;
    caret-color: #116fcd;
    --background: #101629;
    --box-shadow: 0 0 0 .0625rem #1a233e, 0 .125rem .125rem 0 rgba(0, 0, 0, .14), 0 .1875rem .0625rem -.125rem rgba(0, 0, 0, .2), 0 .0625rem .3125rem 0 rgba(0, 0, 0, .12);
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0
}
.blue-default .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-da021b37] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.25rem
}
.blue-default .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-da021b37] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #fff
}
.blue-default .search-container ion-segment[data-v-da021b37] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: .0625rem solid #1a233e
}
.blue-default .search-container ion-segment ion-segment-button[data-v-da021b37] {
    --indicator-height: .125rem;
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --color: #6d788e;
    --color-checked: #fff;
    --indicator-color: #38a8fa;
    text-transform: capitalize;
    min-width: 0
}
.blue-default .search-container ion-segment ion-segment-button[data-v-da021b37]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}
.blue-default .search-container ion-segment ion-segment-button .tab[data-v-da021b37] {
    text-transform: none;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    --padding-top: 0;
    --padding-bottom: .3125rem;
    --padding-start: 0;
    --padding-end: 0;
    min-width: 0;
    height: 2.625rem;
    display: flex;
    align-items: center;
    font-weight: 400;
    color: #6d788e
}
.blue-default .search-container ion-segment ion-segment-button .tab .text[data-v-da021b37] {
    align-self: end
}
.blue-default .search-container ion-segment ion-segment-button .tab .tab-img[data-v-da021b37] {
    width: 1.25rem
}
.blue-default .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-da021b37] {
    font-size: 1rem;
    margin-right: .3rem
}
.blue-default .search-container ion-segment .segment-button-checked[data-v-da021b37] {
    font-weight: 700
}
.blue-default .search-container ion-segment .segment-button-checked.md[data-v-da021b37]::part(indicator) {
    width: unset;
    font-size: .875rem
}
.blue-default .search-container ion-segment .segment-button-checked .tab[data-v-da021b37] {
    font-weight: 700;
    color: #fff
}
.blue-default .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-da021b37] {
    color: #38a8fa
}
.blue-default .search-container .game-box[data-v-da021b37] {
    --ion-grid-padding: .25rem
}
.blue-default .search-container .game-box ion-col[data-v-da021b37] {
    --ion-grid-column-padding: .25rem
}
.blue-default .search-container .game-box .empty[data-v-da021b37] {
    width: calc(100% - 2rem);
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: .75rem
}
.blue-default .search-container .game-box .empty .empty-bg-game[data-v-da021b37] {
    width: 10rem;
    height: 10rem;
    color: #fff
}
.blue-default .search-container .game-box .empty .tip[data-v-da021b37] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: #6d788e
}
.blue-default ion-segment ion-segment-button[data-v-da021b37] {
    margin-bottom: -.0625rem
}
.blue-default ion-segment ion-segment-button .tab[data-v-da021b37] {
    font-weight: 400
}
.blue-default .cancel[data-v-ee1c0065] {
    color: var(--color-text-gray-800)
}
.blue-default .change-language-modal[data-v-2c63785c] {
    background: var(--theme-color-gradient-300)
}
.blue-default .change-language-tips[data-v-2c63785c] {
    color: var(--color-text-100)
}
.blue-default .change-language-item[data-v-2c63785c] {
    border-top: 1px solid var(--color-border-400)
}
.blue-default .change-language-item-name[data-v-2c63785c] {
    color: var(--color-text-100)
}
.blue-default ion-checkbox[data-v-2c63785c] {
    --checkbox-background-checked: var(--theme-color-gradient-100)
}
.blue-default .category-container[data-v-ed5e4738] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #fff
}
.blue-default .category-container .ion-no-border ion-toolbar[data-v-ed5e4738] {
    --min-height: 3.125rem;
    --background: #090f1f;
    --border-color: #1a233e
}
.blue-default .category-container .ion-no-border ion-title[data-v-ed5e4738] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #fff
}
.blue-default .category-container .ion-no-border .toolbar-search[data-v-ed5e4738] {
    --background: var(--color-bg-300)
}
.blue-default .category-container .ion-no-border .toolbar-search #searchbar[data-v-ed5e4738] {
    --color: #fff;
    --placeholder-color: #fff;
    caret-color: #116fcd;
    --background: #101629;
    --box-shadow: none;
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0
}
.blue-default .category-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-ed5e4738] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.25rem
}
.blue-default .category-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-ed5e4738] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #fff
}
.blue-default .category-container .container[data-v-ed5e4738] {
    display: flex;
    height: 100%
}
.blue-default .category-container .container .side[data-v-ed5e4738] {
    --padding-start: .625rem;
    --padding-end: .625rem;
    --padding-top: 0;
    --padding-end: 0;
    min-width: 0;
    max-width: 5.3125rem
}
.blue-default .category-container .container .side ion-segment[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    --background: transparent
}
.blue-default .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738] {
    --border-radius: .375rem;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    --background: #191e2d;
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem;
    margin-bottom: 1rem;
    margin-top: 0;
    font-weight: 500;
    color: #fff
}
.blue-default .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator-background) {
    border: none
}
.blue-default .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}
.blue-default .category-container .container .side ion-segment ion-segment-button .label[data-v-ed5e4738] {
    text-transform: none;
    white-space: normal;
    font-size: .75rem;
    line-height: 1rem
}
.blue-default .category-container .container .side ion-segment ion-segment-button ion-img[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    width: 2.375rem
}
.blue-default .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    font-size: 2.375rem
}
.blue-default .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #fff
}
.blue-default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738] {
    border: none;
    color: #fff
}
.blue-default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator) {
    opacity: 1
}
.blue-default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator-background) {
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%)
}
.blue-default .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-ed5e4738] {
    filter: none;
    opacity: 1
}
.blue-default .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #fff
}
.blue-default .category-container .container #main[data-v-ed5e4738] {
    --padding-top: .125rem
}
.blue-default .category-container .container #main .tab-bar[data-v-ed5e4738] {
    --background: transparent;
    font-size: .625rem;
    margin: 0 .625rem .3125rem
}
.blue-default .category-container .container #main .tab-bar.ios[data-v-ed5e4738] {
    gap: .5rem
}
.blue-default .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738] {
    --indicator-color: #116fcd;
    --color: #fff;
    --color-checked: #fff;
    border-color: #1a233e;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    font-weight: 400;
    min-width: 0;
    border-width: .0625rem;
    border-style: solid
}
.blue-default .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}
.blue-default .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-ed5e4738] {
    border: none;
    color: #fff
}
.blue-default .category-container .container #main ion-list[data-v-ed5e4738] {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0
}
.blue-default .category-container .container #main ion-list ion-grid[data-v-ed5e4738] {
    padding-block: 0
}
.blue-default .category-container .container #main ion-list ion-grid .skeleton-card[data-v-ed5e4738] {
    border-radius: .375rem;
    height: 6.5rem
}
.blue-default .category-container .container #main ion-list ion-grid .empty[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}
.blue-default .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-ed5e4738] {
    width: 7.5rem;
    height: 7.5rem;
    color: #fff
}
.blue-default .category-container .container #main ion-list ion-grid .empty .tip[data-v-ed5e4738] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    color: #fff
}
.blue-default .category-container .container #main ion-list ion-grid .card-col[data-v-ed5e4738] {
    padding-top: 0;
    padding-bottom: .625rem
}
.blue-default .category-container .container #main ion-infinite-scroll[data-v-ed5e4738] {
    min-height: 4.375rem
}
.blue-default .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-ed5e4738] {
    min-height: .625rem
}
.blue-default .recharge-qr-code-content[data-v-0e7feea8] {
    width: 21.25rem;
    margin: 0 auto
}
.blue-default .recharge-qr-code-content .copy-icon[data-v-0e7feea8] {
    font-size: 1rem;
    color: var(--accent-color-orange);
    cursor: pointer
}
.blue-default .recharge-qr-code-content .recharge-qr-code-detail[data-v-0e7feea8] {
    margin-top: 1.3125rem
}
.blue-default .recharge-qr-code-content .recharge-qr-code-detail li[data-v-0e7feea8] {
    color: var(--color-text-40);
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-regular, 400);
    margin-bottom: 1.125rem
}
.blue-default .recharge-qr-code-content .recharge-qr-code-detail li .dotted[data-v-0e7feea8] {
    width: .375rem;
    height: .375rem;
    border-radius: var(--ep-border-radius-xs, .125rem);
    background: var(--color-text-40);
    margin-right: .1875rem;
    margin-top: .25rem;
    display: inline-block
}
.blue-default .recharge-qr-code-content .recharge-qr-code-detail li[data-v-0e7feea8]:last-child {
    color: var(--theme-color-500)
}
.blue-default .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-0e7feea8] {
    background: var(--theme-color-500)
}
.blue-default .recharge-qr-code-content .qr-area[data-v-0e7feea8] {
    width: 13.625rem;
    margin: 1.25rem auto;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem)
}
.blue-default .recharge-qr-code-content .qr-area .amount[data-v-0e7feea8] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 1.75rem;
    color: var(--accent-color-yellow)
}
.blue-default .recharge-qr-code-content .qr-area .amount .amount-num[data-v-0e7feea8] {
    margin: 0 .1875rem
}
.blue-default .recharge-qr-code-content .qr-area .qr-code[data-v-0e7feea8] {
    width: 9.375rem;
    height: 9.375rem;
    margin: .5rem auto
}
.blue-default .recharge-qr-code-content .qr-area .qr-btn[data-v-0e7feea8] {
    width: 166px;
    height: 50px;
    border-radius: var(--ep-border-radius-s, 4px);
    background: var(--theme-color-800);
    color: var(--text-color-white-100);
    line-height: 50px;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    margin: 0 auto;
    cursor: pointer
}
.blue-default .recharge-qr-code-content .qr-area .qr-code-info[data-v-0e7feea8] {
    width: 18.75rem;
    display: flex;
    align-items: center;
    margin: 1.25rem 0;
    color: var(--color-text-40)
}
.blue-default .recharge-qr-code-content .qr-area .qr-code-info .code[data-v-0e7feea8] {
    margin: 0 .1875rem
}
.blue-default .recharge-qr-code-content .qr-area .count-down[data-v-0e7feea8] {
    color: var(--color-text-40);
    display: flex;
    align-items: center;
    justify-content: center
}
.blue-default .recharge-qr-code-content .qr-area .count-down .time-icon[data-v-0e7feea8] {
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--color-text-40)
}
.blue-default .recharge-qr-code-content .qr-area .count-down .count-down-text[data-v-0e7feea8],
.blue-default .recharge-qr-code-content .qr-area .count-down .minute[data-v-0e7feea8] {
    margin: 0 .1875rem
}
.blue-default .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-0e7feea8] {
    color: var(--color-text-80)
}
.blue-default .recharge-qr-code-content .recharge-order-detail li[data-v-0e7feea8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .625rem;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-regular, 400)
}
.blue-default .recharge-qr-code-content .recharge-order-detail li .left[data-v-0e7feea8] {
    color: var(--color-text-40)
}
.blue-default .recharge-qr-code-content .recharge-order-detail li .right[data-v-0e7feea8] {
    color: var(--color-text-100);
    display: flex;
    align-items: center
}
.blue-default ion-content.bind-CPF-content[data-v-2abd055f] {
    --background: var(--color-bg-300);
    --padding-start: .75rem;
    --padding-end: .75rem
}
.blue-default ion-content.bind-CPF-content .tip-text[data-v-2abd055f] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-gray-200);
    line-height: 1.125rem;
    margin: 1.25rem auto
}
.blue-default ion-content.bind-CPF-content .form-wrap[data-v-2abd055f] {
    margin-bottom: 4.375rem
}
.blue-default ion-content.bind-CPF-content .form-wrap .item[data-v-2abd055f] {
    margin-top: 1.9rem
}
.blue-default ion-content.bind-CPF-content .form-wrap .label[data-v-2abd055f] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    margin: .375rem 0;
    color: var(--color-text-100);
    font-weight: var(--ep-font-weight-bold, 700)
}
.blue-default ion-content.bind-CPF-content .form-wrap .input-area[data-v-2abd055f] {
    width: 22.8125rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: #070b18
}
.blue-default ion-content.bind-CPF-content[data-v-17ea17d3] {
    --background: var(--color-bg-300);
    --padding-start: .75rem;
    --padding-end: .75rem
}
.blue-default ion-content.bind-CPF-content .tip-text[data-v-17ea17d3] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-gray-200);
    line-height: 1.125rem;
    margin: 1.25rem auto
}
.blue-default ion-content.bind-CPF-content .form-wrap[data-v-17ea17d3] {
    margin-bottom: 4.375rem
}
.blue-default ion-content.bind-CPF-content .form-wrap .item[data-v-17ea17d3] {
    margin-top: 1.9rem
}
.blue-default ion-content.bind-CPF-content .form-wrap .label[data-v-17ea17d3] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    margin: .375rem 0;
    color: var(--color-text-100);
    font-weight: var(--ep-font-weight-bold, 700)
}
.blue-default ion-content.bind-CPF-content .form-wrap .input-area[data-v-17ea17d3] {
    width: 22.8125rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: #070b18
}
.blue-default .category-sport-container[data-v-c8f18b51] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: var(--text-color1)
}
.blue-default .category-sport-container .ion-no-border ion-toolbar[data-v-c8f18b51] {
    --min-height: 3.125rem;
    --background: #090f1f;
    --border-color: #1a233e
}
.blue-default .category-sport-container .ion-no-border ion-title[data-v-c8f18b51] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--text-color1)
}
.blue-default .category-sport-container .ion-no-border .toolbar-search[data-v-c8f18b51] {
    --background: var(--color-bg-300)
}
.blue-default .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-c8f18b51] {
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0;
    --color: var(--text-color1);
    --placeholder-color: var(--text-color2);
    caret-color: #116fcd;
    --background: #101629;
    --box-shadow: 0 0 0 1px #1a233e, 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.blue-default .category-sport-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-c8f18b51] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.25rem
}
.blue-default .category-sport-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-c8f18b51] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #fff
}
.blue-default .category-sport-container ion-segment[data-v-c8f18b51] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: 1px solid #1a233e
}
.blue-default .category-sport-container ion-segment ion-segment-button[data-v-c8f18b51] {
    --indicator-height: .125rem;
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --indicator-color: #38a8fa;
    --color-checked: var(--text-color1);
    --color: var(--text-color2);
    margin-bottom: -1px;
    text-transform: capitalize;
    min-width: 0
}
.blue-default .category-sport-container ion-segment ion-segment-button[data-v-c8f18b51]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}
.blue-default .category-sport-container ion-segment ion-segment-button .tab[data-v-c8f18b51] {
    text-transform: none;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    --padding-top: 0;
    --padding-bottom: .3125rem;
    --padding-start: 0;
    --padding-end: 0;
    min-width: 0;
    height: 2.625rem;
    display: flex;
    align-items: center;
    font-weight: 400;
    color: var(--text-color2)
}
.blue-default .category-sport-container ion-segment ion-segment-button .tab .text[data-v-c8f18b51] {
    align-self: end
}
.blue-default .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-c8f18b51] {
    width: 1.25rem
}
.blue-default .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-c8f18b51] {
    font-size: 1rem;
    margin-right: .3rem
}
.blue-default .category-sport-container ion-segment .segment-button-checked[data-v-c8f18b51] {
    font-weight: 700
}
.blue-default .category-sport-container ion-segment .segment-button-checked.md[data-v-c8f18b51]::part(indicator) {
    width: unset;
    font-size: .875rem
}
.blue-default .category-sport-container ion-segment .segment-button-checked .tab[data-v-c8f18b51] {
    color: var(--text-color1);
    font-weight: 700
}
.blue-default .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-c8f18b51] {
    color: #38a8fa
}
.blue-default .category-sport-container .game-box[data-v-c8f18b51] {
    padding-inline: .75rem;
    --ion-grid-padding: .25rem
}
.blue-default .category-sport-container .game-box ion-col[data-v-c8f18b51] {
    --ion-grid-column-padding: .25rem
}
.blue-default .category-sport-container .game-box .sport-card[data-v-c8f18b51] {
    width: 100%;
    height: 7.5rem;
    border-radius: .5rem;
    margin-top: .75rem;
    overflow: hidden
}
.blue-default .category-sport-container .game-box .empty[data-v-c8f18b51] {
    width: calc(100% - 2rem);
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: .75rem
}
.blue-default .category-sport-container .game-box .empty .empty-bg-game[data-v-c8f18b51] {
    width: 10rem;
    height: 10rem;
    color: #fff
}
.blue-default .category-sport-container .game-box .empty .tip[data-v-c8f18b51] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: var(--text-color2)
}
.blue-default ion-segment ion-segment-button[data-v-c8f18b51] {
    margin-bottom: -.0625rem
}
.blue-default ion-segment ion-segment-button .tab[data-v-c8f18b51] {
    font-weight: 400
}
#pwa-header-bar.blue-default[data-v-1fa9bb30] {
    --background: linear-gradient(90deg, #202940 0%, #131A2C 100%)
}
.home-type-GameType.v01 #pwa-header-bar.blue-default[data-v-1fa9bb30] {
    border-radius: .625rem;
    --background: linear-gradient(95deg, #0C526C 4.14%, #533E08 100%)
}
#pwa-header-bar.blue-default .install[data-v-1fa9bb30] {
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%)
}
.blue-default .logout-modal[data-v-4ba17018] {
    background: var(--color-bg-700)
}
.blue-default .logout-modal-title[data-v-4ba17018] {
    color: var(--color-text-100)
}
.blue-default .logout-modal-message[data-v-4ba17018] {
    color: var(--color-text-40)
}
.blue-default ion-button.logout-modal-btn-left[data-v-4ba17018] {
    --color: var(--color-text-100);
    --background: var(--theme-color-gradient-100)
}
.blue-default ion-button.logout-modal-btn-right[data-v-4ba17018] {
    --color: var(--color-text-100);
    --background: var(--color-bg-700)
}
.blue-default ion-button.logout-modal-btn-left[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-gradient-100)
}
.blue-default ion-button.logout-modal-btn-right[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-900)
}
.blue-default .channel-wrap.main-tab .channel-list li[data-v-53ac9577] {
    width: 7rem;
    height: 2.625rem;
    line-height: 2.625rem;
    background: var(--color-bg-200);
    color: var(--color-text-white-100);
    flex-shrink: 0;
    padding: 0 .75rem;
    min-width: 4.3125rem;
    box-sizing: border-box;
    border-radius: var(--rounded-middle);
    margin-right: .75rem;
    border: .0625rem solid var(--color-line);
    overflow-x: visible;
    cursor: pointer;
    font-size: var(--font-size-14)
}
.blue-default .channel-wrap.main-tab .channel-list .active[data-v-53ac9577] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100);
    font-weight: var(--font-weight-regular)
}
.blue-default .channel-wrap.sub-tab .title[data-v-53ac9577] {
    line-height: 1.375rem;
    margin: .75rem 0;
    color: var(--color-text-white-100)
}
.blue-default .channel-wrap.sub-tab .channel-list li[data-v-53ac9577] {
    width: 5rem;
    height: 2.125rem;
    line-height: 2.125rem;
    background: var(--color-bg-50);
    color: var(--color-text-gray-200);
    flex-shrink: 0;
    padding: 0 .75rem;
    min-width: 4.3125rem;
    box-sizing: border-box;
    border-radius: var(--rounded-middle);
    margin-right: .75rem;
    border: .0625rem solid var(--color-line);
    overflow-x: visible;
    cursor: pointer;
    font-size: var(--font-size-14)
}
.blue-default .channel-wrap.sub-tab .channel-list .active[data-v-53ac9577] {
    background: var(--theme-color-gradient-300);
    border-color: var(--theme-color-500);
    color: var(--color-text-gray-200);
    font-weight: var(--font-weight-bold)
}
.blue-default .channel-wrap.sub-tab .new-tab .active[data-v-53ac9577] {
    color: var(--accent-color-orange);
    border-color: var(--line-color);
    background: var(--color-bg-100)
}
.blue-default .bind-title[data-v-683c8d0d] {
    width: 22.375rem;
    margin: 1.3125rem auto .75rem;
    color: var(--color-text-100);
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    box-sizing: border-box;
    padding: 0 .75rem
}
.blue-default .bind-title .my-account[data-v-683c8d0d] {
    cursor: pointer;
    color: var(--theme-color-500)
}
.blue-default .m-b[data-v-683c8d0d] {
    margin-bottom: 1.0625rem
}
.blue-default ion-icon.ok-icon[data-v-683c8d0d] {
    color: var(--theme-color-500)
}
.blue-default .balance-area[data-v-9519c578] {
    margin: .5rem 0;
    font-size: var(--font-size-12)
}
.blue-default .balance-area .withdraw-tip[data-v-9519c578] {
    color: var(--color-text-40);
    line-height: 18px
}
.blue-default .balance-area .withdraw-tip .balance-w[data-v-9519c578] {
    color: var(--color-currency)
}
.blue-default .balance-area .withdraw-tip .link-text[data-v-9519c578] {
    color: var(--color-link);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    cursor: pointer
}
.blue-default .balance-area .balance-wrap[data-v-9519c578] {
    font-size: var(--font-size-12)
}
.blue-default .balance-area .balance-wrap .account[data-v-9519c578] {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-14);
    color: var(--color-text-100)
}
.blue-default .balance-area .balance-wrap .balance-w[data-v-9519c578] {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-14);
    color: var(--color-currency);
    margin-left: .5rem
}
.blue-default .balance-area .balance-wrap .balance-w .amount[data-v-9519c578] {
    margin-left: .1875rem
}
.blue-default .amount-list[data-v-390fae7d] {
    flex-wrap: wrap;
    font-size: var(--font-size-16);
    gap: .75rem;
    width: 100%;
    padding-bottom: .625rem;
    box-sizing: border-box
}
.blue-default .amount-list li[data-v-390fae7d] {
    flex: 0 0 calc(33.333% - .5rem)
}
.blue-default .amount-list .amount-item[data-v-390fae7d] {
    flex: 0 0 calc(33.333% - .5rem);
    height: 2.5rem;
    line-height: 2.5rem;
    cursor: pointer;
    text-align: center;
    background: var(--color-bg-50);
    color: var(--color-text-gray-200);
    border-radius: var(--rounded-middle);
    font-weight: var(--font-weight-regular);
    display: flex;
    align-items: center;
    justify-content: center
}
.blue-default .amount-list .amount-item img[data-v-390fae7d] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}
.blue-default .amount-list .disabled[data-v-390fae7d] {
    pointer-events: none
}
.blue-default .amount-list .active[data-v-390fae7d] {
    background: var(--theme-color-gradient-300);
    color: var(--color-text-white-100);
    font-weight: var(--font-weight-bold);
    border: 1px solid var(--theme-color-600)
}
.blue-default .forgot-password[data-v-2fc56b65] {
    font-size: var(--ep-font-size-xl, 1.125rem);
    color: var(--color-text-gray-100)
}
.blue-default .tips[data-v-2fc56b65] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-gray-200);
    margin-bottom: 1.5625rem
}
.blue-default .step-1-wrap[data-v-87284b6f] {
    text-align: left
}
.blue-default .step-1-wrap .line[data-v-87284b6f] {
    width: 100%;
    height: .0625rem;
    background: var(--ep-color-border-default);
    margin-top: 2.375rem;
    margin-bottom: .75rem
}
.blue-default .step-1-wrap .text[data-v-87284b6f] {
    font-size: var(--ep-font-size-s, 12px);
    color: var(--ep-color-text-default);
    margin-bottom: .75rem;
    line-height: 1.125rem
}
.blue-default .step-1-wrap .item-height[data-v-87284b6f] {
    height: 4.375rem
}
.blue-default .step-2-wrap[data-v-0f986043] {
    text-align: left
}
.blue-default .step-2-wrap .code-text[data-v-0f986043] {
    font-size: var(--ep-font-size-s, 12px);
    color: var(--color-text-gray-200);
    margin-bottom: .75rem;
    line-height: 1.125rem;
    margin-top: 2.375rem
}
.blue-default .step-3-wrap[data-v-3e832a73] {
    text-align: left
}
.blue-default .step-3-wrap .pw-text[data-v-3e832a73] {
    font-size: var(--ep-font-size-s, 12px);
    color: var(--color-text-gray-200);
    margin-bottom: .5rem;
    line-height: 1.125rem
}
.blue-default .step-3-wrap .set-password[data-v-3e832a73] {
    margin-top: 2.375rem
}
.blue-default .step-3-wrap .confirm-password[data-v-3e832a73] {
    margin-top: .75rem
}
.blue-default .pop-wrap .title[data-v-95efb1ef],
.blue-default .pop-wrap .withdraw[data-v-95efb1ef],
.blue-default .pop-wrap .forgot-password[data-v-95efb1ef] {
    color: var(--color-text-gray-100)
}
.blue-default .pop-wrap .rate-type-text[data-v-95efb1ef] {
    color: var(--color-text-gray-200)
}
.blue-default .balance-area[data-v-3c0fdf39] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 22.875rem;
    gap: .875rem;
    margin: 0 auto
}
.blue-default .balance-area .balance-wrap[data-v-3c0fdf39] {
    width: 11rem;
    height: 5.5rem;
    text-align: left;
    padding: 1.3125rem 1.125rem;
    box-shadow: inset 0 0 .625rem 0 var(--theme-color-800);
    border-radius: .875rem;
    position: relative;
    background: var(--color-bg-400)
}
.blue-default .balance-area .balance-wrap .icon-color[data-v-3c0fdf39] {
    position: absolute;
    right: .625rem;
    top: .625rem;
    color: var(--theme-color-500)
}
.blue-default .balance-area .balance-wrap .balance-content[data-v-3c0fdf39] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-100)
}
.blue-default .balance-area .balance-wrap .balance-amount[data-v-3c0fdf39] {
    color: var(--color-currency);
    font-size: var(--ep-font-size-m, .875rem)
}
.blue-default .balance-area .balance-wrap .detail[data-v-3c0fdf39] {
    position: absolute;
    right: .43rem;
    color: var(--accent-color-blue);
    font-size: var(--ep-font-size-xs, .625rem);
    cursor: pointer
}
.blue-default .balance-area .balance-wrap .detail .detail-icon[data-v-3c0fdf39] {
    color: var(--accent-color-blue)
}
.blue-default .modal-content[data-v-d3c0fc4b] {
    width: 22.5rem;
    padding: 1.25rem .625rem;
    background: var(--color-bg-200);
    position: relative
}
.blue-default .modal-content .text-center[data-v-d3c0fc4b] {
    color: var(--color-text-gray-100)
}
.blue-default .modal-content .text-center ion-icon.close[data-v-d3c0fc4b] {
    color: var(--color-text-100)
}
.blue-default .modal-content .text-center .amount[data-v-d3c0fc4b] {
    margin-bottom: .75rem
}
.blue-default .modal-content .detail[data-v-d3c0fc4b] {
    border-color: var(--color-line);
    color: var(--color-text-gray-300)
}
.blue-default .modal-content .detail .name[data-v-d3c0fc4b] {
    color: var(--color-text-gray-300)
}
.blue-default .modal-content .detail ion-icon.copy[data-v-d3c0fc4b] {
    color: var(--color-text-gray-300)
}
.blue-default .modal-content .countdown[data-v-d3c0fc4b] {
    color: var(--color-danger);
    margin: 0 .1875rem
}
.blue-default .modal-content .countdown-wrap[data-v-d3c0fc4b] {
    font-size: var(--font-size-14)
}
.blue-default .search-input[data-v-fbd91c3f] {
    background: var(--color-bg-300);
    height: 100%;
    width: 100%
}
.blue-default .search-input #searchbar[data-v-fbd91c3f] {
    --color: #fff;
    --placeholder-color: #6d788e;
    caret-color: #116fcd;
    --background: #101629;
    --box-shadow: 0 0 0 .0625rem #1a233e, 0 .125rem .125rem 0 rgba(0, 0, 0, .14), 0 .1875rem .0625rem -.125rem rgba(0, 0, 0, .2), 0 .0625rem .3125rem 0 rgba(0, 0, 0, .12);
    border-radius: .25rem;
    padding: 0
}
.blue-default .search-input #searchbar ion-spinner[data-v-fbd91c3f] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.25rem
}
.blue-default .search-input #searchbar ion-icon[data-v-fbd91c3f] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #fff
}
.blue-default ion-datetime[data-v-33f02fce] {
    --background: transparent;
    color: #fff;
    --wheel-highlight-background: transparent;
    --wheel-fade-background-rgb: none;
    --wheel-highlight-border-radius: .5rem;
    --color: var(--ep-color-background-fill-active-primary);
    --ion-color-primary: var(--color-primary-800);
    --ion-color-step-300: var(--ep-color-text-weak);
    --ion-color-base: var(--color-primary-800)
}
.blue-default ion-datetime[data-v-33f02fce]::part(month-year-button) {
    --color: var(--ep-color-background-fill-active-primary);
    color: var(--color-primary-800);
    --ion-color-base: var(--color-primary-800);
    font-size: .875rem
}
.blue-default ion-datetime[data-v-33f02fce]::part(calendar-day active) {
    box-shadow: none;
    color: #fff;
    background: var(--color-primary-800)
}
.blue-default ion-datetime[data-v-33f02fce]::part(wheel-item active) {
    color: var(--color-primary-800)
}
.blue-default ion-datetime[data-v-59af2d56] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    color: #fff;
    --wheel-highlight-background: var(--color-primary-800);
    --wheel-fade-background-rgb: none;
    --wheel-highlight-border-radius: .5rem;
    --color: var(--ep-color-background-fill-active-primary);
    --ion-color-primary: var(--color-primary-800);
    --ion-color-step-300: rgba(255, 255, 255, .6)
}
.blue-default ion-datetime[data-v-59af2d56]::part(month-year-button) {
    --color: var(--ep-color-background-fill-active-primary);
    color: var(--color-primary-800);
    --ion-color-base: var(--color-primary-800)
}
.blue-default ion-datetime[data-v-59af2d56]::part(calendar-day active) {
    box-shadow: none;
    color: #fff;
    background: var(--color-primary-800)
}
.blue-default ion-datetime[data-v-0a55ca9e] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    color: #fff;
    --wheel-highlight-background: var(--color-primary-800);
    --wheel-fade-background-rgb: none;
    --wheel-highlight-border-radius: .5rem;
    --color: var(--ep-color-background-fill-active-primary);
    --ion-color-primary: var(--color-primary-800);
    --ion-color-step-300: rgba(255, 255, 255, .6)
}
.blue-default ion-datetime[data-v-0a55ca9e]::part(month-year-button) {
    --color: var(--ep-color-background-fill-active-primary);
    color: var(--color-primary-800);
    --ion-color-base: var(--color-primary-800)
}
.blue-default ion-datetime[data-v-0a55ca9e]::part(calendar-day active) {
    box-shadow: none;
    color: #fff;
    background: var(--color-primary-800)
}
.blue-default ion-toolbar[data-v-2551b020] {
    --background: var(--color-bg-200)
}
.blue-default ion-toolbar ion-icon[data-v-2551b020] {
    color: var(--color-text-white-100)
}
.blue-default .agent-level[data-v-2551b020] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(254, 184, 5, .153) 118.45%)
}
.blue-default .agent-level .agent-level-left[data-v-2551b020] {
    color: var(--text-color-white-40)
}
.blue-default .agent-level .agent-level-left .level-tips[data-v-2551b020] {
    color: var(--text-color-white-80)
}
.blue-default .agent-level .agent-level-right[data-v-2551b020] {
    color: var(--text-color-white-40)
}
.blue-default .agent-level .agent-level-right .top[data-v-2551b020] {
    color: var(--color-text-white-100)
}
.blue-default .agent-level .agent-level-right .claim-commisson[data-v-2551b020],
.blue-default .agent-level .agent-level-right .claim-commisson .agent-money[data-v-2551b020] {
    color: var(--accent-color-yellow)
}
.blue-default .agent-level .agent-level-right .receive-rule .rule-btn[data-v-2551b020] {
    background: rgba(255, 255, 255, .1);
    color: var(--accent-color-blue)
}
.blue-default .subordinate-info[data-v-2551b020] {
    background: var(--color-bg-200)
}
.blue-default .subordinate-info .dataItem-info .dataItem-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}
.blue-default .subordinate-info .dataItem-info .num[data-v-2551b020] {
    color: var(--color-text-white-100)
}
.blue-default .subordinate-info .direct-title[data-v-2551b020],
.blue-default .subordinate-info .team-title[data-v-2551b020] {
    background: var(--color-bg-50);
    color: var(--accent-color-blue)
}
.blue-default .subordinate-info .direct-title ion-icon[data-v-2551b020],
.blue-default .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-blue)
}
.blue-default .subordinate-info .team-title[data-v-2551b020] {
    color: var(--mlm-agent-team-text-color)
}
.blue-default .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--mlm-agent-team-icon-text-color)
}
.blue-default .subordinate-info .dataItem-title[data-v-2551b020] {
    color: var(--text-color-white-40)
}
.blue-default .jump-item[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--text-color-white-40)
}
.blue-default .jump-item .text[data-v-2551b020] {
    font-weight: 600;
    color: var(--color-text-white-100)
}
.blue-default .agent-info-datail[data-v-2551b020] {
    background: var(--color-bg-200)
}
.blue-default .agent-info-datail .header[data-v-2551b020] {
    color: var(--color-text-white-100)
}
.blue-default .agent-info-datail .detail-item[data-v-2551b020] {
    background: var(--color-bg-300);
    color: var(--text-color-white-40)
}
.blue-default .agent-info-datail .detail-item .count-info[data-v-2551b020] {
    color: var(--color-text-white-100)
}
.blue-default .agent-info-datail .detail-item .des[data-v-2551b020] {
    font-size: .625rem;
    color: var(--text-color-white-40)
}
.blue-default .agent-info-datail .detail-item .des ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}
.blue-default .agent-info-datail .my-agency[data-v-2551b020] {
    color: var(--text-color-white-80)
}
.blue-default .agent-info-datail .agent-report-icon[data-v-2551b020] {
    color: var(--text-color-white-40)
}
.blue-default ion-button.mlm-agent-btn[data-v-2551b020] {
    --background: var(--color-bg-50);
    --color: var(--text-color-white-100);
    --background-focused: var(--mlmagent-history-focused-bgc);
    --background-hover: var(--mlmagent-history-hover-bgc);
    --background-activated: var(--mlmagent-history-focused-bgc)
}
.blue-default ion-button.claim-btn[data-v-2551b020] {
    --background: var(--theme-color-gradient-200);
    --color: var(--text-color-white-100, var(--color-primary-btn-text-active));
    --background-hover: var(--mlm-agent-claim-hover-bgc);
    --background-activated: var(--mlm-agent-claim-focused-bgc);
    --background-focused: var(--mlm-agent-claim-focused-bgc)
}
.blue-default ion-button.claim-dis[data-v-2551b020] {
    --background: var(--color-mlm-btn-bg-disable);
    --color: var(--text-color-white-40)
}
.blue-default .ab-select-text {
    color: var(--color-text-gray-300) !important
}
.blue-default .ab-select-display {
    background: var(--color-bg-300)
}
.blue-default .ab-select-option-normal {
    color: var(--color-text-gray-300)
}
.blue-default .ab-select-option-selected {
    background: #3b414d;
    color: var(--color-primary-800)
}
.blue-default ion-item[data-v-fa1c69ad] {
    --border-color: var(--color-line);
    --color: var(--color-text-white-100)
}
.blue-default .security-item[data-v-fa1c69ad] {
    background: var(--color-bg-200)
}
.blue-default .security-white-color[data-v-fa1c69ad] {
    color: var(--color-text-white-100)
}
.blue-default ion-icon.security-item-right-color[data-v-fa1c69ad] {
    color: var(--color-text-white-100)
}
.blue-default ion-label.security-item-right-color[data-v-fa1c69ad] {
    color: var(--color-text-gray-300)
}
.blue-default .statement .top .filter.selected[data-v-53607757] {
    border: .0625rem solid var(--color-text-white-100);
    color: var(--color-text-white-100)
}
.blue-default .statement .top .filter.statement-select-default[data-v-53607757] {
    border: .0625rem solid var(--color-text-gray-200);
    color: var(--color-text-white-100)
}
.blue-default .statement .list .item[data-v-53607757] {
    background: var(--color-bg-200)
}
.blue-default .statement .list .item .num p.money-text[data-v-53607757] {
    color: var(--accent-color-orange-1)
}
.blue-default ion-row.footer-count[data-v-53607757] {
    background: var(--color-bg-50)
}
.blue-default .content-flex[data-v-53607757] {
    color: var(--color-text-gray-100)
}
.blue-default ion-popover ion-row ion-col p.off[data-v-53607757] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}
.blue-default ion-popover ion-row ion-col p.on[data-v-53607757] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}
.blue-default ion-icon.report-select-icon[data-v-53607757] {
    color: var(--color-text-gray-200)
}
.blue-default .report-select-row[data-v-53607757] {
    background: var(--color-bg-200)
}
.blue-default .recond-white-color[data-v-53607757] {
    color: var(--color-text-white-100)
}
.blue-default .recond-minor-color[data-v-53607757] {
    color: var(--color-text-gray-200)
}
.blue-default .person .top .filter.selected[data-v-119059d7] {
    border: .0625rem solid var(--color-text-white-100)
}
.blue-default .person .top .filter.personal-select-default[data-v-119059d7] {
    border: .0625rem solid var(--color-text-gray-200)
}
.blue-default .person .list .item[data-v-119059d7] {
    background: var(--color-bg-200)
}
.blue-default .person .list .item .num p.money-text[data-v-119059d7] {
    color: var(--accent-color-yellow)
}
.blue-default ion-row.footer-count[data-v-119059d7] {
    background: var(--color-bg-50);
    box-shadow: 0 .0313rem 0 0 var(--color-line) inset
}
.blue-default ion-row.footer-count span.money-text[data-v-119059d7] {
    color: var(--accent-color-yellow)
}
.blue-default ion-popover ion-row ion-col p.off[data-v-119059d7] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}
.blue-default ion-popover ion-row ion-col p.on[data-v-119059d7] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}
.blue-default ion-icon.report-select-icon[data-v-119059d7] {
    color: var(--color-text-gray-200)
}
.blue-default .report-select-row[data-v-119059d7] {
    background: var(--color-bg-200)
}
.blue-default .recond-white-color[data-v-119059d7] {
    color: var(--color-text-white-100)
}
.blue-default .recond-minor-color[data-v-119059d7] {
    color: var(--color-text-gray-200)
}
.blue-default .person .top .filter.selected[data-v-119059d7],
.blue-default .person .top .filter.unselected[data-v-119059d7] {
    color: var(--color-text-white-100)
}
.blue-default .bet .top .filter[data-v-5a94d64f] {
    color: var(--color-text-white-100)
}
.blue-default .bet .top .filter.selected[data-v-5a94d64f] {
    border: .0625rem solid var(--color-text-white-100)
}
.blue-default .bet .top .filter.betting-select-default[data-v-5a94d64f] {
    border: .0625rem solid var(--color-text-gray-200)
}
.blue-default ion-popover ion-row ion-col p.off[data-v-5a94d64f] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}
.blue-default ion-popover ion-row ion-col p.on[data-v-5a94d64f],
.blue-default ion-popover ion-row ion-col div.on[data-v-5a94d64f] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}
.blue-default ion-icon.report-select-icon[data-v-5a94d64f] {
    color: var(--color-text-gray-200)
}
.blue-default .report-select-row[data-v-5a94d64f] {
    background: var(--color-bg-200)
}
.blue-default .recond-white-color[data-v-5a94d64f] {
    color: var(--color-text-white-100)
}
.blue-default .recond-minor-color[data-v-5a94d64f] {
    color: var(--color-text-gray-200)
}
.blue-default .bet .top .filter[data-v-2401debe] {
    color: var(--color-text-white-100)
}
.blue-default .bet .top .filter.selected[data-v-2401debe] {
    border: .0625rem solid var(--color-text-white-100)
}
.blue-default .bet .top .filter.betting-select-default[data-v-2401debe] {
    border: .0625rem solid var(--color-text-gray-200)
}
.blue-default ion-popover ion-row ion-col p.off[data-v-2401debe] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}
.blue-default ion-popover ion-row ion-col p.on[data-v-2401debe],
.blue-default ion-popover ion-row ion-col div.on[data-v-2401debe] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}
.blue-default ion-icon.report-select-icon[data-v-2401debe] {
    color: var(--color-text-gray-200)
}
.blue-default .report-select-row[data-v-2401debe] {
    background: var(--color-bg-200)
}
.blue-default .recond-white-color[data-v-2401debe] {
    color: var(--color-text-white-100)
}
.blue-default .recond-minor-color[data-v-2401debe] {
    color: var(--color-text-gray-200)
}
.blue-default .statement .top .filter.selected[data-v-50dbc7aa] {
    border: .0625rem solid var(--color-text-white-100);
    color: var(--color-text-white-100)
}
.blue-default .statement .top .filter.statement-select-default[data-v-50dbc7aa] {
    border: .0625rem solid var(--color-text-gray-200);
    color: var(--color-text-white-100)
}
.blue-default .statement .list .item[data-v-50dbc7aa] {
    background: var(--color-bg-200)
}
.blue-default .statement .list .item .num p.money-text[data-v-50dbc7aa] {
    color: var(--accent-color-orange-1)
}
.blue-default ion-row.footer-count[data-v-50dbc7aa] {
    background: var(--color-bg-50)
}
.blue-default .content-flex[data-v-50dbc7aa] {
    color: var(--color-text-gray-100)
}
.blue-default ion-popover ion-row ion-col p.off[data-v-50dbc7aa] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}
.blue-default ion-popover ion-row ion-col p.on[data-v-50dbc7aa] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}
.blue-default ion-icon.report-select-icon[data-v-50dbc7aa] {
    color: var(--color-text-gray-200)
}
.blue-default .report-select-row[data-v-50dbc7aa] {
    background: var(--color-bg-200)
}
.blue-default .recond-white-color[data-v-50dbc7aa] {
    color: var(--color-text-white-100)
}
.blue-default .recond-minor-color[data-v-50dbc7aa] {
    color: var(--color-text-gray-200)
}
.blue-default .tab-box[data-v-b5a79450] {
    background: var(--color-bg-300)
}
.blue-default ion-button.base-tab[data-v-b5a79450] {
    --color: var(--color-text-gray-200)
}
.blue-default ion-button.selected-tab[data-v-b5a79450] {
    --color: var(--color-text-white-100)
}
.blue-default ion-segment.md[data-v-b5a79450] {
    border-bottom: .0625rem solid var(--color-line)
}
.blue-default ion-segment-button.md[data-v-b5a79450]::part(indicator-background) {
    background: var(--theme-color-600)
}
.blue-default .home-type-Platform:not(.v02) .tabbar-tabs-inicio-components-GameWrapper-index[data-v-ea3d9176] {
    background: #1a223a;
    border-radius: .625rem;
    margin-bottom: .625rem;
    padding-inline: .5625rem
}
.blue-default .home-type-Platform:not(.v02) .tabbar-tabs-inicio-components-GameWrapper-index .card-container[data-v-ea3d9176] {
    padding-block-end: .625rem
}
.blue-default .home-type-Platform.v02 .tabbar-tabs-inicio-components-GameWrapper-index .more .label[data-v-ea3d9176] {
    color: var(--text-color1)
}
.blue-default .home-type-Platform.v02 .tabbar-tabs-inicio-components-GameWrapper-index .more .btn[data-v-ea3d9176] {
    color: var(--theme-color-800)
}
.blue-default #inicio[data-v-f727b2e9] {
    background: #090f1f
}
.blue-default #inicio .main-content[data-v-f727b2e9] {
    --background: transparent;
    position: relative
}
.blue-default #inicio .main-content[data-v-f727b2e9]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: -1;
    background-image: url(/img_icons/texture_bg.png);
    background-size: 5rem;
    background-repeat: repeat
}
.blue-default #inicio .main-content .order-container .swiper-c[data-v-f727b2e9] {
    margin-block-start: .9375rem;
    margin-inline: .9375rem
}
.blue-default #inicio .main-content .order-container .segment-c[data-v-f727b2e9] {
    top: 0;
    z-index: 10
}
.blue-default #inicio .main-content .order-container .game-wrapper-c[data-v-f727b2e9] {
    border-color: none
}
.blue-default #inicio .main-content .order-container .apart-view-c[data-v-f727b2e9] .payment-box {
    margin-inline: .9375rem
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container[data-v-f727b2e9] {
    display: flex;
    flex-flow: wrap
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .swiper-c[data-v-f727b2e9] {
    order: 3;
    width: 100%;
    height: 11.25rem
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .activity-c[data-v-f727b2e9] {
    order: 5;
    width: 100%
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .marquee-c[data-v-f727b2e9] {
    order: 7;
    width: calc(100% - 1.875rem)
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .bonus-pool-c[data-v-f727b2e9] {
    order: 9
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .segment-c[data-v-f727b2e9] {
    order: 1;
    width: 100%
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-c[data-v-f727b2e9] {
    order: 11;
    width: 100%
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-c .platform-game-c[data-v-f727b2e9] {
    display: flex;
    flex-direction: column
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-f727b2e9] {
    order: 1
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .app-install-c[data-v-f727b2e9] {
    order: 13;
    width: 100%
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .apart-view-c[data-v-f727b2e9] {
    order: 15
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-class-c[data-v-f727b2e9] {
    order: 17
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .footer-content-c[data-v-f727b2e9] {
    order: 19;
    width: calc(100% - 1.875rem);
    margin-inline: .9375rem
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .platform-pool[data-v-f727b2e9] {
    order: 21
}
.blue-default .home-type-Platform.v02 #inicio[data-v-f727b2e9] {
    background: #090f1f
}
.blue-default .home-type-Platform.v02 #inicio .main-content[data-v-f727b2e9] {
    --background: transparent;
    position: relative
}
.blue-default .home-type-Platform.v02 #inicio .main-content[data-v-f727b2e9]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: -1;
    background-image: none;
    background-size: 5rem;
    background-repeat: repeat
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .swiper-c[data-v-f727b2e9] {
    margin-block-start: .9375rem;
    margin-inline: .9375rem
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .segment-c[data-v-f727b2e9] {
    top: 0;
    z-index: 10
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-wrapper-c[data-v-f727b2e9] {
    border-color: none
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .apart-view-c[data-v-f727b2e9] .payment-box {
    margin-inline: .9375rem
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container[data-v-f727b2e9] {
    display: flex;
    flex-flow: wrap
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .swiper-c[data-v-f727b2e9] {
    width: 14.375rem;
    height: 14.375rem;
    margin: 0;
    margin-block-start: .625rem;
    margin-inline-start: .9375rem
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .activity-c[data-v-f727b2e9] {
    flex: 1;
    width: 7.5rem;
    height: 14.375rem;
    margin-block-start: .625rem;
    margin-inline-start: .625rem;
    margin-inline-end: .9375rem
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .marquee-c[data-v-f727b2e9] {
    width: 100%;
    margin-inline: unset;
    margin-block-start: .9375rem;
    padding-inline-start: 1.4375rem;
    padding-inline-end: 1.9375rem
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-c .platform-game-c[data-v-f727b2e9] {
    display: flex;
    flex-direction: column
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-f727b2e9] {
    order: 1
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .app-install-c[data-v-f727b2e9] {
    order: 2
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .apart-view-c[data-v-f727b2e9] {
    order: 1
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-class-c[data-v-f727b2e9] {
    order: 3
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .footer-content-c[data-v-f727b2e9] {
    order: 4
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .platform-pool[data-v-f727b2e9] {
    order: 1
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .segment-c[data-v-f727b2e9],
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-c[data-v-f727b2e9] {
    width: 100%
}
.blue-default .home-type-Platform.v02 #inicio .main-content[data-v-f727b2e9]:before {
    opacity: .8;
    background-size: unset
}
.blue-default ion-item.rebate[data-v-a52fec88] {
    --background: var(--color-bg-200)
}
.blue-default ion-item[data-v-a52fec88]::part(detail-icon) {
    color: var(--color-text-white-100)
}
.blue-default ion-progress-bar[data-v-a52fec88] {
    --background: var(--color-bg-600)
}
.blue-default ion-progress-bar[data-v-a52fec88]::part(progress) {
    background: var(--theme-color-gradient-400)
}
.blue-default div ion-icon.logo[data-v-a52fec88] {
    color: var(--color-text-white-100)
}
.blue-default .rebate-item-agent34[data-v-a52fec88] {
    color: var(--color-text-gray-200)
}
.blue-default .rebate-item-validBet[data-v-a52fec88] {
    color: var(--color-text-white-100)
}
.blue-default .rebate-ratio[data-v-a52fec88] {
    color: var(--color-text-gray-200)
}
.blue-default .rebate-item-rate[data-v-a52fec88] {
    color: var(--color-text-white-100)
}
.blue-default .rebate-item-available-rate[data-v-a52fec88] {
    color: var(--accent-color-yellow)
}
.blue-default .rebate-item-next-rate[data-v-a52fec88] {
    color: var(--color-text-white-100)
}
.blue-default ion-segment[data-v-6a83208a] {
    --background: var(--color-bg-200)
}
.blue-default ion-segment-button.segment[data-v-6a83208a] {
    --color-checked: var(--color-text-white-100)
}
.blue-default ion-segment-button.ios[data-v-6a83208a] {
    --indicator-color: var(--color-bg-100);
    --background: var(null)
}
.blue-default ion-segment-button.ios.claim[data-v-6a83208a] {
    --background: var(--theme-color-gradient-200);
    --color: var(--color-text-white-100)
}
.blue-default ion-segment-button.ios.claim.on[data-v-6a83208a] {
    background: var(--color-btn-gradient-claimUnable);
    color: var(--color-text-white-100)
}
.blue-default ion-segment-button.ios.history[data-v-6a83208a] {
    --background: var(--theme-color-gradient-400);
    --color: var(--color-text-white-100);
    color: var(--color-text-white-100)
}
.blue-default .rebate-available-label[data-v-6a83208a] {
    color: var(--color-text-white-100)
}
.blue-default .rebate-available[data-v-6a83208a] {
    color: var(--accent-color-yellow)
}
.blue-default .rebate-activity-rules[data-v-6a83208a] {
    color: var(--accent-color-yellow --color-text-gray-200)
}
.blue-default .rebate-side-check[data-v-6a83208a] {
    color: var(--color-text-gray-200)
}
.blue-default ion-input[data-v-1d3e04c1] {
    --placeholder-color: var(--color-text-white-40);
    --color: var(--color-text-white-100)
}
.blue-default .inputBg[data-v-1d3e04c1] {
    background: var(null)
}
.blue-default .redemption[data-v-1d3e04c1] {
    --background: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100);
    color: var(--color-text-white-100)
}
.blue-default .redeem-input-tips[data-v-1d3e04c1] {
    color: var(--color-text-white-100)
}
.blue-default .redeem-input-box[data-v-1d3e04c1] {
    border: 1px solid var(--color-border-600)
}
.blue-default .redeem-btn-text-color[data-v-1d3e04c1] {
    color: var(--color-text-white-100)
}
.blue-default .redeem-description[data-v-1d3e04c1] {
    color: var(--text-color-white-40)
}
.blue-default ion-row.odd[data-v-7f71dec8] {
    background-color: var(--color-bg-200)
}
.blue-default ion-popover[data-v-7f71dec8] {
    --background: var(--color-bg-200)
}
.blue-default ion-popover ion-row ion-col p.on[data-v-7f71dec8] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}
.blue-default[data-v-7f71dec8] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text {
    color: var(--text-color-white-40)
}
.blue-default .selected-date-border[data-v-7f71dec8] {
    border-color: var(--color-text-white-100)
}
.blue-default .select-date-border[data-v-7f71dec8] {
    border-color: var(--text-color-white-40)
}
.blue-default .select-date-text-color[data-v-7f71dec8] {
    color: var(--color-text-white-100)
}
.blue-default .select-date-icon-color[data-v-7f71dec8] {
    color: var(--text-color-white-40)
}
.blue-default .select-popover-on[data-v-7f71dec8] {
    border: 1px solid var(--color-border-600);
    color: var(--color-text-gray-200)
}
.blue-default .reward-label[data-v-7f71dec8] {
    color: var(--color-text-white-100)
}
.blue-default .reward-money[data-v-7f71dec8] {
    color: var(--accent-color-yellow)
}
.blue-default .default-claim-table-color[data-v-7f71dec8] {
    color: var(--color-text-white-100)
}
.blue-default .default-claim-table-emphasize[data-v-7f71dec8] {
    color: var(--accent-color-yellow)
}
.blue-default .claim-empty-text-color[data-v-7f71dec8] {
    color: var(--text-color-white-40)
}
.blue-default ion-row.odd[data-v-2cf9306a] {
    background-color: var(--color-bg-200)
}
.blue-default ion-button[data-v-2cf9306a] {
    --background: var(--theme-color-gradient-200);
    --background-activated: var(--activity-unclaim-shade-bg-color);
    --background-focused: var(--activity-unclaim-shade-bg-color);
    --background-hover: var(--activity-unclaim-tint-bg-color);
    color: var(-color-text-white-100)
}
.blue-default ion-button.unable[data-v-2cf9306a] {
    --background: var(--color-btn-gradient-claimUnable);
    color: var(--color-text-white-100);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}
.blue-default[data-v-2cf9306a] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text {
    color: var(--text-color-white-40)
}
.blue-default .unclaim-reward-label[data-v-2cf9306a],
.blue-default .default-unclaim-table-color[data-v-2cf9306a] {
    color: var(--color-text-white-100)
}
.blue-default .unclaim-empty-text-color[data-v-2cf9306a] {
    color: var(--text-color-white-40)
}
.blue-default .unclaim-emphasize-color[data-v-2cf9306a] {
    color: var(--accent-color-yellow)
}
.blue-default .receive-box[data-v-2cf9306a] {
    color: var(--color-text-white-100)
}
.blue-default ion-label.active[data-v-0dc899ad] {
    color: var(--color-text-white-100)
}
.blue-default ion-label.inactive[data-v-0dc899ad] {
    color: var(--color-text-gray-200)
}
.blue-default ion-toolbar ion-segment-button.md[data-v-0dc899ad]::part(indicator-background) {
    background: var(--theme-color-gradient-100)
}
.blue-default ion-content.side ion-segment[data-v-0dc899ad] {
    --background: var(--color-bg-200)
}
.blue-default ion-content.side ion-segment-button.ios[data-v-0dc899ad] {
    --indicator-color: var(--color-bg-100);
    --color-checked: var(--color-text-white-100)
}
.blue-default .promo-text-unChecked[data-v-0dc899ad] {
    color: var(--color-text-gray-200)
}
.blue-default ion-modal#avatar div.content[data-v-267b442d] {
    background: var(--color-bg-200)
}
.blue-default ion-modal#avatar div.content ion-row.sex ion-col.selected[data-v-267b442d] {
    border-color: var(--theme-color-600);
    color: var(--theme-color-700)
}
.blue-default ion-modal#avatar div.content ion-row.sex ion-col.gender-default[data-v-267b442d] {
    border-color: var(--color-line);
    color: var(--color-text-gray-300)
}
.blue-default ion-modal#avatar div.content .img img.selected[data-v-267b442d] {
    border-color: var(--theme-color-600)
}
.blue-default ion-toolbar[data-v-267b442d] {
    --background: var(--color-bg-200)
}
.blue-default ion-button.submit[data-v-267b442d] {
    --background: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100);
    --background-hover: var(--theme-color-gradient-900);
    --background-activated: var(--theme-color-gradient-900);
    --background-focused: var(--theme-color-gradient-900)
}
.blue-default ion-icon.close[data-v-267b442d] {
    background: var(--color-bg-50)
}
.money-color[data-v-c8741ea2],
.blue-default .money-color[data-v-c8741ea2] {
    color: var(--color-text-white-100)
}
.blue-default ion-content .user .top .email .email-icon[data-v-faf71b0d] {
    color: #fff
}
.blue-default ion-content .user .bottom ion-col div.left[data-v-faf71b0d] {
    background: var(--color-border-600)
}
.blue-default ion-content .user .bottom ion-col div.right[data-v-faf71b0d] {
    background: var(--theme-color-gradient-200);
    color: var(--color-text-white-100)
}
.blue-default ion-content .user .bottom ion-col div.right .enter-withdraw-text[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}
.blue-default .card-bg-gradient[data-v-faf71b0d] {
    background: var(--theme-color-gradient-300)
}
.blue-default .user-base-color[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}
.blue-default .user-base-color ion-icon[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}
.blue-default .user-id[data-v-faf71b0d],
.blue-default .user-account[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}
.blue-default ion-icon.chevron-forward[data-v-faf71b0d] {
    color: var(--color-text-gray-300)
}
.blue-default ion-progress-bar[data-v-faf71b0d] {
    --background: var(--color-bg-600)
}
.blue-default .progress-text[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}
.blue-default .invite-text[data-v-faf71b0d] {
    color: var(--color-text-gray-100)
}
.blue-default ion-item[data-v-faf71b0d]::part(detail-icon) {
    color: var(--my-chevron-forward-color)
}
.blue-default .enter-withdraw-text[data-v-faf71b0d] {
    color: var(--my-enter-withdraw-text-color)
}
.blue-default .important-text[data-v-faf71b0d] {
    color: var(--money-text-color)
}
.blue-default ion-content .vip .bottom .line .right .progress div[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}
.blue-default ion-input[data-v-01e5a229] {
    --background: var(--color-bg-200);
    --placeholder-color: var(--color-text-gray-300)
}
.blue-default .bind-white-color[data-v-01e5a229] {
    color: var(--color-text-white-100)
}
.blue-default ion-button.submit-btn[data-v-01e5a229] {
    --background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}
.blue-default .form-wrap[data-v-dd961242] {
    margin-top: 1.3125rem;
    overflow: hidden
}
.blue-default .form-wrap .item[data-v-dd961242] {
    margin-bottom: 1.875rem
}
.blue-default .form-wrap .item .label[data-v-dd961242] {
    font-size: .75rem;
    line-height: 1.375rem;
    color: var(--color-text-white-100)
}
.blue-default .form-wrap .item ion-input[data-v-dd961242] {
    --color: var(--color-text-white-100);
    --border-color: var(--color-line);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-bold);
    height: 2.5rem;
    --placeholder-font-weight: var(--font-weight-regular);
    --highlight-color-invalid: var(--color-danger);
    --highlight-color-valid: var(--color-success);
    --placeholder-color: var(--color-text-gray-200);
    --highlight-color: var(--theme-color-700);
    --highlight-color-focused: var(--theme-color-700)
}
.blue-default ion-toolbar.toolbar-search[data-v-a20f2ee4] {
    --background: var(--color-bg-300)
}
.blue-default ion-toolbar.toolbar-search ion-label.selected[data-v-a20f2ee4] {
    color: var(--color-text-white-100)
}
.blue-default ion-toolbar.toolbar-search ion-label.unselected[data-v-a20f2ee4] {
    color: var(--color-text-gray-200)
}
.blue-default ion-toolbar.toolbar-search>ion-segment[data-v-a20f2ee4] {
    --background: var(--color-bg-200)
}
.blue-default ion-content div .side ion-segment-button.ios[data-v-a20f2ee4] {
    --background: var(--color-bg-100);
    --indicator-color: var(--theme-color-gradient-100)
}
.blue-default ion-content div .side ion-segment-button.ios.segment-button-checked[data-v-a20f2ee4] {
    color: var(--color-text-white-100)
}
.blue-default ion-content#content .bottom ion-content.side ion-segment .text ion-label.unselected[data-v-a20f2ee4] {
    color: var(--color-text-gray-200)
}
.blue-default ion-toolbar ion-segment-button[data-v-a20f2ee4] {
    --indicator-color: var(--theme-color-gradient-100)
}
.blue-default div.line[data-v-a20f2ee4] {
    border-color: var(--color-line)
}
.blue-default .header ion-label[data-v-ae8e4b25] {
    color: var(--color-text-white-100)
}
.blue-default ion-select[data-v-ae8e4b25] {
    --border-color: var(--color-text-white-100);
    --highlight-color-valid: red
}
.blue-default .item[data-v-ae8e4b25] {
    background: var(--color-bg-200)
}
.blue-default .item .top[data-v-ae8e4b25] {
    color: var(--color-text-gray-100)
}
.blue-default div.label[data-v-ae8e4b25] {
    color: var(--color-text-gray-300)
}
.blue-default ion-toolbar.top .btn-center ion-label.selected[data-v-b7d1d15e] {
    color: var(--color-text-white-100)
}
.blue-default ion-toolbar.top .btn-center ion-label.unselected[data-v-b7d1d15e] {
    color: var(--color-text-gray-200)
}
.blue-default ion-toolbar ion-segment-button.md[data-v-b7d1d15e]::part(indicator-background) {
    background: var(--theme-color-gradient-100)
}
.blue-default ion-item[data-v-3eb55093] {
    --background: var(--color-bg-300)
}
.blue-default ion-item.odd[data-v-3eb55093] {
    --background: var(--color-bg-200)
}
.blue-default ion-popover[data-v-3eb55093] {
    --backdrop-opacity: 0;
    --background: var(--color-bg-200)
}
.blue-default ion-popover ion-row ion-col p.on[data-v-3eb55093] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}
.blue-default .rebate-record-select[data-v-3eb55093] {
    color: var(--color-text-white-100);
    border: 1px solid var(--color-text-gray-200)
}
.blue-default .rebate-record-selected[data-v-3eb55093] {
    color: var(--color-text-white-100);
    border: 1px solid var(--color-text-white-100)
}
.blue-default .record-select-icon[data-v-3eb55093] {
    color: var(--color-text-gray-200)
}
.blue-default .record-select-p[data-v-3eb55093] {
    color: var(--color-text-gray-200);
    border: 1px solid var(--color-border-600)
}
.blue-default .record-agent34[data-v-3eb55093],
.blue-default .record-rebate-ratio[data-v-3eb55093] {
    color: var(--color-text-white-100)
}
.blue-default .record-empty-text[data-v-3eb55093] {
    color: var(--color-text-gray-200)
}
.blue-default .record-list-text-color[data-v-3eb55093] {
    color: var(--color-text-white-100)
}
.blue-default ion-button.read-all-btn[data-v-af0e549c] {
    --background: var(--color-bg-50);
    --color: var(--color-text-white-100);
    --background-focused: var(--notice-read-all-btn-focused-bgc);
    --background-hover: var(--notice-read-all-btn-hover-bgc);
    --background-activated: var(--notice-read-all-btn-focused-bgc)
}
.blue-default .notice-item[data-v-af0e549c] {
    background: var(--color-bg-200)
}
.blue-default .notice-item-date[data-v-af0e549c] {
    color: var(--color-text-gray-200)
}
.blue-default .notice-item-title[data-v-af0e549c] {
    color: var(--color-text-white-100)
}
.blue-default .notice-item-content[data-v-af0e549c] {
    color: var(--color-text-gray-200)
}
.blue-default .board[data-v-4c23f9a6],
.blue-default .service-item[data-v-4c23f9a6] {
    background-color: var(--color-bg-200)
}
.blue-default .online-service ion-button[data-v-4c23f9a6],
.blue-default .service-item ion-button[data-v-4c23f9a6] {
    --color: var(--color-text-white-100);
    --background: var(--theme-color-gradient-100);
    --background-focused: var(--service-customer-btn-focused-bgc);
    --background-hover: var(--theme-color-gradient-100);
    --background-activated: var(--service-customer-btn-focused-bgc)
}
.blue-default .online-text[data-v-4c23f9a6] {
    color: var(--color-text-white-100)
}
.blue-default .cust-service-tips[data-v-4c23f9a6] {
    color: var(--color-text-gray-300)
}
.blue-default .item-nickname[data-v-4c23f9a6] {
    color: var(--color-text-white-100)
}
.blue-default .item-account[data-v-4c23f9a6] {
    color: var(--color-text-gray-200)
}
.blue-default ion-button.read-all-btn[data-v-0791abad] {
    --background: var(--color-bg-50);
    --color: var(--color-text-white-100);
    --background-focused: var(--notice-read-all-btn-focused-bgc);
    --background-hover: var(--notice-read-all-btn-hover-bgc);
    --background-activated: var(--notice-read-all-btn-focused-bgc)
}
.blue-default .notice-item[data-v-0791abad] {
    background: var(--color-bg-200)
}
.blue-default .notice-item-date[data-v-0791abad] {
    color: var(--color-text-gray-200)
}
.blue-default .notice-item-title[data-v-0791abad] {
    color: var(--color-text-white-100)
}
.blue-default .notice-item-content[data-v-0791abad] {
    color: var(--color-text-gray-200)
}
.blue-default .tab-box[data-v-53976f19] {
    background: var(--color-bg-300)
}
.blue-default ion-segment.md[data-v-53976f19] {
    border-bottom: .0625rem solid var(--color-line)
}
.blue-default ion-button.base-tab[data-v-53976f19] {
    --color: var(--color-text-gray-200)
}
.blue-default ion-button.selected-tab[data-v-53976f19] {
    --color: var(--color-text-white-100)
}
.blue-default ion-segment-button.md[data-v-53976f19]::part(indicator-background) {
    background: var(--theme-color-600)
}
.blue-default .ion-padding form .item[data-v-a6fc7d80] {
    color: var(--color-text-gray-400)
}
.blue-default ion-input[data-v-a6fc7d80] {
    --background: var(--color-bg-200);
    --placeholder-color: var(--color-text-gray-300)
}
.blue-default ion-item.submit[data-v-a6fc7d80] {
    --background: var(--theme-color-gradient-100)
}
.blue-default ion-item.submit ion-button[data-v-a6fc7d80] {
    color: var(--color-text-white-100)
}
.blue-default ion-button.verify[data-v-a6fc7d80] {
    --background: var(--theme-color-gradient-100)
}
.blue-default .verify-white-color[data-v-a6fc7d80] {
    color: var(--color-text-white-100)
}
.blue-default .verify-minor-color[data-v-a6fc7d80],
.blue-default .verify-eye-color[data-v-a6fc7d80] {
    color: var(--color-text-gray-200)
}
.blue-default ion-button.submit-btn[data-v-a6fc7d80] {
    --background: var(--theme-color-gradient-100)
}
.blue-default .claimHistory[data-v-5fffc26f],
.blue-default .copy[data-v-5fffc26f],
.blue-default .more[data-v-5fffc26f] {
    --color: var(--color-text-gray-200)
}
.blue-default .copy .icon[data-v-5fffc26f] {
    color: var(--color-text-white-100)
}
.blue-default .claim[data-v-5fffc26f] {
    --background: var(--theme-color-gradient-100);
    --background-hover: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100);
    --background-focused: var(--theme-color-gradient-100);
    --color: white
}
.blue-default .activity-share-box[data-v-5fffc26f] {
    background: var(--color-bg-200)
}
.blue-default .activity-share-box .activity-agent1[data-v-5fffc26f] {
    color: var(--color-text-gray-300)
}
.blue-default .activity-share-box .activity-agent2[data-v-5fffc26f],
.blue-default .activity-share-box .activity-agent45[data-v-5fffc26f] {
    color: var(--color-text-white-100)
}
.blue-default .activity-share-box .activity-agent8[data-v-5fffc26f] {
    color: var(--theme-color-500)
}
.blue-default .activity-share-box .activity-reward[data-v-5fffc26f],
.blue-default .activity-agent7[data-v-5fffc26f] {
    color: var(--accent-color-yellow)
}
.blue-default .reward-box[data-v-5fffc26f] {
    background: var(--color-bg-200)
}
.blue-default .reward-box .arrow_icon[data-v-5fffc26f] {
    color: var(--color-text-white-100)
}
.blue-default .reward-box .i8n-box[data-v-5fffc26f] {
    color: var(--color-text-gray-200)
}
.blue-default .agency-headcount[data-v-5fffc26f] {
    background: var(--color-bg-200)
}
.blue-default .agency-headcount .activity-agent1011[data-v-5fffc26f] {
    color: var(--color-text-white-100)
}
.blue-default .agency-headcount .headcount-userCount[data-v-5fffc26f] {
    color: var(--color-text-gray-200)
}
.blue-default .agency-headcount .headcount-ZRewardType[data-v-5fffc26f] {
    color: var(--accent-color-yellow)
}
.blue-default .validCondition[data-v-5fffc26f] {
    background: var(--color-bg-200)
}
.blue-default .validCondition .validCondition-ZValidCondition[data-v-5fffc26f] {
    color: var(--color-text-gray-300)
}
.blue-default .validCondition .validCondition-text-second[data-v-5fffc26f] {
    color: var(--color-text-gray-200)
}
.blue-default .validCondition .validCondition-text-value[data-v-5fffc26f] {
    color: var(--theme-color-500)
}
.blue-default .agency-description[data-v-5fffc26f] {
    color: var(--color-text-gray-200);
    background: var(--color-bg-200)
}
.blue-default ion-item[data-v-5fffc26f] {
    --border-color: var(--color-line)
}
.blue-default .apply[data-v-d54141fa] {
    --background: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100);
    border-radius: var(--border-radius)
}
.blue-default[data-v-d54141fa] table,
.blue-default[data-v-d54141fa] th,
.blue-default[data-v-d54141fa] td {
    border: 1px solid var(--line-color)
}
.blue-default .custom-text-second[data-v-d54141fa] {
    color: var(--color-text-gray-200)
}
.blue-default ion-input[data-v-dbd29227] {
    --background: var(--color-bg-200);
    --placeholder-color: var(--color-text-gray-300)
}
.blue-default .confirm-white-color[data-v-dbd29227] {
    color: var(--color-text-white-100)
}
.blue-default .confirm-eye-color[data-v-dbd29227],
.blue-default .confirm-asset-text-color[data-v-dbd29227] {
    color: var(--color-text-gray-200)
}
.blue-default ion-button.submit-btn[data-v-dbd29227] {
    --background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}
.blue-default .header[data-v-7052bf40] {
    color: var(--color-text-100)
}
.blue-default .label[data-v-7052bf40] {
    color: var(--color-text-gray-200)
}
.blue-default ion-button.confirm[data-v-7052bf40] {
    --background: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100)
}
.blue-default ion-spinner[data-v-7052bf40] {
    --color: var(--theme-color-gradient-100)
}
.blue-default ion-content .announcement-content[data-v-edfaec62] {
    color: var(--text-color-white-40)
}
.blue-default ion-content .bottom[data-v-edfaec62] {
    color: var(--color-text-gray-300)
}
.blue-default .detail-title[data-v-edfaec62] {
    color: var(--color-text-white-100)
}
.blue-default .detail-content[data-v-edfaec62] {
    color: var(--color-text-gray-200)
}
.blue-default[data-v-edfaec62] table,
.blue-default[data-v-edfaec62] table th,
.blue-default[data-v-edfaec62] table td {
    border: .0625rem solid var(--color-border)
}
.blue-default .btnBase[data-v-3d18a877] {
    --color: var(--color-text-white-100)
}
.blue-default .btnGoHomePage[data-v-3d18a877] {
    --background: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100)
}
.blue-default .btnContinueWithdraw[data-v-3d18a877] {
    --border-color: var(--color-border);
    --color: var(--color-text-white-100);
    --background: var(--color-bg-300)
}
.blue-default .apply[data-v-b40ad705] {
    --background: var(--theme-color-gradient-100)
}
.blue-default .rechargeReward-text-basic[data-v-b40ad705] {
    color: var(--color-text-white-100)
}
.blue-default .rechargeReward-text-basic[data-v-b40ad705] table,
.blue-default .rechargeReward-text-basic[data-v-b40ad705] th,
.blue-default .rechargeReward-text-basic[data-v-b40ad705] td {
    border: 1px solid var(--line-color)
}
.blue-default form[data-v-14776837] {
    background: var(--color-bg-200)
}
.blue-default .illustrate[data-v-14776837] {
    color: var(--color-text-white-100)
}
.blue-default ion-input[data-v-14776837] {
    --background: var(--color-bg-300);
    --placeholder-color: var(--color-text-gray-100)
}
.blue-default .confirm-eye-color[data-v-14776837] {
    color: var(--color-text-gray-200)
}
.blue-default .register-tips[data-v-14776837] {
    border-left: .125rem solid var(--color-text-white-100);
    color: var(--color-text-gray-100)
}
.blue-default ion-item.submit[data-v-14776837]::part(native) {
    --background: var(--theme-color-gradient-100)
}
.blue-default ion-item ion-button[data-v-14776837] {
    color: var(--color-text-white-100)
}
.blue-default .agent-bonus-rate[data-v-872c19aa] {
    background: var(--color-bg-200)
}
.blue-default ion-segment[data-v-872c19aa] {
    --background: var(--color-bg-200);
    border-bottom: 1px solid var(--color-line)
}
.blue-default ion-segment-button[data-v-872c19aa]::part(indicator-background) {
    background: var(--theme-color-600)
}
.blue-default ion-label.selected-tab[data-v-872c19aa] {
    color: var(--color-text-white-100)
}
.blue-default ion-label.base-tab[data-v-872c19aa] {
    color: var(--color-text-gray-200)
}
.blue-default ion-item.odd[data-v-872c19aa] {
    --background: var(--color-bg-1200)
}
.blue-default .rate-item-title[data-v-872c19aa] {
    background: var(--color-bg-1200);
    color: var(--color-text-white-100)
}
.blue-default .table-content-text-color[data-v-872c19aa] {
    color: var(--color-text-gray-200)
}
.blue-default .important-text[data-v-872c19aa] {
    color: var(--accent-color-yellow)
}
.blue-default .newest-border[data-v-73ec1a08] {
    border: 1px solid var(--color-border-600)
}
.blue-default .agent-small-box[data-v-73ec1a08] {
    color: var(--color-text-white-100);
    background: var(--color-bg-200)
}
.blue-default .newest-border[data-v-2a053bfb] {
    border: 1px solid var(--color-border-600)
}
.blue-default .newest-white-color[data-v-2a053bfb] {
    color: var(--color-text-white-100)
}
.blue-default .agent-small-box[data-v-2a053bfb] {
    color: var(--color-text-white-100);
    background: var(--color-bg-200)
}
.blue-default .money-text[data-v-2a053bfb] {
    color: var(--accent-color-orange-1)
}
.blue-default .newest-border[data-v-0285c1fc] {
    border: 1px solid var(--color-border-600)
}
.blue-default .newest-white-color[data-v-0285c1fc] {
    color: var(--color-text-white-100)
}
.blue-default .newest-minor-color[data-v-0285c1fc] {
    color: var(--color-text-gray-200)
}
.blue-default .money-text[data-v-0285c1fc] {
    color: var(--accent-color-orange-1)
}
.card[data-v-019a68e0],
.blue-default .card[data-v-019a68e0] {
    background: var(--color-bg-200)
}
.blue-default .agent-share-info[data-v-3ec72a1c],
.blue-default .card[data-v-3ec72a1c] {
    background: var(--color-bg-200)
}
.blue-default .receive-rule[data-v-3ec72a1c] {
    border-bottom: 1px solid var(--color-line)
}
.blue-default .receive-rule .text .hint[data-v-3ec72a1c] {
    color: var(--text-color-white-40)
}
.blue-default .receive-rule .rule-btn[data-v-3ec72a1c] {
    border-radius: var(--rounded-small)
}
.blue-default ion-item[data-v-3ec72a1c]::part(detail-icon) {
    color: var(--color-text-gray-200)
}
.blue-default ion-note[data-v-3ec72a1c] {
    --color: var(--color-text-white-100)
}
.blue-default ion-note.cash[data-v-3ec72a1c] {
    --color: var(--accent-color-orange-1)
}
.blue-default ion-toolbar.agent-info[data-v-3ec72a1c] {
    --ion-toolbar-background: var(--color-bg-200)
}
.blue-default ion-button.claim[data-v-3ec72a1c]::part(native) {
    background: var(--agent-claim-bgc)
}
.blue-default ion-button.history[data-v-3ec72a1c]::part(native) {
    background: var(--agent-history-bgc);
    color: var(--color-text-white-100)
}
.blue-default ion-button.on[data-v-3ec72a1c]::part(native) {
    background: var(--agent-disabled-btn-bgc);
    color: var(--color-text-white-100);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}
.blue-default .agent-white-text-color[data-v-3ec72a1c] {
    color: var(--color-text-white-100)
}
.blue-default .agent-minor-text-color[data-v-3ec72a1c] {
    color: var(--color-text-gray-300)
}
.blue-default .referral-tips[data-v-3ec72a1c] {
    border-bottom: 1px solid var(--color-border-600)
}
.blue-default .save-qrcode-btn[data-v-3ec72a1c] {
    background: var(--theme-color-500)
}
.blue-default .agent-share-link[data-v-3ec72a1c] {
    border: 1px solid var(--color-line)
}
.blue-default .agent-share-icon-color[data-v-3ec72a1c] {
    color: var(--color-text-white-100)
}
.blue-default .text-color[data-v-3ec72a1c] {
    color: var(--color-text-gray-300)
}
.blue-default ion-note.more[data-v-3ec72a1c] {
    --color: var(--theme-color-500)
}
.blue-default .agent-performance[data-v-67a14c87] {
    background: var(--color-bg-800)
}
.blue-default .select-item[data-v-67a14c87] {
    background: var(--color-bg-1100)
}
.blue-default ion-item[data-v-67a14c87] {
    --background: var(--agent-performance-detail-item-bgc)
}
.blue-default ion-item.commission-list[data-v-67a14c87]:nth-child(odd) {
    --background: var(--color-bg-300)
}
.blue-default ion-item.commission-list[data-v-67a14c87]:nth-child(2n) {
    --background: var(--color-bg-100)
}
.blue-default #popover-trigger p.on[data-v-67a14c87] {
    border-bottom: 1px solid var(--theme-color-600)
}
.blue-default ion-modal[data-v-67a14c87] {
    --background: var(--color-bg-300)
}
.blue-default ion-modal ion-toolbar.detail-toolbar[data-v-67a14c87] {
    --background: var(--agent-performance-detail-toolbar-bgc);
    border-bottom: 1px solid var(--color-border-600)
}
.blue-default ion-datetime[data-v-67a14c87] {
    --background: var(--color-bg-200);
    color: var(--color-text-white-100)
}
.blue-default ion-datetime[data-v-67a14c87]::part(calendar-day active) {
    color: var(--agent-datetime-select-text-color);
    background: var(--agent-ion-datetime-calendar-day-bgc);
    box-shadow: none
}
.blue-default ion-datetime[data-v-67a14c87]::part(month-year-button) {
    color: var(--theme-color-800)
}
.blue-default .ion-color-primary[data-v-67a14c87] {
    --ion-color-base: var(--agent-ion-color-primary) !important
}
.blue-default .select-date[data-v-67a14c87] {
    background: var(--color-bg-300);
    color: var(--color-text-gray-300)
}
.blue-default .select-date .text-base[data-v-67a14c87] {
    color: var(--color-text-gray-300)
}
.blue-default ion-searchbar#search-agency[data-v-67a14c87] {
    --color: var(--color-text-white-100);
    --background: var(--color-bg-300);
    --placeholder-color: var(--color-text-gray-300)
}
.blue-default ion-searchbar#search-agency .search-icon[data-v-67a14c87] {
    color: var(--color-text-gray-300)
}
.blue-default .performance-item-title[data-v-67a14c87] {
    --background: var(--color-bg-1200);
    color: var(--color-text-white-100)
}
.blue-default .table-content-text-color[data-v-67a14c87] {
    color: var(--color-text-gray-200)
}
.blue-default ion-datetime[data-v-67a14c87]::part(wheel-item active) {
    color: var(--color-text-white-100)
}
.blue-default .agent-commission[data-v-e731457b],
.blue-default .model-detail-main[data-v-e731457b] {
    background: var(--color-bg-800)
}
.blue-default #popover-trigger p.on[data-v-e731457b] {
    border-bottom: 1px solid var(--theme-color-600)
}
.blue-default .select-item[data-v-e731457b] {
    background: var(--color-bg-1100)
}
.blue-default .select-date[data-v-e731457b] {
    background: var(--color-bg-300);
    color: var(--color-text-gray-300)
}
.blue-default .select-date .text-base[data-v-e731457b] {
    color: var(--color-text-gray-300)
}
.blue-default ion-item.commission-list[data-v-e731457b]:nth-child(odd) {
    --background: var(--color-bg-300)
}
.blue-default ion-item.commission-list[data-v-e731457b]:nth-child(2n) {
    --background: var(--color-bg-100)
}
.blue-default ion-select[data-v-e731457b] {
    --background: var(--color-bg-300);
    color: var(--color-text-white-100);
    --placeholder-color: var(--color-text-gray-100)
}
.blue-default ion-toolbar.detail-title[data-v-e731457b] {
    --background: var(--color-bg-900)
}
.blue-default .tab-box[data-v-e731457b],
.blue-default ion-segment.detail-type[data-v-e731457b] {
    background: var(--color-bg-800)
}
.blue-default ion-segment-button[data-v-e731457b] {
    text-transform: none;
    --color: var(--color-text-gray-200);
    --color-checked: var(--color-text-white-100);
    --indicator-color: var(--agent-commission-detail-segment-bottom-border-color)
}
.blue-default ion-item.detail-list-title[data-v-e731457b] {
    --background: var(--color-bg-100);
    color: var(--color-text-white-100)
}
.blue-default ion-item.detail-list[data-v-e731457b]:nth-child(2n) {
    --background: var(--color-bg-100)
}
.blue-default ion-item.detail-list[data-v-e731457b]:nth-child(odd) {
    --background: var(--color-bg-300)
}
.blue-default ion-datetime[data-v-e731457b] {
    --background: var(--color-bg-200);
    color: var(--color-text-white-100)
}
.blue-default ion-datetime[data-v-e731457b]::part(calendar-day active) {
    color: var(--agent-datetime-select-text-color);
    background: var(--agent-ion-datetime-calendar-day-bgc);
    box-shadow: none
}
.blue-default ion-datetime[data-v-e731457b]::part(month-year-button) {
    color: var(--theme-color-800)
}
.blue-default ion-datetime[data-v-e731457b]::part(wheel-item active) {
    color: var(--color-text-white-100)
}
.blue-default .ion-color-primary[data-v-e731457b] {
    --ion-color-base: var(--agent-ion-color-primary) !important
}
.blue-default .commission-item-title[data-v-e731457b] {
    --background: var(--color-bg-1200);
    color: var(--color-text-white-100)
}
.blue-default .table-content-text-color[data-v-e731457b] {
    color: var(--color-text-gray-200)
}
.blue-default ion-toolbar[data-v-433c98a3] {
    --background: var(--color-bg-200)
}
.blue-default .tab-box[data-v-433c98a3] {
    background: var(--color-bg-300)
}
.blue-default ion-segment-button[data-v-433c98a3] {
    --indicator-color: var(--theme-color-gradient-100);
    background: var(--color-bg-900)
}
.blue-default ion-label.base-tab[data-v-433c98a3] {
    color: var(--text-color-white-100)
}
.blue-default ion-label.selected-tab[data-v-433c98a3] {
    color: var(--text-color-white-100)
}
.blue-default #app {
    --bg-game-search-tabs-btn-index: #38a8fa;
    --color-inicio-HeaderBar-assets-prefix: #FBA531;
    --bg-inicio-HeaderBar-btn: transparent;
    --color-inicio-HeaderBar-assets-icon: #fff;
    --color-game-search-tabs-btn-active: #fff;
    --bg-inicio-PwaView-toolbar: linear-gradient(90deg, #202940 0%, #131A2C 100%)
}
.blue-default .home-type-Platform #app {
    --bg-inicio-PwaView-toolbar: linear-gradient(90deg, #44645A 0%, #3A1A5D 100%);
    --color-bar-bg: #154084
}
.blue-default .footer[data-v-ef4f7c0c] {
    background-color: var(--color-bg-100);
    box-shadow: 0 .5px 0 0 var(--color-border) inset
}
.blue-default .footer .unable[data-v-ef4f7c0c-s] {
    background: var(--color-btn-gradient-footerUnable);
    color: var(--color-text-white-100)
}
.blue-default .footer .enable[data-v-ef4f7c0c-s] {
    background: var(--color-btn-gradient-footer);
    color: var(--color-text-white-100)
}
.blue-default .footer .active[data-v-ef4f7c0c-s] {
    background: var(--color-btn-gradient-footer);
    color: var(--color-text-white-100);
    box-shadow: 0 4px 15px rgba(32, 139, 229, .25)
}
.blue-default .illustrate[data-v-87efb742] {
    background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}
.blue-default .illustrate[data-v-87efb742] .ruleHeader .span-cls {
    color: var(--color-text-gray-200)
}
.blue-default .earnings[data-v-87efb742] {
    color: var(--accent-color-yellow)
}
.blue-default ion-modal div.button[data-v-87efb742] {
    background: var(--theme-color-gradient-400)
}
.blue-default .mineral-time-date[data-v-87efb742] {
    background: var(--color-bg-200);
    color: var(--color-text-white-100)
}
.blue-default .mineral-text-basic[data-v-87efb742] {
    color: var(--color-text-white-100)
}
.blue-default .mineral-text-emphasis[data-v-87efb742] {
    color: var(--accent-color-yellow)
}
.blue-default .mineral-text-second[data-v-87efb742] {
    color: var(--color-text-gray-200)
}
.blue-default .piece-range-amount[data-v-2cf16014],
.blue-default .piece-award-count[data-v-2cf16014] {
    color: var(--color-text-white-100)
}
.blue-default .piece-expirationTime[data-v-2cf16014] {
    color: var(--color-text-gray-200)
}
.blue-default .piece-expireCountdown[data-v-2cf16014] {
    color: var(--color-text-white-100)
}
.blue-default .piece-bg-second[data-v-2cf16014] {
    background: var(--color-bg-200)
}
.blue-default .piece-text-basic[data-v-2cf16014] {
    color: var(--color-text-white-100)
}
.blue-default .piece-text-wheelBottomUnchecked[data-v-2cf16014] {
    color: var(--color-text-gray-600)
}
.blue-default .piece-receipt-record[data-v-2cf16014],
.blue-default .piece-support-record[data-v-2cf16014] {
    color: var(--color-text-gray-200)
}
.blue-default .piece-rule[data-v-2cf16014] {
    color: var(--color-text-gray-500);
    background: var(--color-bg-200)
}
.blue-default .piece-support-box[data-v-2cf16014] {
    background: var(--color-bg-300)
}
.blue-default .piece-support-box .support-bg-third[data-v-2cf16014] {
    color: var(--color-bg-100)
}
.blue-default .piece-support-box .support-bg-third .support-round-amount[data-v-2cf16014] {
    color: var(--color-text-white-100)
}
.blue-default .piece-reward-model[data-v-2cf16014] {
    background: var(--color-bg-300)
}
.blue-default .piece-reward-model .reward-count[data-v-2cf16014] {
    color: var(--color-text-white-100)
}
.blue-default .piece-pChecked[data-v-2cf16014],
.blue-default .invite[data-v-2cf16014] {
    color: var(--color-text-basic)
}
.blue-default .rules-area[data-v-e6df7d0e] {
    padding: 0 .75rem;
    margin-top: 1.875rem
}
.blue-default .rules-area .times[data-v-e6df7d0e] {
    width: 100%;
    height: 6.6875rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--color-bg-200);
    border-radius: var(--rounded-middle);
    padding: .6563rem .75rem;
    box-sizing: border-box;
    margin: 1.875rem 0 1rem
}
.blue-default .rules-area .times li[data-v-e6df7d0e] {
    width: 6.5625rem;
    height: 5.375rem;
    background: var(--color-bg-300);
    border-radius: var(--rounded-small);
    text-align: center;
    position: relative;
    overflow: hidden
}
.blue-default .rules-area .times li .times-num[data-v-e6df7d0e] {
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-100);
    line-height: 1.875rem;
    margin: .8rem 0 .3rem;
    height: 1.875rem
}
.blue-default .rules-area .times li .times-num .merchant[data-v-e6df7d0e] {
    font-size: var(--font-size-10);
    color: var(--color-text-40);
    margin-right: .125rem
}
.blue-default .rules-area .times li .times-num .infinite[data-v-e6df7d0e] {
    font-size: 1.875rem;
    color: var(null)
}
.blue-default .rules-area .times li .word[data-v-e6df7d0e] {
    font-size: var(--font-size-10);
    color: var(--color-text-40);
    line-height: .9375rem
}
.blue-default .rules-area .times li[data-v-e6df7d0e]:first-child:after {
    content: "";
    width: 5rem;
    height: .625rem;
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translate(-48%);
    opacity: .73;
    background: #f643ff;
    filter: blur(25.20000076px)
}
.blue-default .rules-area .times li[data-v-e6df7d0e]:nth-child(2):after {
    content: "";
    width: 5rem;
    height: .625rem;
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translate(-48%);
    opacity: .73;
    background: #98ff3f;
    filter: blur(25.20000076px)
}
.blue-default .rules-area .times li[data-v-e6df7d0e]:last-child:after {
    content: "";
    width: 5rem;
    height: .625rem;
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translate(-48%);
    opacity: .73;
    background: #46c7fe;
    filter: blur(25.20000076px)
}
.blue-default .rules-area .table-header[data-v-e6df7d0e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--color-bg-200);
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0;
    box-sizing: border-box
}
.blue-default .rules-area .table-header li[data-v-e6df7d0e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-bold);
    text-align: center;
    height: 2.25rem;
    line-height: 2.25rem
}
.blue-default .rules-area .table-header li .inner[data-v-e6df7d0e] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}
.blue-default .rules-area .table-header .item-2[data-v-e6df7d0e]:first-child {
    flex: .7
}
.blue-default .rules-area .table-header .item-2[data-v-e6df7d0e]:last-child {
    flex: .3
}
.blue-default .rules-area .table-header .item-3[data-v-e6df7d0e]:first-child {
    width: 10.625rem
}
.blue-default .rules-area .table-header .item-3[data-v-e6df7d0e]:nth-child(2) {
    width: 6rem
}
.blue-default .rules-area .table-header .item-3[data-v-e6df7d0e]:last-child {
    width: 6.25rem
}
.blue-default .rules-area .rules-list[data-v-e6df7d0e] {
    width: 100%
}
.blue-default .rules-area .rules-list li[data-v-e6df7d0e] {
    width: 100%;
    height: 2.625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-size: var(--font-size-12)
}
.blue-default .rules-area .rules-list li .order[data-v-e6df7d0e] {
    display: flex;
    justify-content: center;
    align-items: center
}
.blue-default .rules-area .rules-list li .order .count[data-v-e6df7d0e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    font-weight: var(--font-weight-medium);
    margin-left: .5625rem
}
.blue-default .rules-area .rules-list li .order .count span[data-v-e6df7d0e] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-80);
    font-size: var(--font-size-12)
}
.blue-default .rules-area .rules-list li .multiple[data-v-e6df7d0e] {
    font-weight: 700;
    color: var(--ep-color-text-warning)
}
.blue-default .rules-area .rules-list li .x[data-v-e6df7d0e] {
    font-size: var(--font-size-10)
}
.blue-default .rules-area .rules-list li .amount[data-v-e6df7d0e] {
    font-weight: 700;
    color: var(--accent-color-orange)
}
.blue-default .rules-area .rules-list li .amount .count[data-v-e6df7d0e] {
    font-size: var(--font-size-10)
}
.blue-default .rules-area .rules-list li[data-v-e6df7d0e]:nth-child(2n) {
    background: var(--color-bg-400)
}
.blue-default .rules-area .rules-list li .item-2[data-v-e6df7d0e]:first-child {
    flex: .7
}
.blue-default .rules-area .rules-list li .item-2[data-v-e6df7d0e]:last-child {
    flex: .3
}
.blue-default .rules-area .rules-list li .item-3[data-v-e6df7d0e]:first-child {
    width: 10.625rem
}
.blue-default .rules-area .rules-list li .item-3[data-v-e6df7d0e]:nth-child(2) {
    width: 6rem
}
.blue-default .rules-area .rules-list li .item-3[data-v-e6df7d0e]:last-child {
    width: 6.25rem
}
.blue-default .rules-area .rule-text[data-v-e6df7d0e] {
    margin-top: .875rem;
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem
}
.blue-default .rules-area .lucky-bet-rule[data-v-e6df7d0e] .ruleHeader {
    margin-top: .875rem;
    margin-bottom: 1rem;
    justify-content: start
}
.blue-default .rules-area .lucky-bet-rule[data-v-e6df7d0e] .ruleHeader .span-cls {
    font-size: 1rem;
    line-height: 1.125rem;
    margin: 0
}
.blue-default .rules-area .lucky-bet-rule[data-v-e6df7d0e] .item-wrap {
    margin-bottom: 1rem;
    padding: 0 0 0 .375rem
}
.blue-default .rules-area .lucky-bet-rule[data-v-e6df7d0e] .item-wrap .rule-item {
    color: var(--color-text-40)
}
.blue-default .header-list[data-v-149e91fe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    height: 2.25rem;
    width: 22.875rem;
    margin: 1.8125rem auto 0;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-s, .25rem) var(--ep-border-radius-s, .25rem) 0 0
}
.blue-default .header-list li[data-v-149e91fe] {
    color: var(--color-text-40);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700)
}
.blue-default .header-list li .item[data-v-149e91fe] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}
.blue-default .header-list li[data-v-149e91fe]:nth-child(1) {
    width: 10.125rem
}
.blue-default .header-list li[data-v-149e91fe]:nth-child(2) {
    width: 6.25rem
}
.blue-default .header-list li[data-v-149e91fe]:nth-child(3) {
    width: 6.4375rem
}
.blue-default .record-list[data-v-149e91fe] {
    margin: 0 auto;
    width: 22.875rem
}
.blue-default .record-list li[data-v-149e91fe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    line-height: 2.625rem;
    font-size: var(--ep-font-size-s, .75rem);
    width: 22.875rem
}
.blue-default .record-list li[data-v-149e91fe]:nth-child(2n) {
    background: var(--color-bg-400)
}
.blue-default .record-list li .order[data-v-149e91fe] {
    width: 10.125rem;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--color-text-80)
}
.blue-default .record-list li .amount[data-v-149e91fe] {
    width: 6.25rem;
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--accent-color-orange)
}
.blue-default .record-list li .status[data-v-149e91fe] {
    width: 6.4375rem;
    font-weight: var(--ep-font-weight-medium, 600)
}
.blue-default .record-list li .RECEIVED[data-v-149e91fe] {
    color: var(--accent-color-green)
}
.blue-default .record-list li .DISTRIBUTED[data-v-149e91fe] {
    color: var(--accent-color-blue)
}
.blue-default .record-list li .EXPIRED[data-v-149e91fe] {
    color: var(--color-text-40)
}
.blue-default .content-area[data-v-43afe7d5] {
    padding: 1.8125rem .75rem 0
}
.blue-default .content-area .tab[data-v-43afe7d5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 22.875rem;
    height: 2.75rem;
    border-radius: var(--rounded-middle);
    background: var(--color-bg-300);
    border: .0625rem solid var(--line-color);
    padding: .1875rem
}
.blue-default .content-area .tab li[data-v-43afe7d5] {
    flex: 1;
    text-align: center;
    line-height: 2.375rem;
    font-size: var(--font-size-14);
    color: var(--text-color-white-80);
    font-weight: var(--font-weight-regular);
    cursor: pointer
}
.blue-default .content-area .tab .active[data-v-43afe7d5] {
    background: var(--color-bg-100);
    color: var(--theme-color-500);
    font-weight: var(--font-weight-bold);
    border-radius: var(--rounded-small)
}
.blue-default ion-modal[data-v-abaeab8a] {
    --background: var(--sign-default-unmetReceiveModal-bg)
}
.blue-default .unmet-receive[data-v-abaeab8a] {
    border-radius: .625rem;
    background: var(--color-bg-200)
}
.blue-default .unmet-tips[data-v-abaeab8a] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-text-white-100)
}
.blue-default .unmet-message[data-v-abaeab8a] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}
.blue-default .text-money[data-v-abaeab8a] {
    color: var(--sign-default-extra-reward)
}
.blue-default ion-button.default-unmet-receive-btn[data-v-abaeab8a] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--sign-default-footer-btn-bg);
    --color: var(--color-text-white-100);
    --background-focused: var(--sign-default-footer-btn-bg);
    --background-hover: var(--sign-default-footer-btn-bg);
    --background-activated: var(--sign-default-footer-btn-bg)
}
.blue-default ion-content[data-v-c8a46ee9] {
    --background: var(--color-bg-400)
}
.blue-default .item-money-text[data-v-c8a46ee9] {
    color: var(--ep-color-text-default)
}
.blue-default .default-sign-money[data-v-c8a46ee9],
.blue-default .default-sign-day[data-v-c8a46ee9] {
    border-radius: .625rem;
    font-size: .875rem;
    font-weight: 500;
    color: var(--sign-default-day-text-color)
}
.blue-default .default-current-vip .vip-info[data-v-c8a46ee9] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--color-text-white-100)
}
.blue-default .default-current-vip .vip-info .vip-tips[data-v-c8a46ee9] {
    font-size: .625rem;
    color: var(--text-color-white-40)
}
.blue-default .default-sign-date .date-box[data-v-c8a46ee9] {
    border-radius: .375rem;
    background: var(--sign-default-date-box-bg);
    border: 1px solid var(--sign-default-footer-border)
}
.blue-default .default-sign-date .date-box .date-item[data-v-c8a46ee9] {
    border-radius: .25rem;
    background: var(--color-bg-400)
}
.blue-default .default-sign-date .date-box .date-item .date-item-day[data-v-c8a46ee9] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}
.blue-default .default-sign-date .date-box .date-item .date-item-money[data-v-c8a46ee9] {
    font-size: .625rem;
    font-weight: 500;
    color: var(--color-text-white-100)
}
.blue-default .default-sign-date .date-box .date-item .date-item-money .date-item-money-icon[data-v-c8a46ee9] {
    font-size: .625rem;
    color: var(--sign-default-day-text-color)
}
.blue-default .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-c8a46ee9] {
    font-size: .5rem;
    color: var(--text-color-white-40)
}
.blue-default .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-c8a46ee9] {
    font-weight: 500;
    color: var(--sign-default-extra-reward)
}
.blue-default .default-sign-date .date-box .default-available-item1[data-v-c8a46ee9] {
    border-bottom: 1px solid var(--mlm-agent-team-text-color)
}
.blue-default .default-sign-date .date-box .default-available-item2[data-v-c8a46ee9]:before {
    background: var(--sing-default-available-before)
}
.blue-default .default-sign-rule .default-sign-rule-content[data-v-c8a46ee9] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}
.blue-default .default-sign-rule[data-v-c8a46ee9] .ruleHeader .span-cls,
.blue-default .default-sign-rule[data-v-c8a46ee9] .item-wrap .rule-item {
    font-family: Saira, sans-serif;
    color: var(--text-color-white-40)
}
.blue-default .default-footer-btn[data-v-c8a46ee9] {
    background: var(--sign-default-date-box-bg);
    border-top: 1px solid var(--sign-default-footer-border)
}
.blue-default .default-footer-btn ion-button.default-sign-available-btn[data-v-c8a46ee9] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--sign-default-footer-btn-bg);
    --color: var(--color-text-white-100);
    --background-focused: var(--sign-default-footer-btn-bg);
    --background-hover: var(--sign-default-footer-btn-bg);
    --background-activated: var(--sign-default-footer-btn-bg)
}
.blue-default .done[data-v-6c6131fa] {
    --rect-fill-color: #2F3852;
    --circle-fill-color: #9BA7BE
}
.blue-default .undone[data-v-6c6131fa] {
    --rect-fill-color: #151C2F;
    --circle-fill-color: #090F1F
}
.blue-default ion-content[data-v-fe305d60] {
    --background: var(--ep-color-background-fill-body-default, #090F1F)
}
.blue-default .banner[data-v-fe305d60] {
    width: 100%;
    height: 12.6875rem;
    background: url(/assets/banner01-D4JvzT0X.png) no-repeat;
    background-size: cover;
    background-position: center
}
.blue-default .level-progress .icon-item .level-icons.checked[data-v-fe305d60] {
    background: var(--ep-dynamic-primary, linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%))
}
.blue-default .level-progress .icon-item .level-icons.unchecked[data-v-fe305d60] {
    background: var(--ep-color-background-fill-surface-raised-L2, #101629)
}
.blue-default .level-progress .icon-item p[data-v-fe305d60] {
    color: var(--ep-color-text-weak, #737BB2)
}
.blue-default .progress-container .progress-bar[data-v-fe305d60] {
    --color-stop: 0%;
    background: linear-gradient(to right, var(--ep-color-text-weak, #737BB2) var(--color-stop), var(--ep-color-background-fill-surface-raised-L2, #151C2F) var(--color-stop))
}
.blue-default .progress-container .progress-mark .mark-item p.done[data-v-fe305d60] {
    color: var(--ep-color-text-weak, #737BB2)
}
.blue-default .progress-container .progress-mark .mark-item p.undone[data-v-fe305d60] {
    color: var(--ep-color-text-weakest, #2F3852)
}
.blue-default .bet-info[data-v-fe305d60] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #202940)
}
.blue-default .bet-info .bet-amount[data-v-fe305d60] {
    color: var(--ep-color-text-warning, #FBA531)
}
.blue-default .bet-info .bet-text[data-v-fe305d60] {
    color: var(--ep-color-text-weakest, #495780)
}
.blue-default .reward-info .title[data-v-fe305d60] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #202940);
    color: var(--ep-color-text-weak, #9BA7BE)
}
.blue-default .reward-info .item .day-text[data-v-fe305d60] {
    color: var(--ep-color-text-weak, #9BA7BE)
}
.blue-default .reward-info .item .amount[data-v-fe305d60] {
    color: var(--ep-color-text-warning, #FBA531)
}
.blue-default .reward-info .item .amount .units[data-v-fe305d60] {
    color: var(--ep-color-text-weakest, #2F3852)
}
.blue-default .reward-info .item .button-wrapper .button.canDo[data-v-fe305d60],
.blue-default .reward-info .item .button-wrapper .button.done[data-v-fe305d60] {
    background: var(--ep-dynamic-primary, linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%))
}
.blue-default .reward-info .item .button-wrapper p[data-v-fe305d60] {
    color: var(--ep-color-text-weak, #9BA7BE)
}
.blue-default .reward-info .item[data-v-fe305d60]:nth-child(odd) {
    background: var(--ep-color-background-fill-surface-lowered, #151C2F)
}
.blue-default .reward-info .item[data-v-fe305d60]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, #101629)
}
.blue-default .levelSignIn-style0-rule[data-v-fe305d60] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}
.blue-default .levelSignIn-style0-rule[data-v-fe305d60] .ruleHeader .span-cls {
    color: var(--ep-color-text-default, rgba(255, 255, 255, .7))
}
.blue-default .levelSignIn-style0-rule[data-v-fe305d60] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}
.blue-default .textBasic[data-v-e18ae0a1] {
    color: var(--color-text-basic)
}
.blue-default .textEmphasis[data-v-e18ae0a1] {
    color: var(--color-text-emphasis)
}
.blue-default .textSecond[data-v-e18ae0a1] {
    color: var(--color-text-second)
}
.blue-default .bgSecond[data-v-e18ae0a1] {
    background: var(--color-bg-second)
}
.blue-default .textTime[data-v-e18ae0a1] {
    color: var(--color-text-emphasis)
}
.blue-default .title-text[data-v-e18ae0a1] {
    color: var(--color-text-basic)
}
.blue-default .textReward[data-v-e18ae0a1] {
    color: var(--color-text-emphasis)
}
.blue-default .textRule[data-v-e18ae0a1] {
    color: var(--color-text-second)
}
.blue-default .des .item[data-v-e18ae0a1] {
    background-color: var(--color-bg-second)
}
.blue-default .appreciation-rule[data-v-e18ae0a1] .ruleHeader {
    margin-bottom: .75rem;
    margin-left: -.375rem;
    justify-content: flex-start
}
.blue-default .appreciation-rule[data-v-e18ae0a1] .ruleHeader .span-cls {
    color: var(--color-text-basic);
    font-size: 1rem;
    font-weight: var(--ep-font-weight-medium);
    margin: 0
}
.blue-default .appreciation-rule[data-v-e18ae0a1] .item-wrap {
    padding: 0
}
.blue-default .appreciation-rule[data-v-e18ae0a1] .item-wrap .rule-item {
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-text-second);
    margin-bottom: .75rem
}
.blue-default ion-content[data-v-8eb28dee] {
    --background: var(--color-bg-400)
}
.blue-default .default-invite-cpf-record[data-v-8eb28dee] {
    font-size: 1.875rem;
    color: var(--color-text-white-100)
}
.blue-default .cpf-share-content[data-v-8eb28dee] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--mlm-agent-team-text-color)
}
.blue-default .default-invite-cpf-claim[data-v-8eb28dee]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, .27) 35%, rgba(0, 0, 0, .27) 64.95%, rgba(0, 0, 0, 0) 95%)
}
.blue-default .default-invite-cpf-claim .top-line[data-v-8eb28dee],
.blue-default .default-invite-cpf-claim .bottom-line[data-v-8eb28dee] {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .42) 50.5%, rgba(255, 255, 255, 0))
}
.blue-default .default-invite-cpf-claim .default-invite-cpf-reward-amount-tips[data-v-8eb28dee] {
    font-size: .625rem;
    color: var(--invite-cpf-reward-amount-text-color)
}
.blue-default .default-invite-cpf-claim .default-invite-cpf-reward-amount[data-v-8eb28dee] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--accent-color-orange)
}
.blue-default .default-invite-cpf-rule[data-v-8eb28dee] .ruleHeader .span-cls {
    font-size: 1rem;
    color: var(--text-color-white-40)
}
.blue-default .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap {
    padding: 0 0 0 .375rem
}
.blue-default .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap .rule-item,
.blue-default .default-invite-cpf-rule .invite-cpf-rule-item[data-v-8eb28dee] {
    color: var(--text-color-white-40)
}
.blue-default .default-invite-cpf-rule .default-invite-cpf-rule-content[data-v-8eb28dee] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}
.blue-default .default-invite-cpf-footer[data-v-8eb28dee] {
    background: var(--invite-cpf-footer-bg-color);
    border-top: 1px solid var(--invite-cpf-footer-top-line)
}
.blue-default .default-invite-cpf-footer ion-button.default-available-btn[data-v-8eb28dee] {
    font-size: .875rem;
    font-weight: 700;
    --background: var(--mlm-agent-home-invite-btn-color);
    --color: var(--color-text-white-100)
}
.blue-default .default-invite-cpf-footer ion-button.default-disabled-btn[data-v-8eb28dee] {
    --background: var(--color-primary-btn-disable);
    --color: var(--color-primary-btn-text-disable)
}
.blue-default ion-content[data-v-b48a0562] {
    --background: var(--color-bg-400)
}
.blue-default .default-cpf-record-select-date .date-box[data-v-b48a0562] {
    font-size: .75rem;
    background: var(--invite-cpf-footer-bg-color)
}
.blue-default .default-cpf-record-select-date .date-box .select-tips[data-v-b48a0562] {
    font-weight: 500;
    color: var(--text-color-white-40)
}
.blue-default .default-cpf-record-select-date .date-box .current-date[data-v-b48a0562] {
    font-weight: 700;
    color: var(--color-text-white-100)
}
.blue-default ion-row.popover-select-box[data-v-b48a0562] {
    background: var(--invite-cpf-footer-bg-color)
}
.blue-default ion-row.popover-select-box ion-col.popover-select-item[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-white-80)
}
.blue-default ion-row.popover-select-box ion-col.popover-select-item .p-select-item[data-v-b48a0562] {
    border-radius: .25rem;
    border: 1px solid var(--color-border-600)
}
.blue-default ion-row.popover-select-box ion-col.popover-select-item .p-selected-col[data-v-b48a0562] {
    background: var(--color-border-600);
    color: var(--theme-color-800)
}
.blue-default .default-record-select-time-tips[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--color-danger)
}
.blue-default .default-table .default-table-title[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-white-40);
    --background: var(--invite-cpf-record-title-bg)
}
.blue-default .default-table .default-table-title ion-grid ion-row ion-col[data-v-b48a0562] {
    font-weight: 600
}
.blue-default .default-table .default-table-list[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-white-80);
    --background: var(--color-bg-400)
}
.blue-default .default-table .default-table-list .default-list-item-money[data-v-b48a0562] {
    font-weight: 700;
    color: var(--accent-color-orange)
}
.blue-default .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(odd) {
    --background: var(--color-bg-400)
}
.blue-default .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(2n) {
    --background: var(--invite-cpf-record-item-even-bg)
}
.blue-default .default-select-icon[data-v-b48a0562] {
    color: var(--color-text-white-100)
}
.blue-default ion-infinite-scroll-content.default-infinite-content[data-v-b48a0562] {
    font-size: .75rem
}
.blue-default .recharge-bank-select[data-v-787dc71b] {
    background: var(--color-bg-100)
}
.blue-default .recharge-bank-select ion-icon[data-v-787dc71b] {
    color: var(--color-text-40)
}
.blue-default .recharge-bank-select .placeholder[data-v-787dc71b] {
    color: var(--color-text-40)
}
.blue-default .bank-select-info .bank-type[data-v-787dc71b] {
    color: var(--color-text-100)
}
.blue-default .bank-select-info .bank-name[data-v-787dc71b] {
    color: var(--color-text-40)
}
.blue-default .select-bank-list[data-v-787dc71b] {
    background: var(--color-bg-100)
}
.blue-default .select-bank-item[data-v-787dc71b] {
    background: var(--color-bg-200);
    border: .0625rem solid var(--color-line)
}
.blue-default ion-input.bank-search-input[data-v-787dc71b] {
    --border-color: var(--line-color);
    --background: var(--mlm-subdetail-box-bgc)
}
.blue-default ion-input.bank-search-input.has-focus[data-v-787dc71b] {
    --border-color: var(--line-color)
}
.blue-default ion-icon.search-icon[data-v-787dc71b] {
    color: var(--color-text-40)
}
.blue-default .sub-tab-wrap[data-v-0f574d2a] {
    box-sizing: border-box;
    font-size: var(--ep-font-size-s, .75rem);
    width: 100%;
    margin: .75rem auto 1.375rem
}
.blue-default .sub-tab-wrap .title[data-v-0f574d2a] {
    font-weight: var(--ep-font-weight-bold, 700);
    margin-bottom: .625rem;
    color: var(--color-text-100);
    line-height: 1.125rem
}
.blue-default .sub-tab-wrap .sub-tab-list[data-v-0f574d2a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .875rem
}
.blue-default .sub-tab-wrap .sub-tab-list li[data-v-0f574d2a] {
    flex: 0 0 calc(50% - (2/3 * .875rem));
    height: 3.375rem;
    flex-shrink: 0;
    padding: 0 .5rem;
    color: var(--color-text-40);
    border-radius: var(--ep-border-radius-m, .375rem);
    position: relative;
    overflow-x: visible;
    cursor: pointer;
    background: var(--color-bg-200);
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-s, .75rem)
}
.blue-default .sub-tab-wrap .sub-tab-list li .name[data-v-0f574d2a] {
    width: 6.6875rem
}
.blue-default .sub-tab-wrap .sub-tab-list li .name .inner[data-v-0f574d2a] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    width: 100%
}
.blue-default .sub-tab-wrap .sub-tab-list li .tag[data-v-0f574d2a] {
    position: absolute;
    height: .875rem;
    right: 0;
    top: 0;
    line-height: .875rem;
    color: var(--text-color-white-100);
    z-index: 10;
    font-weight: var(--ep-font-weight-medium, 600);
    font-size: .5rem;
    background: var(--accent-color-red);
    padding: 0 .375rem;
    border-radius: 0 var(--ep-border-radius-m, .375rem) 0 var(--ep-border-radius-m, .375rem)
}
.blue-default .sub-tab-wrap .sub-tab-list .sub-tab .icon[data-v-0f574d2a] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    margin-right: .5rem
}
.blue-default .sub-tab-wrap .sub-tab-list .sub-tab .icon img[data-v-0f574d2a] {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.blue-default .sub-tab-wrap .sub-tab-list .channel[data-v-0f574d2a] {
    height: 2.5rem
}
.blue-default .sub-tab-wrap .sub-tab-list .channel .name[data-v-0f574d2a] {
    width: 90%
}
.blue-default .sub-tab-wrap .sub-tab-list .active[data-v-0f574d2a] {
    color: var(--color-text-100);
    font-weight: var(--ep-font-weight-bold, 700);
    border: 1px solid var(--theme-color-900);
    background: var(--color-btn-bg-active-r)
}
.blue-default .sub-tab-wrap .sub-tab-list .active .tag[data-v-0f574d2a] {
    right: -1px
}
.blue-default .sub-tab-wrap .tag-list[data-v-0f574d2a] {
    height: 2.5rem
}
.blue-default .count-down-item[data-v-598a4c52] {
    background: linear-gradient(180deg, #34ed7e, #26507c)
}
.blue-default .count-down-item .count-down-item-content[data-v-598a4c52] {
    color: #fff
}
.blue-default .count-down-item .count-down-footer-line[data-v-598a4c52] {
    background: #faac47
}
.blue-default .over-count-down[data-v-598a4c52] {
    background: linear-gradient(180deg, #fff -20.45%, #283127)
}
.blue-default .over-count-down .count-down-item-content[data-v-598a4c52] {
    color: #fff
}
.blue-default .over-count-down .count-down-footer-line[data-v-598a4c52] {
    background: #fff
}
.blue-default .top-content .date-content .reward-time[data-v-d8224c35] {
    background: linear-gradient(90deg, #d49135 10%, #9e2326 22.35%, #1659e6 75%);
    -webkit-text-stroke-color: #F6D7AA
}
.blue-default .count-down-tips[data-v-d8224c35] {
    color: #23db8c
}
.blue-default .date-week[data-v-d8224c35] {
    border: .125rem solid #BBBDFF;
    background: linear-gradient(180deg, #5582c4, #274b80);
    box-shadow: 0 0 12.9px #4a9fff, 0 5px 11.5px rgba(255, 255, 255, .38) inset
}
.blue-default .date-week .week-text[data-v-d8224c35] {
    color: #f9d045
}
.blue-default .date-week .week-tips[data-v-d8224c35] {
    color: #fff
}
.blue-default .blue-purple-date-week[data-v-d8224c35] {
    box-shadow: 0 5px .5rem rgba(255, 255, 255, .38) inset
}
.blue-default .recharge-promotion-content .recharge-rule-content[data-v-d8224c35] {
    background: linear-gradient(180.38deg, #202f51 .33%, #111542 25.46%)
}
.blue-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top[data-v-d8224c35] {
    background: #253154
}
.blue-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left[data-v-d8224c35],
.blue-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right[data-v-d8224c35] {
    color: rgba(255, 255, 255, .5)
}
.blue-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left .total-amount[data-v-d8224c35],
.blue-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right .total-amount[data-v-d8224c35] {
    color: #1acd4c
}
.blue-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .outer-recharge-btn[data-v-d8224c35] {
    background: linear-gradient(180deg, #5582c4, #274b80)
}
.blue-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-btn[data-v-d8224c35] {
    border: none !important;
    color: #1acd4c;
    background: rgba(20, 23, 60, .5)
}
.blue-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .dis-recharge-btn[data-v-d8224c35] {
    border: 1px solid #2A337A !important
}
.blue-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharged-btn[data-v-d8224c35] {
    border: 1px solid #2A337A !important;
    opacity: .5
}
.blue-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-footer[data-v-d8224c35] {
    background: rgba(255, 255, 255, .1);
    color: rgba(166, 176, 214, .5)
}
.blue-default .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-border[data-v-d8224c35] {
    background: linear-gradient(270deg, #111542 .65%, #3768b9 49.64%, #111542)
}
.blue-default .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-contents[data-v-d8224c35] {
    color: #95a9d3
}
.blue-default .rule-wrap[data-v-d8224c35] ion-icon.mineral-rule-icon {
    color: #5764fc
}
.blue-default .rule-wrap[data-v-d8224c35] .ruleHeader .span-cls {
    color: rgba(255, 255, 255, .7)
}
.blue-default .rule-wrap[data-v-d8224c35] .item-wrap .rule-item {
    color: #95a9d3
}
.blue-default table th[data-v-1851224b],
.blue-default table td[data-v-1851224b] {
    border: 1px solid var(--color-border-600);
    background: var(--color-bg-200)
}
.blue-default .rescue-countdown-time[data-v-1851224b] {
    background: var(--color-bg-200);
    color: var(--color-text-white-100)
}
.blue-default .rescue-text-basic[data-v-1851224b] {
    color: var(--color-text-white-100);
    font-weight: var(--ep-font-weight-bold, 700)
}
.blue-default .rescue-text-basic-today[data-v-1851224b] {
    color: var(--color-text-white-100)
}
.blue-default .rescue-symbol[data-v-1851224b] {
    border: 1px solid var(--color-border-600)
}
.blue-default .rescue-text-rewardThead[data-v-1851224b] {
    color: var(--color-text-gray-700)
}
.blue-default .rescue-text-emphasis[data-v-1851224b] {
    color: var(--accent-color-yellow)
}
.blue-default .rescue-ioncol-border[data-v-1851224b] {
    border: 1px solid var(--color-border-600)
}
.blue-default .rescue-ioncol-border p.today-tips[data-v-1851224b] {
    color: var(--color-text-gray-700)
}
.blue-default .rescue-introduce[data-v-1851224b] {
    background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}
.blue-default .activityTime[data-v-1851224b] {
    background-color: var(--color-bg-second)
}
.blue-default .rescueBorder[data-v-1851224b] {
    border-color: var(--color-border-input-basic)
}
.blue-default .rewardTheadColor[data-v-1851224b] {
    color: var(--color-text-rewardThead);
    background-color: var(null)
}
.blue-default .rescueBody[data-v-1851224b] {
    color: var(--color-text-emphasis)
}
.blue-default .rescueHeader[data-v-1851224b],
.blue-default .rescueBodyLeft[data-v-1851224b] {
    color: var(--color-text-basic);
    font-weight: var(--ep-font-weight-bold, 700)
}
.blue-default .profitLoss ion-col[data-v-1851224b] {
    background-color: var(null)
}
.blue-default .rescueDes[data-v-1851224b] .ruleHeader .span-cls {
    color: var(--color-text-second)
}
.blue-default .rescueDes[data-v-1851224b] .item-wrap {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    background: var(--color-bg-second)
}
.blue-default .topcontent[data-v-fd3c5fd1] {
    background: url(/images/activity/commission/bg.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 19.375rem;
    position: relative
}
.blue-default .topcontent-text[data-v-fd3c5fd1] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 11.75rem;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    height: 3.75rem;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(238, 202, 134, 0) 0%, #EECA86 50.5%, rgba(238, 202, 134, 0) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .9) 35%, rgba(0, 0, 0, .9) 64.95%, rgba(0, 0, 0, 0));
    border: null
}
.blue-default .topcontent-text-title[data-v-fd3c5fd1] {
    font-size: .625rem;
    color: #39f61e;
    font-family: Noto Sans SC;
    font-weight: 900;
    line-height: 1
}
.blue-default .topcontent-text-content[data-v-fd3c5fd1] {
    padding: .2rem 0 0;
    font-size: 1.25rem;
    font-weight: 900;
    color: #ff3f0f;
    line-height: 1
}
.blue-default .text[data-v-fd3c5fd1] {
    padding-top: .325rem;
    color: #e2c87b
}
.blue-default .table-header[data-v-fd3c5fd1] {
    color: rgba(255, 255, 255, .4);
    background: rgba(255, 255, 255, .1)
}
.blue-default .table-item[data-v-fd3c5fd1] {
    font-size: .75rem;
    font-weight: 700;
    text-align: center
}
.blue-default .table-item .left-item[data-v-fd3c5fd1] {
    color: rgba(255, 255, 255, .8)
}
.blue-default .table-item .right-item[data-v-fd3c5fd1] {
    color: var(--accent-color-orange)
}
.blue-default .table-item[data-v-fd3c5fd1]:nth-child(odd) {
    background: rgba(0, 0, 0, .1)
}
.blue-default .rule-content[data-v-fd3c5fd1] {
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.25rem;
    color: rgba(255, 255, 255, .4);
    margin-top: .875rem
}
.blue-default .commission-rule[data-v-fd3c5fd1] {
    margin: .875rem .75rem 0
}
.blue-default .commission-rule[data-v-fd3c5fd1] .ruleHeader {
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 1rem
}
.blue-default .commission-rule[data-v-fd3c5fd1] .ruleHeader .span-cls {
    font-weight: 500;
    font-size: 1rem;
    color: var(--ep-color-text-default, rgba(255, 255, 255, .4));
    line-height: 1.25rem;
    margin: 0
}
.blue-default .commission-rule[data-v-fd3c5fd1] .item-wrap {
    padding: 0 0 0 .375rem
}
.blue-default .commission-rule[data-v-fd3c5fd1] .item-wrap .rule-item {
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.25rem;
    color: rgba(255, 255, 255, .4);
    white-space: pre-line;
    margin-bottom: 1rem
}
.blue-default .footer[data-v-fd3c5fd1] {
    border-top: 1px solid #101629;
    box-shadow: none;
    padding: 16px 14px
}
.blue-default ion-modal#modal-exchange[data-v-7fae1faa] {
    --background: var(--color-bg-400)
}
.blue-default ion-modal#modal-exchange ion-input .input-wrapper.sc-ion-input-ios[data-v-7fae1faa] {
    border: 1px solid var(--color-border-600) !important
}
.blue-default ion-input[data-v-7fae1faa] {
    --placeholder-color: var(--color-text-gray-200)
}
.blue-default .exchange-text-basic[data-v-7fae1faa] {
    color: var(--color-text-white-100)
}
.blue-default .wheel-countdown-time[data-v-c2485e94] {
    background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}
.blue-default .wheel-text-second[data-v-c2485e94] {
    color: var(--color-text-gray-200)
}
.blue-default .wheel-redeem2[data-v-c2485e94],
.blue-default .wheel-obtainRewardTickets[data-v-c2485e94] {
    color: var(--color-text-white-100)
}
.blue-default .wheel-bg-second[data-v-c2485e94] {
    background: var(--color-bg-200)
}
.blue-default .wheel-ticket-amount[data-v-c2485e94],
.blue-default .wheel-ticket-label[data-v-c2485e94] {
    color: var(--color-text-white-100)
}
.blue-default .wheel-game-rule[data-v-c2485e94] {
    background: var(--color-bg-200)
}
.blue-default .wheel-game-rule .rule-p[data-v-c2485e94] {
    color: var(--color-text-gray-200)
}
.blue-default ion-modal#modal-exchange[data-v-789facd6] {
    --background: var(--ep-color-background-fill-surface-raised-L2, var(--color-bg-400))
}
.blue-default ion-modal#modal-exchange ion-input[data-v-789facd6] {
    --placeholder-color: var(--ep-color-text-weaker, var(--color-text-gray-200))
}
.blue-default ion-modal#modal-exchange ion-input.style_new_theme[data-v-789facd6] {
    border-radius: var(--ep-border-radius-l, 8px);
    border: .0625rem solid var(--ep-color-border-default, var(--color-border-600)) !important;
    background-color: var(--ep-color-background-fill-surface-lowered, #FEFEFE)
}
.blue-default .exchange-text-basic[data-v-789facd6] {
    color: var(--color-text-white-100)
}
.blue-default .event-reward-container[data-v-5eaf0cb2] {
    --actRechargeMul-c1: #ffffff;
    --actRechargeMul-c2: #ffffff;
    --actRechargeMul-c3: #ffffff;
    --actRechargeMul-c4: #fba531;
    --actRechargeMul-c5: #ffffff;
    --actRechargeMul-c6: rgba(255, 255, 255, .4);
    --actRechargeMul-c7: #ffffff;
    --actRechargeMul-bg1: #070b18;
    --actRechargeMul-bg2: #101629;
    --actRechargeMul-bg3: var(--actRechargeMul-bg1);
    --actRechargeMul-bg4: var(--actRechargeMul-bg2);
    --actRechargeMul-bg5: #1680dc;
    --actRechargeMul-bg6: rgba(22, 128, 220, .4);
    --actRechargeMul-bg7: #070b18
}
.blue-default .illustrate[data-v-55ec9d36] .item-wrap {
    background: var(--color-bg-200)
}
.blue-default .illustrate[data-v-55ec9d36] .item-wrap .rule-item {
    color: var(--color-text-gray-200)
}
.blue-default .claim ion-button[data-v-55ec9d36] {
    --background: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100)
}
.blue-default table th[data-v-55ec9d36],
.blue-default table td[data-v-55ec9d36] {
    border: 1px solid var(--color-border-600);
    font-weight: 400
}
.blue-default table thead th[data-v-55ec9d36] {
    color: var(--color-text-gray-200);
    background-color: var(--color-bg-100)
}
.blue-default table tbody td[data-v-55ec9d36] {
    background-color: var(--color-bg-200);
    text-align: center
}
.blue-default table tbody td[data-v-55ec9d36]:first-child {
    font-weight: 700;
    color: var(---color-text-white-100)
}
.blue-default table tbody td[data-v-55ec9d36]:last-child {
    font-weight: 700;
    color: var(--accent-color-yellow)
}
.blue-default .recharge-recharge1[data-v-55ec9d36] {
    color: var(---color-text-white-100)
}
.blue-default .recharge-table[data-v-55ec9d36] {
    border: 1px solid var(--color-border-600)
}
.blue-default .recharge-table .table-bg[data-v-55ec9d36] {
    background: var(--color-bg-200)
}
.blue-default .recharge-common002[data-v-55ec9d36] {
    color: var(--color-text-gray-200)
}
.blue-default .recharge-text-emphasis[data-v-55ec9d36] {
    color: var(--color-text-emphasis)
}
.blue-default .reward-info-container[data-v-6fbcfa1e] {
    width: 100%;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden;
    margin-bottom: .9375rem;
    background: var(--color-bg-300);
    font-size: var(--ep-font-size-s, .75rem)
}
.blue-default .reward-info-container .top[data-v-6fbcfa1e] {
    padding: .625rem;
    color: var(--color-text-80)
}
.blue-default .reward-info-container .top .row[data-v-6fbcfa1e] {
    display: flex;
    justify-content: space-between;
    line-height: 1.125rem
}
.blue-default .reward-info-container .top .row .row-item[data-v-6fbcfa1e] {
    margin-bottom: .3125rem
}
.blue-default .reward-info-container .top .row .amount[data-v-6fbcfa1e] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--color-text-100)
}
.blue-default .reward-info-container .top .row .amount-main[data-v-6fbcfa1e] {
    color: var(--color-currency)
}
.blue-default .reward-info-container .line[data-v-6fbcfa1e] {
    width: 19.75rem;
    border-top: 1px solid var(--color-line);
    margin: 0 auto
}
.blue-default .reward-info-container .desc[data-v-6fbcfa1e] {
    padding: .3125rem .625rem;
    color: var(--color-text-40);
    line-height: .875rem
}
.blue-default .reward-info-container .progress-content[data-v-6fbcfa1e] {
    width: 100%;
    height: .9375rem;
    line-height: .9375rem;
    background: var(--color-bg-600);
    position: relative;
    text-align: center;
    color: var(--color-text-80)
}
.blue-default .reward-info-container .progress-content .bar[data-v-6fbcfa1e] {
    height: .9375rem;
    background: var(--color-bg-50);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}
.blue-default .reward-info-container .progress-content .bar-text[data-v-6fbcfa1e] {
    position: relative;
    z-index: 2
}
.blue-default .reward-info-container .progress-content .current-days[data-v-6fbcfa1e] {
    color: var(--color-primary-800);
    font-weight: var(--ep-font-weight-medium, 600)
}
.blue-default .reward-info-container .progress-content .distribute-Day[data-v-6fbcfa1e] {
    color: var(--color-text-100)
}
.blue-default .card-bg-gradient[data-v-04507e23] {
    position: relative;
    background: var(--color-bg-100)
}
.blue-default .claimButtonEnabled[data-v-04507e23] {
    background: var(--theme-color-gradient-200);
    color: var(--color-text-white-100)
}
.blue-default .claimButtonDisabled[data-v-04507e23] {
    background: var(--color-btn-gradient-claimUnable);
    color: var(--color-text-white-100)
}
.blue-default .claimRecordButton[data-v-04507e23] {
    background: var(--theme-color-gradient-200);
    color: var(--color-text-white-100)
}
.blue-default .claimRecordButtonDisabled[data-v-04507e23] {
    background: var(--color-btn-gradient-claimUnable);
    color: var(--color-text-white-100)
}
.blue-default .historyButton[data-v-04507e23] {
    background: var(--theme-color-gradient-400);
    color: var(null)
}
.blue-default table th[data-v-04507e23] {
    border: 1px solid var(--color-border);
    font-weight: 400
}
.blue-default table thead th[data-v-04507e23] {
    color: var(--color-text-white-100)
}
.blue-default table tbody th[data-v-04507e23] {
    color: var(--accent-color-yellow)
}
.blue-default ion-progress-bar[data-v-04507e23] {
    --background: var(--color-bg-600);
    --progress-background: var(--theme-color-gradient-400);
    border-radius: 1rem
}
.blue-default ion-segment-button[data-v-04507e23] {
    --color: var(--color-text-gray-200);
    --color-checked: var(--color-text-white-100);
    --indicator-color: var(--theme-color-gradient-100);
    text-transform: none
}
.blue-default ion-segment[data-v-04507e23] {
    border-bottom: 1px solid var(--color-border)
}
.blue-default .claim-button[data-v-04507e23] {
    border-top: .5px solid var(--color-border)
}
.blue-default .vip-box-bg[data-v-04507e23] {
    background: var(--color-bg-200)
}
.blue-default .vip-box-bg .next-level-base-color[data-v-04507e23] {
    color: var(--color-text-gray-300)
}
.blue-default .vip-box-bg .next-level-base-color .vip42-color[data-v-04507e23] {
    color: var(--color-text-gray-200)
}
.blue-default .vip-box-bg .next-level-base-color .next-level-color[data-v-04507e23] {
    color: var(--accent-color-yellow)
}
.blue-default .vip-box-bg .next-level-base-color .vip43-color[data-v-04507e23] {
    color: var(--color-text-gray-200)
}
.blue-default .vip-box-bg .next-level-base-color .vip-recharge-need[data-v-04507e23] {
    color: var(--color-text-white-100)
}
.blue-default .vip-box-bg .next-level-base-color .vip44-color[data-v-04507e23] {
    color: var(--color-text-gray-200)
}
.blue-default .vip-box-bg .next-level-base-color .vip-bet-need[data-v-04507e23],
.blue-default .vip-box-bg .vip-max-level[data-v-04507e23],
.blue-default .vip-box-bg .vip3-color[data-v-04507e23] {
    color: var(--color-text-white-100)
}
.blue-default .vip-box-bg .vip1-color[data-v-04507e23] {
    color: #fff;
    background: #fe5353
}
.blue-default .vip4-color[data-v-04507e23] {
    color: var(--color-text-white-100)
}
.blue-default .vip-sticky[data-v-04507e23] {
    background: var(--color-bg-200)
}
.blue-default .vip-list-title[data-v-04507e23] {
    color: var(--color-text-gray-200);
    background: var(--color-bg-50)
}
.blue-default .vip-ion-list[data-v-04507e23] {
    background: var(--color-bg-200)
}
.blue-default .vip-ion-list .vip-item-odd[data-v-04507e23] {
    background: var(--color-bg-300)
}
.blue-default .vip-ion-list .vip-item-even[data-v-04507e23] {
    background: var(--color-bg-400)
}
.blue-default .vip-progress-requirement[data-v-04507e23] {
    color: var(--color-text-gray-200)
}
.blue-default .vip-progress-value[data-v-04507e23] {
    color: var(--color-text-white-100)
}
.blue-default .vip-progress-reward[data-v-04507e23] {
    color: var(--accent-color-yellow)
}
.blue-default .keep-level-box[data-v-04507e23] {
    color: var(--color-text-gray-200);
    background: var(--color-bg-200)
}
.blue-default .keep-level-box .keep-level-table-border[data-v-04507e23] {
    border: 1px solid var(--color-border)
}
.blue-default .keep-level-box .keep-level-table-thead[data-v-04507e23] {
    background: var(--color-bg-100)
}
.blue-default .vip-introduce[data-v-04507e23] {
    color: var(--color-text-gray-200)
}
.blue-default .vip-claim-box[data-v-04507e23] {
    background: var(--color-bg-100)
}
.blue-default .scrollable-container[data-v-04507e23] {
    background: var(--color-bg-300)
}
.blue-default .vipRule[data-v-04507e23] {
    color: var(--color-text-second)
}
.blue-default .betting-activity-page[data-v-a6dacde6] {
    min-height: 100vh;
    background: var(--ep-color-background-fill-body-default, #090F1F);
    position: relative;
    padding-bottom: 5rem
}
.blue-default .nav-header[data-v-a6dacde6] {
    position: relative;
    height: 3.125rem;
    background: var(--ep-color-background-fill-top-nav-secondary, #0F1729);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center
}
.blue-default .nav-header .nav-back[data-v-a6dacde6] {
    position: absolute;
    left: .875rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem
}
.blue-default .nav-header .nav-back .back-icon[data-v-a6dacde6] {
    display: block;
    width: .468rem;
    height: .847rem;
    border: 2px solid var(--ep-color-icon-default, #ffffff);
    border-right: none;
    border-top: none;
    transform: rotate(45deg);
    margin-left: .391rem;
    margin-top: .202rem
}
.blue-default .nav-header .nav-title[data-v-a6dacde6] {
    font-family: var(--ep-font-family, "Prompt", sans-serif);
    font-size: var(--ep-font-size-xl, var(--font-size-18, 1.125rem));
    font-weight: 600;
    color: var(--ep-color-text-default, #ffffff);
    line-height: 1.5
}
.blue-default .hero-banner[data-v-a6dacde6] {
    position: relative;
    width: 100%;
    height: 17rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}
.blue-default .hero-banner .hero-image[data-v-a6dacde6] {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center 80%;
    transform: scale(1.03)
}
.blue-default .content-wrapper[data-v-a6dacde6] {
    padding: 0 .875rem .875rem
}
.blue-default .bonus-table[data-v-a6dacde6] {
    width: 100%;
    border: 1px solid var(--ep-color-border-default, #1E2D67);
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden
}
.blue-default .bonus-table .table-title[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #070C18);
    padding: .5625rem 1.375rem;
    text-align: center
}
.blue-default .bonus-table .table-title span[data-v-a6dacde6] {
    font-family: var(--ep-font-family, "Prompt", sans-serif);
    font-size: var(--ep-font-size-m, var(--font-size-14, .875rem));
    font-weight: 600;
    color: var(--ep-color-text-default, #ffffff);
    line-height: 1.5
}
.blue-default .bonus-table .table-header[data-v-a6dacde6] {
    display: flex;
    background: var(--ep-color-background-fill-surface-raised-L1, #0F1729);
    padding: .5625rem 0
}
.blue-default .bonus-table .table-header .col[data-v-a6dacde6] {
    flex: 1;
    text-align: center;
    font-family: var(--ep-font-family, "Prompt", sans-serif);
    font-size: var(--ep-font-size-s, var(--font-size-12, .75rem));
    font-weight: 400;
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .6));
    line-height: 1.5
}
.blue-default .bonus-table .table-row[data-v-a6dacde6] {
    display: flex;
    height: 2.625rem;
    align-items: center
}
.blue-default .bonus-table .table-row[data-v-a6dacde6]:nth-child(odd) {
    background: var(--ep-color-background-fill-body-default, #090F1F)
}
.blue-default .bonus-table .table-row[data-v-a6dacde6]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, #0F1729)
}
.blue-default .bonus-table .table-row .col[data-v-a6dacde6] {
    flex: 1;
    text-align: center;
    font-family: var(--ep-font-family, "Prompt", sans-serif);
    font-size: var(--ep-font-size-s, var(--font-size-12, .75rem));
    line-height: 1.5
}
.blue-default .bonus-table .table-row .col-bets[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-default, #ffffff)
}
.blue-default .bonus-table .table-row .col-bonus[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-warning, #FC974C)
}
.blue-default .bonus-table .table-row .status-btn[data-v-a6dacde6] {
    width: 5rem;
    padding: .125rem .5rem;
    border-radius: var(--ep-border-radius-s, .25rem);
    border: none;
    font-family: var(--ep-font-family, "Prompt", sans-serif);
    font-size: var(--ep-font-size-s, var(--font-size-12, .75rem));
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
    transition: all .3s ease
}
.blue-default .bonus-table .table-row .status-btn.active[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-active-primary, #0A77DA);
    color: var(--ep-color-text-inverse, #ffffff)
}
.blue-default .bonus-table .table-row .status-btn.active[data-v-a6dacde6]:hover {
    opacity: .9
}
.blue-default .bonus-table .table-row .status-btn.disabled[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-active-disabled, #183B5F);
    color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, .4));
    cursor: not-allowed
}
.blue-default .total-unreceived[data-v-a6dacde6] {
    margin-top: .875rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #0F1729);
    border: 1px solid var(--ep-color-border-default, #1E2D67);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5625rem 1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem
}
.blue-default .total-unreceived .label[data-v-a6dacde6] {
    font-family: var(--ep-font-family, "Prompt", sans-serif);
    font-size: var(--ep-font-size-m, var(--font-size-14, .875rem));
    font-weight: 400;
    color: var(--ep-color-text-default, #ffffff);
    line-height: 1.5
}
.blue-default .total-unreceived .amount[data-v-a6dacde6] {
    font-family: var(--ep-font-family, "Prompt", sans-serif);
    font-size: var(--ep-font-size-m, var(--font-size-14, .875rem));
    font-weight: 700;
    color: var(--ep-color-text-warning, #FC974C);
    line-height: 1.5
}
.blue-default .activity-description[data-v-a6dacde6] {
    padding: 0 .875rem
}
.blue-default .activity-description[data-v-a6dacde6] .ruleHeader {
    margin: 1rem 0
}
.blue-default .activity-description[data-v-a6dacde6] .ruleHeader .span-cls {
    font-family: var(--ep-font-family, "Prompt", sans-serif);
    font-size: var(--ep-font-size-l, var(--font-size-16, 1rem));
    color: var(--ep-color-text-default, #ffffff)
}
.blue-default .activity-description[data-v-a6dacde6] .item-wrap {
    font-family: var(--ep-font-family, "Prompt", sans-serif);
    font-size: var(--ep-font-size-s, var(--font-size-12, .75rem));
    font-weight: 400;
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .6));
    line-height: 1.5;
    background: var(--ep-color-background-fill-surface-lowered, #070C18);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .9375rem 1.0625rem
}
.blue-default .activity-description[data-v-a6dacde6] .item-wrap .rule-item {
    margin-bottom: 1rem
}
.blue-default .activity-description .description-header[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    margin: 1.375rem 0
}
.blue-default .activity-description .description-header .decoration-icon[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    height: 1.0625rem
}
.blue-default .activity-description .description-header .decoration-icon[data-v-a6dacde6] svg {
    width: auto;
    height: .6875rem;
    vertical-align: middle
}
.blue-default .activity-description .description-header .description-title[data-v-a6dacde6] {
    font-family: var(--ep-font-family, "Prompt", sans-serif);
    font-size: var(--ep-font-size-l, var(--font-size-16, 1rem));
    font-weight: 600;
    color: var(--ep-color-text-default, #ffffff);
    line-height: 1.5;
    margin: 0;
    display: flex;
    align-items: center
}
.blue-default .activity-description .description-content[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #070C18);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: 1.5rem .9375rem
}
.blue-default .activity-description .description-content .description-text[data-v-a6dacde6] {
    font-family: var(--ep-font-family, "Prompt", sans-serif);
    font-size: var(--ep-font-size-s, var(--font-size-12, .75rem));
    font-weight: 400;
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .6));
    line-height: 1.5
}
.blue-default .activity-description .description-content .description-text p[data-v-a6dacde6] {
    margin-bottom: 1rem
}
.blue-default .activity-description .description-content .description-text p[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}
.blue-default .activity-description .description-content .rule-content[data-v-a6dacde6] {
    font-family: var(--ep-font-family, "Prompt", sans-serif);
    font-size: var(--ep-font-size-s, var(--font-size-12, .75rem));
    font-weight: 400;
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .6));
    line-height: 1.5
}
.blue-default .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6] {
    margin-bottom: 1rem
}
.blue-default .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}
.blue-default .bottom-action[data-v-a6dacde6] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #0F1729);
    border-top: 1px solid var(--ep-color-border-default, #1E2D67);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .75rem
}
.blue-default .bottom-action .claim-button[data-v-a6dacde6] {
    width: 100%;
    max-width: 22.875rem;
    height: 2.875rem;
    background: var(--ep-color-background-fill-active-primary, #0A77DA);
    border: none;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-family: var(--ep-font-family, "Prompt", sans-serif);
    font-size: var(--ep-font-size-m, var(--font-size-14, .875rem));
    font-weight: 700;
    color: var(--ep-color-text-inverse, #ffffff);
    line-height: 1.5;
    cursor: pointer;
    transition: all .3s ease
}
.blue-default .bottom-action .claim-button[data-v-a6dacde6]:hover:not(:disabled) {
    opacity: .9
}
.blue-default .bottom-action .claim-button[data-v-a6dacde6]:active:not(:disabled) {
    transform: scale(.98)
}
.blue-default .bottom-action .claim-button[data-v-a6dacde6]:disabled {
    background: var(--ep-color-background-fill-active-disabled, #183B5F);
    color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, .4));
    cursor: not-allowed;
    opacity: 1
}
.blue-default .game-platform[data-v-520e524d] {
    --ep-color-text-weaker: #fff;
    --ep-color-border-selected: #2F3B4D;
    --ep-color-background-fill-surface-raised-L2: #1C2432;
    --background-icon: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .06) 100%)
}
.blue-default ion-segment[data-v-ab66a8c1] {
    --background: #131826
}
.blue-default .home-type-Platform.v01 ion-segment[data-v-ab66a8c1],
.blue-default .home-type-Platform.v02 ion-segment[data-v-ab66a8c1] {
    --background: transparent
}
.blue-default .home-type-GameType.v01 ion-segment[data-v-ab66a8c1] {
    --background: transparent
}
.blue-default[data-v-ed2d56e1] {
    --ep-color-text-default: #fff;
    --ep-color-text-weaker: #9ba7be
}
.blue-default .layout5.btn-wall[data-v-fc472e8d] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}
.blue-default .layout5.btn-wall .bug[data-v-fc472e8d] {
    box-shadow: 0 0 .25rem #b7c9ff;
    background: #b7c9ff
}
.blue-default .layout5.btn-wall .label-wall .label-icon[data-v-fc472e8d],
.blue-default .layout5.btn-wall .label-wall .label[data-v-fc472e8d] {
    color: var(--ep-color-text-default-secondary, #e5e7eb)
}
.blue-default .active .layout5.btn-wall[data-v-fc472e8d] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06)), radial-gradient(92.73% 100.4% at 10.61% -7.95%, #5b6da2, #1b233b);
    outline: .0625rem solid transparent
}
.blue-default .active .layout5.btn-wall .label-wall .label-icon[data-v-fc472e8d],
.blue-default .active .layout5.btn-wall .label-wall .label[data-v-fc472e8d] {
    color: var(--ep-color-text-default, #e5e7eb)
}
.blue-default .layout6.btn-wall[data-v-fc472e8d] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}
.blue-default .layout6.btn-wall .bug[data-v-fc472e8d] {
    box-shadow: 0 0 .25rem #b7c9ff;
    background: #b7c9ff
}
.blue-default .layout6.btn-wall .label-wall .label-icon[data-v-fc472e8d],
.blue-default .layout6.btn-wall .label-wall .label[data-v-fc472e8d] {
    color: var(--ep-color-text-default-secondary, #e5e7eb)
}
.blue-default .active .layout6.btn-wall[data-v-fc472e8d] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06)), radial-gradient(92.73% 100.4% at 10.61% -7.95%, #5b6da2, #1b233b);
    outline: .0625rem solid transparent
}
.blue-default .active .layout6.btn-wall .label-wall .label[data-v-fc472e8d] {
    color: var(--ep-color-text-default, #e5e7eb)
}
.blue-default .layout5.btn-wall .label-wall[data-v-fc472e8d],
.blue-default .layout6.btn-wall .label-wall[data-v-fc472e8d] {
    opacity: .6
}
.blue-default .active .layout5.btn-wall[data-v-fc472e8d]:before {
    content: "";
    position: absolute;
    top: -.0625rem;
    left: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    background: linear-gradient(to right, #2173c0, #75fffa, #2173c0);
    z-index: -1;
    border-radius: .2594rem
}
.blue-default body div#app {
    --theme-color-500: #1680DC;
    --theme-color-600: #38a8fa;
    --theme-color-700: #38a8fa;
    --theme-color-800: #116fcd;
    --theme-color-900: #0167ca;
    --theme-color-gradient-100: linear-gradient(0deg, #0167ca 0%, #38a8fa 100%);
    --theme-color-gradient-200: linear-gradient(180deg, #13c96a 0%, #1d9554 100%);
    --theme-color-gradient-300: linear-gradient(90deg, #202940 0%, #131a2c 100%);
    --theme-color-gradient-400: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
    --color-bg-50: #1a223a;
    --color-bg-100: #191e2d;
    --color-bg-200: #101629;
    --color-bg-300: #090f1f;
    --color-bg-400: #1a1d22;
    --color-bg-500: #141b24;
    --color-bg-600: #3B4152;
    --color-bg-700: #2d323d;
    --color-bg-800: #0B101D;
    --color-bg-900: #111524;
    --color-bg-1000: #141a29;
    --color-bg-1100: #121624;
    --color-bg-1200: #151C30;
    --color-bg-1300: #1f2024;
    --color-text-white-100: #fff;
    --text-color-white-80: rgba(255, 255, 255, .8);
    --color-text-gray-100: #8792af;
    --color-text-gray-200: #6D788D;
    --color-text-gray-300: #9BA7BE;
    --color-text-gray-400: #566488;
    --color-text-gray-500: #465375;
    --color-text-gray-600: #9c9c9c;
    --color-text-gray-700: #FFFFFF80;
    --color-text-gray-800: #6D6D6D;
    --color-text-100: var(--color-text-white-100);
    --color-text-80: var(--text-color-white-80);
    --color-text-40: var(--text-color-white-40);
    --color-success: #27D48B;
    --color-warning: #EDC921;
    --color-link: var(--theme-color-500);
    --color-primary-btn-active: var(--theme-color-800);
    --color-primary-btn-disable: linear-gradient(0deg, #0B3868 -13.77%, #1B4C76 102.34%);
    --color-primary-btn-text-disable: var(--color-text-40);
    --color-danger: #E64021;
    --color-button-bg-gray: rgba(255, 255, 255, .2);
    --color-border-input-prefix: rgba(255, 255, 255, .2);
    --rounded-large: .625rem;
    --tab-bg-color: var(--theme-color-gradient-100);
    --color-primary-800: var(--theme-color-500);
    --accent-color-orange: #DF8644;
    --accent-color-orange-1: #FBA531;
    --text-color-white-100: rgba(255, 255, 255, 1);
    --text-color-white-40: rgba(255, 255, 255, .4);
    --color-text-100: rgba(255, 255, 255, 1);
    --color-text-80: rgba(255, 255, 255, .8);
    --color-text-40: rgba(255, 255, 255, .4);
    --color-currency: var(--accent-color-orange-1);
    --rounded-small: .25rem;
    --rounded-middle: .375rem;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --color-warning: var(--accent-color-orange-1);
    --color-line: #1a233e;
    --line-color: #1a233e;
    --color-border: #1A233E;
    --color-border-400: #566381;
    --color-border-500: #404040;
    --color-border-600: #2A324E;
    --drop-shadow-submit: 0 4px 15px rgba(32, 139, 229, .25);
    --text-color1: #fff;
    --text-color2: var(--text-color-white-40);
    --accent-color-yellow: #FBA531;
    --accent-color-white: #fff;
    --accent-color-red: #e64021;
    --accent-color-green: #53c154;
    --accent-color-blue: #6691D5;
    --ion-text-color: var(--color-text-white-100);
    --ion-color-primary: var(--theme-color-700);
    --ion-background-color: var(--color-bg-300);
    --ion-tab-bar-background: var(--color-bg-200);
    --ion-item-border-color: var(--color-border-500);
    --ion-toolbar-color: var(--color-text-white-100);
    --ion-color-tertiary: var(--theme-color-800);
    --ion-color-tertiary-contrast: var(--color-text-white-100);
    --ion-color-tertiary-shade: var(--theme-color-800);
    --ion-color-tertiary-tint: var(--theme-color-900);
    --color-btn-bg-active-r: linear-gradient(270deg, #001C66 0%, #141E3F 100%);
    --pwa-dialog-bg: var(--color-text-white-100);
    --color-bar-bg: var(--color-bg-300);
    --color-bg-card: var(--color-bg-200);
    --color-bg-option-basic: var(--color-bg-50);
    --color-bg-option-amount: var(--color-bg-50);
    --color-bg-option-active: var(--theme-color-gradient-300);
    --color-bg-option-gradient: var(--theme-color-gradient-300);
    --color-bg-input: var(--color-bg-200);
    --color-bg-payment-item: var(--color-bg-50);
    --color-bg-modal-login: var(--color-bg-500);
    --color-bg-modal-logout: var(--color-bg-700);
    --color-bg-modal-payment: var(--color-bg-800);
    --color-bg-btn-popup-cancel: var(--accent-color-yellow);
    --color-bd-button-update1: var(--accent-color-yellow);
    --color-bg-modal-footer-pwa: var(--accent-color-white);
    --color-checkbox-bg: var(--theme-color-gradient-100);
    --color-text-title-basic: var(--color-text-white-100);
    --color-text-title-label-agency: var(--color-text-gray-300);
    --color-text-tips: var(--color-text-gray-200);
    --color-text-tips-marked: var(--theme-color-500);
    --color-text-amount-marked: var(--accent-color-yellow);
    --color-text-href: var(--theme-color-500);
    --color-text-href-agency-detail: var(--theme-color-500);
    --color-text-label-basic: var(--color-text-white-100);
    --color-text-basic: var(--color-text-white-100);
    --color-text-second: var(--color-text-gray-200);
    --color-text-rule: var(--color-text-gray-500);
    --color-text-wheelBottomUnchecked: var(--color-text-gray-600);
    --color-text-rewardThead: var(--color-text-gray-700);
    --color-text-todaySecond: var(--color-text-gray-700);
    --color-text-checked: var(--color-text-white-100);
    --color-text-emphasis: var(--accent-color-yellow);
    --color-text-unChecked: var(--color-text-gray-200);
    --color-text-unThemeWhite: var(--color-text-white-100);
    --color-text-button-update1: var(--accent-color-yellow);
    --color-text-modal-footer-pwa: var(--color-text-gray-800);
    --color-line-gradient: var(--theme-color-gradient-100);
    --color-btn-gradient-basic: var(--theme-color-gradient-100);
    --color-btn-gradient-second: var(--theme-color-gradient-400);
    --color-btn-gradient-vip: var(--theme-color-gradient-200);
    --color-btn-gradient-footer: var(--theme-color-gradient-100);
    --color-btn-gradient-history: var(--theme-color-gradient-400);
    --color-btn-gradient-footerUnable: #626262;
    --color-btn-gradient-claimUnable: #626262;
    --color-btn-gradient-claim: var(--theme-color-gradient-200);
    --color-text-footerUnable: var(--color-text-white-100);
    --color-btn-gradient-mineral: var(--color-btn-gradient-second);
    --color-bg-first: var(--color-bg-300);
    --color-bg-second: var(--color-bg-200);
    --color-bg-third: var(--color-bg-100);
    --color-text-label-property: var(--color-text-gray-300);
    --color-text-label-value-agency: var(--theme-color-500);
    --color-text-link-agency: var(--color-text-gray-300);
    --color-text-blur: var(--color-text-gray-200);
    --color-text-btn-basic: var(--color-text-white-100);
    --color-text-option-basic: var(--color-text-gray-200);
    --color-text-option-active: var(--color-text-white-100);
    --color-text-input-basic: var(--color-text-white-100);
    --color-text-input-placeholder: var(--color-text-gray-200);
    --color-border-input-basic: var(--color-border-600);
    --color-border-btn-basic: var(--color-border);
    --color-border-btn-marked: var(--theme-color-900);
    --color-border-select: var(--color-text-white-100);
    --color-border-option-active: var(--theme-color-600);
    --color-border-popup-confirm: var(--accent-color-yellow);
    --color-focus: var(--theme-color-900);
    --color-bg-toast: var(--color-bg-400);
    --color-segment-md: var(--color-text-gray-200);
    --color-segment-md-indicator: var(--theme-color-800);
    --color-toolbar-text: var(--color-text-white-100);
    --color-bg-tab-on: var(--color-bg-100);
    --color-bg-segment-ios: var(--color-bg-100);
    --color-card-bg-300: var(--color-bg-300);
    --color-card-title: var(--color-text-white-100);
    --color-card-text: var(--color-text-gray-200);
    --color-language-text: var(--color-text-white-100);
    --color-language-text1: var(--color-text-white-100);
    --color-tab-tab-active: var(--color-text-white-100);
    --color-tab-tab-blur: var(--color-text-gray-400);
    --color-icon-copy-agency-link: var(--color-text-white-100);
    --color-icon-platform-active: var(--color-text-white-100);
    --color-icon-platform-sort: var(--ion-color-primary);
    --color-icon-platform-rebate: var(--color-text-white-40);
    --color-icon-platform-card: var(--color-text-white-80);
    --color-activity-footer-bg: var(--color-bg-200);
    --color-activity-rule: var(--color-text-40);
    --color-mystery-item-bg: var(--color-bg-200);
    --my-chevron-forward-color: var(--color-text-gray-300);
    --my-enter-withdraw-text-color: var(--color-text-white-100);
    --service-customer-btn-hover-bgc: var(--theme-color-gradient-100);
    --service-customer-btn-focused-bgc: #639be7;
    --notice-read-all-btn-hover-bgc: #2c3142;
    --notice-read-all-btn-focused-bgc: #3f4353;
    --report-select-border-color: #6D788E;
    --report-selected-border-color: #fff;
    --report-selected-text-color: var(--color-text-white-100);
    --report-select-icon-color: var(--color-text-gray-200);
    --report-recond-item-bg-color: var(--color-bg-200);
    --verify-input-bg-color: #090F1F;
    --verify-input-bg-color-old: #101629;
    --verift-input-placeholder-color: #8792AF;
    --verify-eye-icon-text-color: var(--color-text-gray-200);
    --verify-submit-btn-bg-color: var(--theme-color-gradient-100);
    --agent-commission-detail-segment-bottom-border-color: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
    --ion-color-step-150: var(--color-line);
    --agent-datetime-select-text-color: #000;
    --agent-ion-datetime-calendar-day-bgc: #a3c4fb;
    --ion-color-light-rgb: var(--color-bg-200);
    --ion-color-step-300: #fff;
    --agent-ion-color-primary: #a3c4fb;
    --agent-history-bgc: #ffb671;
    --agent-claim-bgc: #00ad63;
    --agent-disabled-btn-bgc: #8d8d8d;
    --agent-performance-detail-toolbar-bgc: transparent;
    --agent-performance-detail-item-bgc: #151C2F;
    --money-text-color: #FBA531;
    --agent-network-moeny-color: #ffaa09;
    --agent-comm-toolbar-bgc: #111524;
    --mlm-toolbar-bg-color: var(--color-bg-200);
    --mlm-leaderbord-icon-color: var(--color-text-white-100);
    --mlm-agent-level-bg: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(254, 184, 5, .154) 118.45%);
    --mlm-level-tips-text-color: var(--color-text-80);
    --mlm-agent-history-bgc: var(--color-bg-50);
    --mlmagent-history-hover-bgc: #3a3a39;
    --mlmagent-history-focused-bgc: #4b4b4b;
    --mlm-agent-claim-hover-bgc: #489856;
    --mlm-agent-claim-focused-bgc: #68b375;
    --mlm-agent-claim-bg-color: linear-gradient(180deg, #13C96A 0%, #1D9554 100%);
    --mlm-agent-claim-text-color: var(--text-color-white-100);
    --mlm-agent-claim-commisson-textc: var(--accent-color-yellow);
    --mlm-direct-team-btn-bgc: var(--color-bg-50);
    --mlm-agent-direct-icon-text-color: #6691D5;
    --mlm-agent-direct-text-color: #6691D5;
    --mlm-agent-team-text-color: #53C154;
    --mlm-agent-team-icon-text-color: #53C154;
    --mlm-agent-info-detail-bgc: var(--color-bg-200);
    --mlm-agent-my-agency-textc: var(--color-text-80);
    --mlm-agent-report-icon-color: var(--color-text-40);
    --mlm-agent-jump-item-bgc: var(--color-bg-100);
    --mlm-agent-rate-info-bgc: var(--color-bg-200);
    --mlm-agent-rate-box-bgc: var(--color-bg-300);
    --mlm-agent-rate-item-right-textc: var(--accent-color-orange);
    --mlm-agent-level-item-bgc: var(--color-bg-200);
    --mlm-agent-rule-item-count-textc: rgba(255, 255, 255, .2);
    --mlm-invitation-csut-color: var(--text-color-white-100);
    --mlm-selected-text-color: var(--text-color-white-100);
    --mlm-select-icon-text-color: var(--text-color-white-100);
    --mlm-searchbar-placeholder-color: var(--text-color-white-40);
    --mlm-searchbar-icon-color: var(--text-color-white-40);
    --mlm-subdetail-top-bgc: #0595FE;
    --mlm-subdetail-border-color: var(--color-border);
    --mlm-subdetail-box-bgc: #070B18;
    --mlm-subdetail-box-border-color: var(--color-border);
    --mlm-subdetail-item-name-color: var(--color-text-40);
    --mlm-color-text-basic: var(--color-text-100);
    --mlm-agent-date-bg-color: var(--color-bg-200);
    --mlm-commission-detail-bgc: var(--color-bg-200);
    --mlm-commission-detail-tips-tc: var(--color-text-40);
    --mlm-commission-detail-money-tc: var(--accent-color-orange-1);
    --mlm-commission-detail-account-money-tc: var(--accent-color-orange-1);
    --mlm-leader-bord-top-bgc: rgba(5, 105, 254, .154);
    --mlm-bord-tab-item-border-color: var(--line-color);
    --mlm-bord-tab-item-selected-bgc: var(--color-bg-50);
    --mlm-bord-tab-item-selected-tc: var(--theme-color-500);
    --mlm-bord-tab-item-select-tc: var(--color-text-40);
    --mlm-bord-tab-item-select-bgc: transparent;
    --mlm-bord-userid-text-color: var(--color-text-80);
    --mlm-bord-item-bgc: var(--color-bg-200);
    --mlm-agent-bord-currency-tc: var(--accent-color-orange);
    --mlm-agent-home-invite-btn-color: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
    --mlm-segment-select-text-color: var(--color-text-gray-300);
    --mlm-segment-selected-text-color: var(--text-color-white-100);
    --mlm-segment-indicator-bg-color: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
    --mlm-rate-item-right-text-color: var(--accent-color-orange-1);
    --mlm-board-tab-border-color: #2E2D2C;
    --mlm-leader-bord-money-text-color: var(--accent-color-orange-1);
    --mlm-invitation-footer-bg-color: var(--color-bg-200);
    --mlm-invitation-cust-btn-text-color: var(--color-text-80);
    --mlm-rate-level-agent-segment-select-color: var(--color-text-40);
    --color-mlm-btn-bg-disable: linear-gradient(180deg, #227F36 0%, #256C2E 100%);
    --color-mlm-btn-text-disable: rgba(255, 255, 255, .4);
    --mlm-agent-left-btn-text-color: var(--text-color-white-100);
    --mlm-agent-home-money-icon-color: var(--accent-color-orange);
    --mlm-level-agent-selected-text-color: var(--color-primary-800);
    --mlm-level-info-tips-color: var(--color-text-80);
    --mlm-description-content-title-color: var(--color-text-80);
    --mlm-rules-content-text-color: var(--color-text-80);
    --mlm-subordinate-money-text-color: var(--accent-color-orange-1);
    --mlm-subordinate-id-text-color: var(--color-text-80);
    --mlm-invitation-qr-code-bg: var(--color-text-100);
    --mlm-commission-rate-game-type-bg: var(--color-bg-400);
    --mlm-searchbar-enter-color: var(--text-color-white-100);
    --my-card-detail-color: var(--color-text-40);
    --activity-record-selected-item-bg: var(--color-bg-50);
    --activity-record-select-item-bg: var(--color-bg-200);
    --activity-record-select-item-color: var(--color-text-40);
    --empty-icon-color: #101629;
    --color-text-empty: var(--color-text-gray-200);
    --agent-btn-color: #2d2d2d;
    --color-line-default: var(--line-color);
    --color-bg-commission-first: var(--color-bg-50);
    --color-bg-commission-second: var(--color-bg-200);
    --color-bg-commission-third: var(--color-bg-300);
    --color-bg-commission-fourth: #070B18;
    --color-text-basic: var(--color-text-100);
    --color-text-second: var(--color-text-40);
    --color-text-third: var(--color-text-80);
    --color-text-orange-emphasis: var(--accent-color-orange);
    --color-text-yellow-emphasis: var(--theme-color-800);
    --color-bg-yellow-btn-emphasis: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
    --color-text-yellowBtn-active: var(--color-text-100);
    --font-weight-bold: 700;
    --border-width-option-action: 1px;
    --game-searchbar-bg-color: var(--color-bg-200);
    --game-searchbar-placeholder-color: #6D788E;
    --game-searchbar-border-color: none;
    --home-fadeToTransparent-form-color: #343947;
    --home-fadeToTransparent-to-color: rgba(255, 0, 0, 0);
    --home-currency-text-color: var(--accent-color-orange-1);
    --activity-unclaim-tint-bg-color: #58a766;
    --activity-unclaim-shade-bg-color: #6ab877;
    --invite-cpf-record-icon: #fff;
    --invite-cpf-reward-amount-text-color: var(--text-color-white-80);
    --invite-cpf-footer-bg-color: #22262E;
    --invite-cpf-footer-top-line: #292D36;
    --invite-cpf-record-title-bg: #3B414D;
    --invite-cpf-record-item-even-bg: #16191D;
    --input-highlight-color: var(--theme-color-800);
    --mineral-style1-toobar-bg: #0E1420;
    --sign-default-day-text-color: #FEB805;
    --sign-default-extra-reward: #47DD2F;
    --sing-default-available-before: #35CD1E;
    --sign-default-date-box-bg: #22262E;
    --sign-default-footer-border: #292D36;
    --sign-default-footer-btn-bg: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
    --sign-default-unmetReceiveModal-bg: #000000;
    --ep-compat-color-background-fill-body-default: var(--color-bg-300);
    --ep-compat-color-background-fill-surface-raised-L1: var(--color-bg-200);
    --ep-compat-color-background-fill-surface-lowered: #070B18;
    --ep-compat-color-background-fill-glow-primary-opacity-40: #35cd1e66;
    --ep-compat-color-background-fill-top-nav-secondary: var(--color-bg-200);
    --ep-compat-color-text-default: var(--color-text-100);
    --ep-compat-color-text-selected: var(--theme-color-800);
    --ep-compat-color-text-weak: rgba(255, 255, 255, .6);
    --ep-compat-color-text-weaker: var(--color-text-40);
    --ep-compat-color-text-weakest: rgba(255, 255, 255, .2);
    --ep-compat-color-text-success: var(--accent-color-green);
    --ep-compat-color-text-info: var(--accent-color-blue);
    --ep-compat-color-text-highlight: #F5C84C;
    --ep-compat-color-text-warning: var(--accent-color-orange);
    --ep-compat-color-border-default: var(--color-border);
    --ep-compat-color-icon-brand-primary: var(--theme-color-900);
    --ep-compat-color-icon-selected: var(--theme-color-800)
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index[data-v-85da98fe] {
    width: 100%;
    bottom: -1px;
    position: absolute;
    z-index: 10
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar[data-v-85da98fe] {
    --background: #191e2d
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn[data-v-85da98fe] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .tab-img[data-v-85da98fe] {
    color: #566488;
    font-size: 1.5rem
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .label[data-v-85da98fe] {
    color: #566488;
    font-size: .625rem
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .on[data-v-85da98fe],
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .active[data-v-85da98fe] {
    color: #fff
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .on[data-v-85da98fe] {
    animation: buttonAnimation-85da98fe .5s
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .point-1[data-v-85da98fe] {
    top: .5625rem;
    right: 1.25rem
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .point-4[data-v-85da98fe] {
    top: .5rem;
    right: 1.2rem
}
.blue-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .redPoint[data-v-85da98fe] {
    animation: breathing-85da98fe 3s infinite
}
.blue-default .outer-wrap[data-v-58a35ca2] {
    width: 100%;
    position: absolute;
    bottom: -.0625rem;
    z-index: 10
}
.blue-default .outer-wrap .tab-bar[data-v-58a35ca2] {
    --background: linear-gradient(to bottom, transparent 50px, #182344 50px);
    z-index: 10;
    height: 3.5rem
}
.blue-default .outer-wrap .tab-bar .inner-wrap[data-v-58a35ca2] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg[data-v-58a35ca2] {
    display: flex;
    height: 100%;
    background: var(--v32ebd95b)
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn[data-v-58a35ca2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .25rem;
    position: relative
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .tab-img[data-v-58a35ca2] {
    width: 1.875rem;
    height: 1.875rem;
    background-position: 0% 0%;
    background-size: cover
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .tab-img.on[data-v-58a35ca2] {
    animation: buttonAnimation-58a35ca2 .5s
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .label[data-v-58a35ca2] {
    font-size: .625rem;
    font-weight: 400;
    line-height: 1;
    color: #566488
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .label.active[data-v-58a35ca2] {
    color: #fff
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .flexible-text[data-v-58a35ca2] {
    color: #94ff7f;
    margin-bottom: .3125rem;
    margin-top: auto
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .point-1[data-v-58a35ca2] {
    top: .3125rem;
    right: 1.5625rem
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .point-4[data-v-58a35ca2] {
    top: .3125rem;
    right: 1.5rem
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .underline[data-v-58a35ca2] {
    position: absolute;
    width: .5rem;
    height: .125rem;
    background-color: #94ff7f;
    transition: left .3s;
    bottom: .3125rem;
    transform: translate(-50%);
    border-radius: .125rem
}
.blue-default .deposit[data-v-58a35ca2] {
    width: 11.25rem;
    height: 3rem;
    position: absolute;
    left: 50%;
    bottom: 1.3125rem;
    transform: translate(-50%);
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: env(safe-area-inset-bottom);
    background: url(/first/svg/tabbar/deposit-blue-dark.svg) no-repeat top / cover
}
.blue-default .deposit .tab-img[data-v-58a35ca2] {
    width: 3rem;
    height: 3rem;
    margin-top: .1875rem;
    background-position: 0% 0%;
    background-size: cover
}
.blue-default .deposit .tab-img.on[data-v-58a35ca2] {
    animation: buttonAnimation-58a35ca2 .5s
}
.blue-default .tab-bar[data-v-28171119] {
    --background: linear-gradient(to bottom, transparent 1.875rem, #101629 1.875rem);
    width: 100%;
    position: absolute;
    bottom: -.0625rem;
    padding-top: 1.875rem
}
.blue-default .tab-bar .inner-wrap[data-v-28171119] {
    width: 100%;
    height: 3.125rem;
    display: flex;
    background: transparent
}
.blue-default .tab-bar .inner-wrap .tab-btn[data-v-28171119] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}
.blue-default .tab-bar .inner-wrap .tab-btn[data-v-28171119]:not(:nth-child(1)) {
    gap: .3125rem
}
.blue-default .tab-bar .inner-wrap .tab-btn ion-menu-toggle[data-v-28171119] {
    height: 1.25rem
}
.blue-default .tab-bar .inner-wrap .tab-btn .tab-label[data-v-28171119],
.blue-default .tab-bar .inner-wrap .tab-btn .flexible-label[data-v-28171119] {
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1;
    color: #405777
}
.blue-default .tab-bar .inner-wrap .tab-btn .tab-img[data-v-28171119] {
    font-size: 1.25rem;
    color: #405777
}
.blue-default .tab-bar .inner-wrap .tab-btn .svg-with-gaps[data-v-28171119] {
    font-size: 1.75rem;
    margin-top: -.1875rem
}
.blue-default .tab-bar .inner-wrap .tab-btn .flexible-img[data-v-28171119] {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    font-size: 2.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #101629;
    position: absolute;
    top: 0;
    transform: translateY(-45%)
}
.blue-default .tab-bar .inner-wrap .tab-btn .flexible-label[data-v-28171119] {
    margin-bottom: .4375rem;
    margin-top: auto
}
.blue-default .tab-bar .inner-wrap .active-tab[data-v-28171119] {
    animation: buttonAnimation-28171119 .5s
}
.blue-default .tab-bar .inner-wrap .active-tab .tab-label[data-v-28171119],
.blue-default .tab-bar .inner-wrap .active-tab .flexible-label[data-v-28171119] {
    background: linear-gradient(95deg, #076fc8 -3.84%, #0f8c85 82.92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block
}
.blue-default .tab-bar .inner-wrap .point-1[data-v-28171119] {
    top: .1875rem;
    right: 1.5rem
}
.blue-default .tab-bar .inner-wrap .point-3[data-v-28171119] {
    top: .1875rem;
    right: 1.75rem
}
.blue-default .tab-bar[data-v-ba95bbb5] {
    --background: #182344;
    width: 100%;
    position: absolute;
    bottom: -.0625rem;
    height: 3.5rem
}
.blue-default .tab-bar .inner-wrap[data-v-ba95bbb5] {
    width: 100%;
    display: flex
}
.blue-default .tab-bar .inner-wrap .tab-btn[data-v-ba95bbb5] {
    height: 2.875rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}
.blue-default .tab-bar .inner-wrap .tab-btn .tab-text[data-v-ba95bbb5] {
    font-size: .625rem;
    font-weight: 400;
    line-height: 1
}
.blue-default .tab-bar .inner-wrap .tab-btn .tab-img[data-v-ba95bbb5] {
    font-size: 1.875rem
}
.blue-default .tab-bar .inner-wrap .tab-btn .tab-img[data-v-ba95bbb5],
.blue-default .tab-bar .inner-wrap .tab-btn .tab-text[data-v-ba95bbb5] {
    color: rgba(255, 255, 255, .4)
}
.blue-default .tab-bar .inner-wrap .active-tab[data-v-ba95bbb5] {
    animation: buttonAnimation-ba95bbb5 .5s
}
.blue-default .tab-bar .inner-wrap .active-tab .tab-img[data-v-ba95bbb5],
.blue-default .tab-bar .inner-wrap .active-tab .tab-text[data-v-ba95bbb5] {
    color: #1680dc;
    z-index: 2
}
.blue-default .tab-bar .inner-wrap .active-tab .tab-text[data-v-ba95bbb5] {
    font-size: .5625rem
}
.blue-default .tab-bar .inner-wrap .active-tab .active-block[data-v-ba95bbb5] {
    position: absolute;
    width: 2.875rem;
    height: 2.875rem;
    background: url(/svg/tabbar/masking4.svg) no-repeat center / 100% 100%;
    border-radius: .4375rem;
    z-index: 1
}
.blue-default .tab-bar .inner-wrap .point-1[data-v-ba95bbb5] {
    top: .1875rem;
    right: 1.5rem
}
.blue-default .tab-bar .inner-wrap .point-4[data-v-ba95bbb5] {
    top: .1875rem;
    right: 1.75rem
}
.blue-default ion-menu[data-v-4e14f3c3] {
    --max-width: 10.625rem;
    --background: transparent
}
.blue-default ion-menu ion-header ion-toolbar[data-v-4e14f3c3] {
    --background: #090f1f;
    --border-color: #1a233e
}
.blue-default ion-menu ion-content[data-v-4e14f3c3]::part(background) {
    background: #090f1f
}
.blue-default ion-menu .game-type-tab[data-v-4e14f3c3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .625rem;
    padding-bottom: 5px;
    background: #1c2334
}
.blue-default ion-menu .game-type-tab .img[data-v-4e14f3c3] {
    width: 2.25rem;
    height: 2.25rem
}
.blue-default ion-menu .game-type-tab ion-label[data-v-4e14f3c3] {
    color: #6d788d
}
.blue-default ion-menu .active-game-type[data-v-4e14f3c3] {
    animation: fadeToTransparent-4e14f3c3 .2s linear forwards
}
.blue-default ion-menu .records[data-v-4e14f3c3] {
    display: flex;
    margin-inline: .625rem;
    border-radius: .625rem;
    align-items: center;
    height: 2.5rem;
    padding-inline: 1.375rem;
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%)
}
.blue-default ion-menu .records .label[data-v-4e14f3c3] {
    font-size: .75rem;
    color: #fff
}
.blue-default ion-menu .menu-activity[data-v-4e14f3c3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 5rem;
    border-radius: .625rem;
    padding-top: .5rem;
    background-repeat: no-repeat
}
.blue-default ion-menu .footer[data-v-4e14f3c3] {
    display: flex;
    flex-direction: column;
    padding: .625rem
}
.blue-default ion-menu .footer .language[data-v-4e14f3c3] {
    display: flex;
    align-items: center;
    margin-bottom: .625rem
}
.blue-default ion-menu .footer .language .icon[data-v-4e14f3c3] {
    font-size: 1.125rem;
    margin-right: 1.25rem;
    margin-left: .1875rem;
    color: #fff
}
.blue-default ion-menu .footer .language .label[data-v-4e14f3c3] {
    flex: 1;
    font-size: .75rem;
    color: #6d788d
}
.blue-default ion-menu .footer .language .arrow[data-v-4e14f3c3] {
    font-size: 1.25rem;
    color: #6d788d
}
.blue-default ion-menu .footer .support[data-v-4e14f3c3] {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: .625rem
}
.blue-default ion-menu .footer .support .icon[data-v-4e14f3c3] {
    font-size: 1.5rem;
    margin-right: 1.15rem;
    color: #fff
}
.blue-default ion-menu .footer .support .label[data-v-4e14f3c3] {
    font-size: .75rem;
    color: #fff
}
.blue-default ion-menu .footer .support .dot[data-v-4e14f3c3] {
    position: absolute;
    top: .0625rem;
    left: .875rem;
    background-color: red;
    width: .375rem;
    height: .375rem;
    border-radius: 50%
}
.blue-default ion-menu[data-v-5fa60c7e] {
    --width: 60%;
    --max-width: 80%
}
.blue-default ion-menu[data-v-5fa60c7e]::part(container) {
    border-radius: 1.25rem 0 0 1.25rem
}
.blue-default ion-menu[data-v-5fa60c7e]::part(backdrop) {
    opacity: .7 !important
}
.blue-default ion-menu ion-header ion-toolbar[data-v-5fa60c7e] {
    --background: #141b24;
    --padding-start: .8125rem;
    --padding-end: 1.25rem;
    --border-width: 0;
    position: relative
}
.blue-default ion-menu ion-header ion-toolbar[data-v-5fa60c7e]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: .8125rem;
    display: block;
    width: calc(100% - 2.0625rem);
    height: .0625rem;
    background: linear-gradient(to right, #223246, rgba(34, 50, 70, .2))
}
.blue-default ion-menu .assets-box[data-v-5fa60c7e] {
    font-weight: 700;
    border: .0625rem solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: .375rem;
    font-size: .875rem
}
.blue-default ion-menu .assets-box .info[data-v-5fa60c7e] {
    color: #fff;
    font-size: .6875rem;
    font-weight: 400
}
.blue-default ion-menu .assets-box .currency[data-v-5fa60c7e] {
    color: #fba531;
    font-size: .875rem;
    font-weight: 700;
    margin-right: .25rem
}
.blue-default ion-menu .assets-box .assets-box-number[data-v-5fa60c7e] {
    color: #fba531;
    font-size: .875rem;
    font-weight: 700
}
.blue-default ion-menu .assets-box .wallet[data-v-5fa60c7e] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.875rem;
    padding: .25rem .625rem;
    border-radius: .25rem;
    margin-left: .375rem;
    background: linear-gradient(to bottom, #13c96a, #1d9554)
}
.blue-default ion-menu .assets-box .wallet ion-icon[data-v-5fa60c7e] {
    font-size: 1.125rem;
    color: #fff
}
.blue-default ion-menu .assets-box .deposit[data-v-5fa60c7e] {
    margin-left: .375rem;
    border-radius: .375rem;
    --color: #fff;
    background: linear-gradient(180deg, #13c96a, #1d9554)
}
.blue-default ion-menu .primaryBtn[data-v-5fa60c7e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .625rem
}
.blue-default ion-menu .primaryBtn .login[data-v-5fa60c7e] {
    flex: 1
}
.blue-default ion-menu .primaryBtn .login[data-v-5fa60c7e]::part(native) {
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
    color: #fff
}
.blue-default ion-menu .primaryBtn .register[data-v-5fa60c7e]::part(native) {
    background: linear-gradient(to bottom, #13c96a, #1d9554);
    color: #fff
}
.blue-default ion-menu .primaryBtn .register-btn-warpper[data-v-5fa60c7e] {
    flex: 1;
    position: relative
}
.blue-default ion-menu .primaryBtn .register-btn-warpper .register[data-v-5fa60c7e] {
    width: 100%;
    vertical-align: top
}
.blue-default ion-menu .primaryBtn .register-btn-warpper .rewardTag[data-v-5fa60c7e] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}
.blue-default ion-menu ion-button.init-btn[data-v-5fa60c7e] {
    --padding-top: .375rem;
    --padding-bottom: .375rem;
    --padding-start: .625rem;
    --padding-end: .625rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-feature-settings: "cpsp" on;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    min-height: min-content;
    --border-radius: .375rem
}
.blue-default ion-menu .menu-content[data-v-5fa60c7e] {
    position: relative;
    --padding-start: .8125rem;
    --padding-end: 1.375rem;
    --background: #141b24
}
.blue-default ion-menu .menu-content .card-container[data-v-5fa60c7e] {
    position: relative;
    display: flex;
    flex-flow: column;
    gap: .875rem;
    margin-block-start: .875rem;
    padding-block-end: .875rem
}
.blue-default ion-menu .menu-content .card-container[data-v-5fa60c7e]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: .0625rem;
    background: linear-gradient(to right, #223246, rgba(34, 50, 70, .2))
}
.blue-default ion-menu .menu-content .card-container .card[data-v-5fa60c7e] {
    display: flex;
    align-items: center
}
.blue-default ion-menu .menu-content .card-container .card .img-wall[data-v-5fa60c7e] {
    position: relative;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .1875rem;
    margin-inline-end: .375rem;
    padding: .1875rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}
.blue-default ion-menu .menu-content .card-container .card .img-wall .img[data-v-5fa60c7e] {
    width: 100%;
    height: 100%
}
.blue-default ion-menu .menu-content .card-container .card .img-wall .maintain-icon[data-v-5fa60c7e] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10
}
.blue-default ion-menu .menu-content .card-container .card>.img[data-v-5fa60c7e] {
    width: 1.75rem;
    height: 1.75rem;
    margin-inline-end: .375rem;
    object-fit: fill
}
.blue-default ion-menu .menu-content .card-container .card>.img[data-v-5fa60c7e]::part(image) {
    border-radius: .1875rem
}
.blue-default ion-menu .menu-content .card-container .card .label[data-v-5fa60c7e] {
    font-size: .875rem;
    font-weight: 400;
    color: #fff
}
.blue-default ion-menu .menu-content .records[data-v-5fa60c7e] {
    display: block;
    border-radius: .375rem;
    background: #1c2432;
    padding: .625rem 1rem;
    margin-block: .9375rem;
    color: #fff;
    font-size: .875rem;
    font-weight: 400
}
.blue-default ion-menu .menu-content .install[data-v-5fa60c7e],
.blue-default ion-menu .menu-content .support[data-v-5fa60c7e] {
    position: relative;
    padding: .4375rem .875rem .4375rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .375rem;
    overflow: hidden
}
.blue-default ion-menu .menu-content .install[data-v-5fa60c7e]:before,
.blue-default ion-menu .menu-content .support[data-v-5fa60c7e]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: .125rem;
    height: 75%
}
.blue-default ion-menu .menu-content .install .introduce[data-v-5fa60c7e],
.blue-default ion-menu .menu-content .support .introduce[data-v-5fa60c7e] {
    margin-inline-end: .875rem
}
.blue-default ion-menu .menu-content .install .introduce .title[data-v-5fa60c7e],
.blue-default ion-menu .menu-content .support .introduce .title[data-v-5fa60c7e] {
    color: #fff;
    font-size: .75rem;
    font-weight: 400
}
.blue-default ion-menu .menu-content .install .introduce .label[data-v-5fa60c7e],
.blue-default ion-menu .menu-content .support .introduce .label[data-v-5fa60c7e] {
    color: #787878;
    font-size: .625rem;
    font-weight: 400
}
.blue-default ion-menu .menu-content .install .logo[data-v-5fa60c7e],
.blue-default ion-menu .menu-content .support .logo[data-v-5fa60c7e] {
    flex-shrink: 0;
    width: 3.125rem;
    border-radius: 24%;
    overflow: hidden
}
.blue-default ion-menu .menu-content .install[data-v-5fa60c7e] {
    margin-block-start: .9375rem;
    background: linear-gradient(90deg, #902b8c, #1c2432 40%, #1c2432)
}
.blue-default ion-menu .menu-content .install[data-v-5fa60c7e]:before {
    background: linear-gradient(180deg, #fa10ff, #c50ca8)
}
.blue-default ion-menu .menu-content .install+.support[data-v-5fa60c7e] {
    margin-block-start: .625rem
}
.blue-default ion-menu .menu-content .support[data-v-5fa60c7e] {
    margin-block-start: .9375rem;
    background: linear-gradient(90deg, #11316e, #1c2432 40%, #1c2432)
}
.blue-default ion-menu .menu-content .support[data-v-5fa60c7e]:before {
    background: linear-gradient(180deg, #1061ff, #0037a1)
}
.blue-default ion-menu .menu-content .support .icon-wall[data-v-5fa60c7e] {
    position: relative
}
.blue-default ion-menu .menu-content .support .icon-wall .icon[data-v-5fa60c7e] {
    border-radius: 50%;
    font-size: 1.625rem;
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%)
}
.blue-default ion-menu .menu-content .support .icon-wall .dot[data-v-5fa60c7e] {
    position: absolute;
    top: .0625rem;
    right: .125rem;
    background-color: red;
    width: .375rem;
    height: .375rem;
    border-radius: 50%
}
.blue-default ion-menu .menu-content .tool[data-v-5fa60c7e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-block: .9375rem
}
.blue-default ion-menu .menu-content .tool .language[data-v-5fa60c7e] {
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3125rem;
    background: #1d2533;
    padding: .25rem .375rem
}
.blue-default ion-menu .menu-content .tool .language .label[data-v-5fa60c7e] {
    color: #fff;
    font-size: .625rem;
    font-weight: 400;
    margin-right: .3125rem;
    text-transform: uppercase
}
.blue-default ion-menu .line[data-v-5fa60c7e] {
    width: 100%;
    height: .0625rem;
    background: linear-gradient(to right, #223246, rgba(34, 50, 70, .2))
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2[data-v-9937dca7] {
    line-height: 1rem;
    --background: url(/images/pwa-blue-default.png) no-repeat center / 100% 100%
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .close-btn[data-v-9937dca7] {
    padding: .2rem;
    min-height: min-content;
    font-size: 1rem;
    margin-inline: .625rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .2);
    color: #fff
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .logo[data-v-9937dca7] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .5rem;
    border: .1875rem solid rgba(22, 128, 220, .37)
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .logo[data-v-9937dca7]::part(image) {
    border-radius: .5rem
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .label[data-v-9937dca7] {
    font-family: Alfa Slab One;
    font-size: .875rem;
    font-weight: 400;
    margin-inline-start: .75rem
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-9937dca7] {
    background: linear-gradient(180deg, #edf8ff 38.17%, #6eabff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    position: relative
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-9937dca7]:before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    text-shadow: 0 .0883rem .0253rem rgba(0, 0, 0, .25), 0 .0253rem 0 #000
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end[data-v-9937dca7] {
    position: relative;
    display: flex;
    align-items: flex-end;
    margin-right: .5rem;
    height: 1.375rem
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end .install[data-v-9937dca7] {
    display: flex;
    justify-content: flex-end;
    z-index: -1;
    min-width: 4.7053rem;
    margin-left: -1.25rem;
    align-self: flex-end;
    font-size: .625rem;
    border-radius: .1875rem;
    border: .0625rem solid #182344;
    transform: skew(-8deg);
    padding: .25rem .3125rem .1875rem 1.2rem;
    background-color: #37a6f8;
    box-shadow: inset 0 .1875rem #7bdcfa, inset 0 -.1875rem #2b5bea;
    filter: drop-shadow(0 .404px 0 #000) drop-shadow(0 1.413px .404px rgba(0, 0, 0, .25))
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end .btn-img[data-v-9937dca7] {
    width: 3.125rem;
    height: 1.9063rem;
    margin-block-end: -.125rem
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end .install-btn[data-v-9937dca7] {
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    text-shadow: 0 0 .0938rem #182344, 0 0 .0938rem #182344, 0 0 .0938rem #182344, 0 0 .0938rem #182344
}
.blue-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .close-btn[data-v-9937dca7] {
    margin-inline-start: .25rem;
    margin-inline-end: .625rem
}
.blue-default ion-menu-toggle.records[data-v-edabafc1] {
    border-top: .0625rem solid #2F3B4D;
    border-bottom: .0625rem solid #2F3B4D;
    background: radial-gradient(50% 130% at 96% 100%, rgba(21, 25, 32, .4), #141b24)
}
.blue-default ion-menu-toggle.records[data-v-edabafc1]:before {
    background: url(/images/betBg2.jpg) no-repeat 7.5rem top / auto 100%
}
.blue-default ion-menu-toggle.records .img-wall[data-v-edabafc1] {
    border: .0625rem solid #2F3B4D;
    background: #183009
}
.blue-default ion-menu-toggle.records .label[data-v-edabafc1] {
    color: var(--text-color1)
}
.blue-default ion-menu-toggle.records .label-sub[data-v-edabafc1] {
    color: #17b663
}
.blue-default ion-menu[data-v-d801ec68] {
    --background: transparent
}
.blue-default ion-menu[data-v-d801ec68]::part(container) {
    width: 100%
}
.blue-default ion-menu ion-header[data-v-d801ec68] {
    box-shadow: none
}
.blue-default ion-menu ion-header ion-toolbar[data-v-d801ec68] {
    --background: #141B24;
    --border-width: 0
}
.blue-default ion-menu ion-header .pwa-wall[data-v-d801ec68] {
    height: 3.125rem
}
.blue-default ion-menu ion-header .pwa-wall .pwa-head[data-v-d801ec68] {
    --padding-start: .25rem;
    --padding-end: .25rem
}
.blue-default ion-menu ion-content[data-v-d801ec68]::part(background) {
    background: #141b24
}
.blue-default ion-menu ion-content ion-menu-toggle.card[data-v-d801ec68] {
    display: flex;
    align-items: center;
    padding: .4375rem 0 .4375rem .875rem;
    border-radius: .25rem;
    background: #1c2432;
    border: .0625rem solid #2F3B4D
}
.blue-default ion-menu ion-content ion-menu-toggle.card .img-wall[data-v-d801ec68] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .1875rem;
    margin-right: .3125rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}
.blue-default ion-menu ion-content ion-menu-toggle.card .label[data-v-d801ec68] {
    font-size: .875rem;
    font-weight: 400;
    color: var(--text-color1)
}
.blue-default ion-menu ion-content .card-container[data-v-d801ec68] {
    padding: .625rem .9375rem 1.375rem
}
.blue-default ion-menu ion-content .support-container[data-v-d801ec68] {
    display: flex;
    margin-block-start: 1.0625rem;
    padding-inline: .9375rem;
    gap: .8125rem
}
.blue-default ion-menu ion-content .support-container .support[data-v-d801ec68] {
    flex: 1;
    display: flex;
    align-items: center;
    position: relative;
    padding: .5rem 0 .5rem .875rem;
    border-radius: .25rem;
    color: var(--text-color1);
    background-color: #1c2432;
    border: .0625rem solid #2F3B4D;
    font-size: .875rem;
    font-weight: 600;
    text-transform: capitalize
}
.blue-default ion-menu ion-content .support-container .support .icon[data-v-d801ec68] {
    font-size: 1.625rem;
    border-radius: 50%;
    margin-inline-end: .5rem;
    color: #fff;
    background: linear-gradient(180deg, #ffc271, #f2910d)
}
.blue-default ion-menu ion-content .support-container .language[data-v-d801ec68] {
    display: flex;
    align-items: center;
    gap: .3125rem;
    padding: .7813rem 1.1875rem;
    border-radius: .25rem;
    color: var(--text-color1);
    background-color: #1c2432;
    border: .0625rem solid #2F3B4D;
    font-size: .875rem;
    font-weight: 400
}
.blue-default .badge[data-v-9df0dce3] {
    position: relative;
    overflow: hidden
}
.blue-default .badge[data-v-9df0dce3]:after {
    content: attr(data-badge);
    position: absolute;
    top: -1.1rem;
    right: -1.12rem;
    width: 3rem;
    height: 2rem;
    padding-left: .8rem;
    line-height: 6.6;
    color: var(--text-color-white-100);
    background: var(--color-danger);
    font-size: var(--font-size-8);
    transform: rotate(45deg);
    z-index: 20
}
.blue-default .btn-wrap[data-v-9df0dce3] {
    flex: 0 0 calc(33.333% - (2/3 * .625rem));
    height: 2.5rem;
    border-radius: var(--rounded-middle);
    line-height: 2.5rem;
    text-align: center;
    flex-shrink: 0;
    cursor: pointer;
    background: var(--color-bg-50);
    display: flex;
    align-items: center;
    justify-content: center
}
.blue-default .btn-wrap img[data-v-9df0dce3] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}
.blue-default .btn-wrap .bn-text .amount[data-v-9df0dce3] {
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    color: var(--color-text-gray-200)
}
.blue-default .active[data-v-9df0dce3] {
    background: var(--theme-color-gradient-300)
}
.blue-default .active .bn-text .amount[data-v-9df0dce3] {
    color: var(--color-text-white-100)
}
.blue-default .active[data-v-9df0dce3] {
    border: 1px solid var(--theme-color-600)
}
.blue-default .bank-area .title[data-v-dc68ab55] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-100);
    font-weight: var(--ep-font-weight-bold, 700);
    margin: 0 0 .625rem .75rem;
    line-height: 1.125rem
}
.blue-default .bank-area .bank-list-wrap[data-v-dc68ab55] {
    width: 22.875rem;
    margin: 0 auto 1.375rem;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-content: space-between;
    align-items: center
}
.blue-default .bank-area .bank-list-wrap .bank-item[data-v-dc68ab55] {
    flex: 0 0 calc(33.333% - .5rem);
    height: 3.375rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--color-bg-200);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--color-text-40);
    padding: .375rem .5rem;
    box-sizing: border-box;
    font-size: var(--ep-font-size-m, .75rem);
    cursor: pointer
}
.blue-default .bank-area .bank-list-wrap .bank-item .bank-logo[data-v-dc68ab55] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    display: block;
    margin-right: .375rem
}
.blue-default .bank-area .bank-list-wrap .bank-item .bank-name[data-v-dc68ab55] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    line-height: 1.2
}
.blue-default .bank-area .bank-list-wrap .active[data-v-dc68ab55] {
    border: 1px solid var(--theme-color-900);
    color: var(--color-text-100);
    background: var(--color-btn-bg-active-r);
    position: relative
}
.blue-default .bank-area .bank-list-wrap .active .ok-icon[data-v-dc68ab55] {
    color: var(--theme-color-800);
    position: absolute;
    right: .25rem;
    bottom: .25rem;
    font-size: var(--ep-font-size-l, .875rem)
}
.blue-default .channel-list .active[data-v-1de5d927] {
    background: var(--color-bg-200);
    border: 1px solid var(--theme-color-900);
    color: var(--color-text-white-100)
}
.blue-default .header[data-v-519d9a50] {
    --padding-end: .9375rem;
    --background: #090f1f
}
.blue-default .header[data-v-519d9a50] .menu-bar {
    color: #fff
}
.blue-default .header .assets-box[data-v-519d9a50] {
    font-weight: 400;
    border: .0625rem solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    display: flex;
    align-items: center;
    padding: .125rem .1875rem .125rem .5rem;
    border-radius: .375rem;
    font-size: .875rem
}
.blue-default .header .assets-box .assets-img[data-v-519d9a50] {
    width: 1.25rem;
    margin-inline-end: .3125rem
}
.blue-default .header .assets-box .currency[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    margin-right: .25rem;
    color: #fba531;
    text-shadow: none
}
.blue-default .header .assets-box .assets-box-number[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    color: #fba531;
    text-shadow: none
}
.blue-default .header .assets-box .wallet[data-v-519d9a50] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .25rem .625rem;
    border-radius: .25rem;
    margin-left: .375rem;
    background: linear-gradient(to bottom, #13c96a, #1d9554)
}
.blue-default .header .assets-box .wallet ion-icon[data-v-519d9a50] {
    font-size: 1.125rem;
    color: #fff
}
.blue-default .header .assets-box .deposit[data-v-519d9a50] {
    margin-left: .375rem;
    border-radius: .375rem;
    background: linear-gradient(180deg, #6a853a, #98c24f)
}
.blue-default .header .assets-box ion-button[data-v-519d9a50]::part(native) {
    color: #fff
}
.blue-default .header .primaryBtn[data-v-519d9a50] {
    display: flex;
    align-items: center
}
.blue-default .header .primaryBtn .login[data-v-519d9a50]::part(native) {
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
    color: #fff
}
.blue-default .header .primaryBtn .register[data-v-519d9a50]::part(native) {
    background: linear-gradient(to bottom, #13c96a, #1d9554);
    color: #fff
}
.blue-default .header .primaryBtn .register-btn-warpper[data-v-519d9a50] {
    display: flex;
    align-items: center;
    position: relative
}
.blue-default .header .primaryBtn .register-btn-warpper .rewardTag[data-v-519d9a50] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}
.blue-default .header ion-button.init-btn[data-v-519d9a50] {
    --padding-top: .375rem;
    --padding-bottom: .375rem;
    --padding-start: .625rem;
    --padding-end: .625rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-feature-settings: "cpsp" on;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1;
    min-height: min-content;
    --border-radius: .375rem
}
.blue-default .header ion-button.unset-btn[data-v-519d9a50] {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: 0;
    --padding-end: 0;
    min-height: min-content;
    min-width: min-content
}
.blue-default .header ion-button.outline-btn[data-v-519d9a50] {
    --border-width: .0625rem;
    --border-style: solid
}
.blue-default .header ion-button.outline-btn.login[data-v-519d9a50] {
    --background: #1A223A;
    --color: #1F8AE4;
    --border-color: #1F8AE4
}
.blue-default .header ion-button.outline-btn.login[data-v-519d9a50]::part(native) {
    color: #1f8ae4
}
.blue-default .header ion-button.outline-btn.register[data-v-519d9a50] {
    --background: #3C3834;
    --color: #FBA531;
    --border-color: #FBA531
}
.blue-default .header ion-button.outline-btn.register[data-v-519d9a50]::part(native) {
    color: #fba531
}
.blue-default .header ion-button.search[data-v-519d9a50] {
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}
.blue-default .header ion-button.search .search-icon[data-v-519d9a50] {
    color: #fff
}
.blue-default .header ion-button.earth[data-v-519d9a50] {
    flex-shrink: 0;
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}
.blue-default .header ion-button.earth .language-icon[data-v-519d9a50] {
    color: #fff
}
.blue-default .header ion-button.btn-margin+.btn-margin[data-v-519d9a50] {
    margin-inline-start: .625rem
}
.blue-default #language[data-v-519d9a50] {
    --background: #090f1f
}
.blue-default #language[data-v-519d9a50]::part(content) {
    margin-top: 1.5rem;
    margin-left: .125rem;
    border-radius: .375rem;
    width: max-content
}
.blue-default #language ion-button[data-v-519d9a50] {
    --color: #fff;
    --padding-top: 0;
    --padding-bottom: 0;
    --border-radius: 0;
    margin-inline: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 3.25rem;
    white-space: nowrap;
    align-self: flex-start
}
.blue-default #language ion-button .flag[data-v-519d9a50] {
    border-radius: .75rem;
    font-size: 1.25rem;
    margin-right: .5rem
}
.blue-default .home-type-Platform.v02 .header[data-v-519d9a50] {
    --padding-end: .9375rem;
    --background: #13192C
}
.blue-default .home-type-Platform.v02 .header[data-v-519d9a50] .menu-bar {
    color: #fff
}
.blue-default .home-type-Platform.v02 .header .assets-box[data-v-519d9a50] {
    font-weight: 400;
    border: .0625rem solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    display: flex;
    align-items: center;
    padding: .125rem .1875rem .125rem .5rem;
    border-radius: .375rem;
    font-size: .875rem
}
.blue-default .home-type-Platform.v02 .header .assets-box .assets-img[data-v-519d9a50] {
    width: 1.25rem;
    margin-inline-end: .3125rem
}
.blue-default .home-type-Platform.v02 .header .assets-box .currency[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    margin-right: .25rem;
    color: #fbed3c;
    text-shadow: none
}
.blue-default .home-type-Platform.v02 .header .assets-box .assets-box-number[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    color: #fbed3c;
    text-shadow: none
}
.blue-default .home-type-Platform.v02 .header .assets-box .wallet[data-v-519d9a50] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .25rem .625rem;
    border-radius: .25rem;
    margin-left: .375rem;
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%)
}
.blue-default .home-type-Platform.v02 .header .assets-box .wallet ion-icon[data-v-519d9a50] {
    font-size: 1.125rem;
    color: #fff
}
.blue-default .home-type-Platform.v02 .header .assets-box .deposit[data-v-519d9a50] {
    margin-left: .375rem;
    border-radius: .375rem;
    background: linear-gradient(180deg, #6a853a, #98c24f)
}
.blue-default .home-type-Platform.v02 .header .assets-box ion-button[data-v-519d9a50]::part(native) {
    color: #fff
}
.blue-default .home-type-Platform.v02 .header .primaryBtn[data-v-519d9a50] {
    display: flex;
    align-items: center
}
.blue-default .home-type-Platform.v02 .header .primaryBtn .login[data-v-519d9a50]::part(native) {
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
    color: #fff
}
.blue-default .home-type-Platform.v02 .header .primaryBtn .register[data-v-519d9a50]::part(native) {
    background: linear-gradient(to bottom, #13c96a, #1d9554);
    color: #fff
}
.blue-default .home-type-Platform.v02 .header .primaryBtn .register-btn-warpper[data-v-519d9a50] {
    display: flex;
    align-items: center;
    position: relative
}
.blue-default .home-type-Platform.v02 .header .primaryBtn .register-btn-warpper .rewardTag[data-v-519d9a50] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}
.blue-default .home-type-Platform.v02 .header ion-button.init-btn[data-v-519d9a50] {
    --padding-top: .375rem;
    --padding-bottom: .375rem;
    --padding-start: .625rem;
    --padding-end: .625rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-feature-settings: "cpsp" on;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1;
    min-height: min-content;
    --border-radius: .375rem
}
.blue-default .home-type-Platform.v02 .header ion-button.unset-btn[data-v-519d9a50] {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: 0;
    --padding-end: 0;
    min-height: min-content;
    min-width: min-content
}
.blue-default .home-type-Platform.v02 .header ion-button.outline-btn[data-v-519d9a50] {
    --border-width: .0625rem;
    --border-style: solid
}
.blue-default .home-type-Platform.v02 .header ion-button.outline-btn.login[data-v-519d9a50] {
    --background: #1A223A;
    --color: #1F8AE4;
    --border-color: #1F8AE4
}
.blue-default .home-type-Platform.v02 .header ion-button.outline-btn.login[data-v-519d9a50]::part(native) {
    color: #1f8ae4
}
.blue-default .home-type-Platform.v02 .header ion-button.outline-btn.register[data-v-519d9a50] {
    --background: #3C3834;
    --color: #FBA531;
    --border-color: #FBA531
}
.blue-default .home-type-Platform.v02 .header ion-button.outline-btn.register[data-v-519d9a50]::part(native) {
    color: #fba531
}
.blue-default .home-type-Platform.v02 .header ion-button.search[data-v-519d9a50] {
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}
.blue-default .home-type-Platform.v02 .header ion-button.search .search-icon[data-v-519d9a50] {
    color: #fff
}
.blue-default .home-type-Platform.v02 .header ion-button.earth[data-v-519d9a50] {
    flex-shrink: 0;
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}
.blue-default .home-type-Platform.v02 .header ion-button.earth .language-icon[data-v-519d9a50] {
    color: #fff
}
.blue-default .home-type-Platform.v02 .header ion-button.btn-margin+.btn-margin[data-v-519d9a50] {
    margin-inline-start: .625rem
}
.blue-default .home-type-Platform.v02 #language[data-v-519d9a50] {
    --background: #13192C
}
.blue-default .home-type-Platform.v02 #language[data-v-519d9a50]::part(content) {
    margin-top: 1.5rem;
    margin-left: .125rem;
    border-radius: .375rem;
    width: max-content
}
.blue-default .home-type-Platform.v02 #language ion-button[data-v-519d9a50] {
    --color: #fff;
    --padding-top: 0;
    --padding-bottom: 0;
    --border-radius: 0;
    margin-inline: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 3.25rem;
    white-space: nowrap;
    align-self: flex-start
}
.blue-default .home-type-Platform.v02 #language ion-button .flag[data-v-519d9a50] {
    border-radius: .75rem;
    font-size: 1.25rem;
    margin-right: .5rem
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .header .icon-btn[data-v-519d9a50] {
    font-size: 1.5rem
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .header .login[data-v-519d9a50],
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .header .register[data-v-519d9a50] {
    text-transform: uppercase;
    --padding-start: .25rem;
    --padding-end: .25rem;
    font-weight: 700;
    font-size: .75rem
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .v02 .header .assets-box .currency[data-v-519d9a50] {
    font-family: Inter
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .v02 .header .assets-box .assets-box-number[data-v-519d9a50] {
    font-family: Inter
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .v02 .header .assets-box .wallet[data-v-519d9a50] {
    padding: .3125rem .4375rem
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .v02 .header .assets-box .wallet ion-icon[data-v-519d9a50] {
    font-size: 1.125rem
}
.blue-default .header[data-v-af85f064] {
    --background: #101629;
    --padding-start: .9375rem;
    --padding-end: .9375rem
}
.blue-default .header .logo[data-v-af85f064] {
    height: 1.75rem
}
.blue-default .header .logo[data-v-af85f064]::part(image) {
    width: auto
}
.blue-default .header .assets-box[data-v-af85f064] {
    font-weight: 400;
    border: .0625rem solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    display: flex;
    align-items: center;
    padding: .125rem .1875rem .125rem .5rem;
    border-radius: .375rem;
    font-size: .875rem
}
.blue-default .header .assets-box .currency[data-v-af85f064] {
    color: #fba531;
    font-size: .875rem;
    font-weight: 700;
    margin-right: .25rem
}
.blue-default .header .assets-box .assets-box-number[data-v-af85f064] {
    color: #fba531;
    font-size: .875rem;
    font-weight: 700
}
.blue-default .header .assets-box .wallet[data-v-af85f064] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.875rem;
    padding: .25rem .625rem;
    border-radius: .25rem;
    margin-left: .375rem;
    background: linear-gradient(to bottom, #13c96a, #1d9554)
}
.blue-default .header .assets-box .wallet ion-icon[data-v-af85f064] {
    font-size: 1.125rem;
    color: #fff
}
.blue-default .header .assets-box .deposit[data-v-af85f064] {
    margin-left: .375rem;
    border-radius: .375rem;
    --color: #fff;
    background: linear-gradient(180deg, #13c96a, #1d9554)
}
.blue-default .primaryBtn[data-v-af85f064] {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .625rem .9375rem
}
.blue-default .primaryBtn .login[data-v-af85f064] {
    flex: 1;
    --padding-top: .6875rem;
    --padding-bottom: .6875rem
}
.blue-default .primaryBtn .login[data-v-af85f064]::part(native) {
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
    color: #fff
}
.blue-default .primaryBtn .register[data-v-af85f064] {
    flex: 1;
    --padding-top: .6875rem;
    --padding-bottom: .6875rem
}
.blue-default .primaryBtn .register[data-v-af85f064]::part(native) {
    background: linear-gradient(to bottom, #13c96a, #1d9554);
    color: #fff
}
.blue-default .primaryBtn .register-btn-warpper[data-v-af85f064] {
    display: flex;
    flex: 1;
    position: relative
}
.blue-default .primaryBtn .register-btn-warpper .rewardTag[data-v-af85f064] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}
.blue-default ion-button.init-btn[data-v-af85f064] {
    --padding-top: .375rem;
    --padding-bottom: .375rem;
    --padding-start: .625rem;
    --padding-end: .625rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-feature-settings: "cpsp" on;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1;
    min-height: min-content;
    --border-radius: .375rem
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-c9817b65] {
    position: relative;
    display: flex;
    align-items: center;
    margin-block: .75rem;
    margin-inline: .9375rem;
    height: 1.5rem;
    border-radius: .25rem;
    background: #131826
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-c9817b65]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 2.5rem;
    height: 100%;
    border-radius: .25rem 0 0 .25rem;
    background: linear-gradient(90deg, #131826 46.36%, rgba(28, 35, 52, 0))
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-c9817b65]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 2.5rem;
    height: 100%;
    border-radius: 0 .25rem .25rem 0;
    background: linear-gradient(270deg, #131826 46.36%, rgba(28, 35, 52, 0))
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone[data-v-c9817b65] {
    z-index: 4;
    font-size: 1.25rem;
    padding-inline-start: .5rem;
    padding-inline-end: .3rem;
    color: #fff
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index .label[data-v-c9817b65] {
    z-index: 0;
    color: #fff
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index .badge[data-v-c9817b65] {
    z-index: 4;
    position: relative;
    padding-inline-end: .25rem
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index .badge ion-icon[data-v-c9817b65] {
    font-size: 1.25rem;
    vertical-align: sub;
    color: #38a8fa
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index .badge .dot[data-v-c9817b65] {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-60%);
    width: .75rem;
    height: .75rem;
    font-size: .5625rem;
    line-height: .75rem;
    border-radius: 50%;
    color: #fff;
    background-color: red;
    text-align: center
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-c9817b65] {
    position: relative;
    display: flex;
    align-items: center;
    margin-block: .75rem;
    margin-inline: .9375rem;
    height: 1.5rem;
    border-radius: .25rem;
    background: #101629
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-c9817b65]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 2.5rem;
    height: 100%;
    border-radius: .25rem 0 0 .25rem;
    background: linear-gradient(90deg, #131826 46.36%, rgba(28, 35, 52, 0))
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-c9817b65]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 2.5rem;
    height: 100%;
    border-radius: 0 .25rem .25rem 0;
    background: linear-gradient(270deg, #131826 46.36%, rgba(28, 35, 52, 0))
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone[data-v-c9817b65] {
    z-index: 4;
    font-size: 1.25rem;
    padding-inline-start: .5rem;
    padding-inline-end: .3rem;
    color: #bebebe
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index .label[data-v-c9817b65] {
    z-index: 0;
    color: #899fbe
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index .badge[data-v-c9817b65] {
    z-index: 4;
    position: relative;
    padding-inline-end: .25rem
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index .badge ion-icon[data-v-c9817b65] {
    font-size: 1.25rem;
    vertical-align: sub;
    color: #38a8fa
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index .badge .dot[data-v-c9817b65] {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-60%);
    width: .75rem;
    height: .75rem;
    font-size: .5625rem;
    line-height: .75rem;
    border-radius: 50%;
    color: #fff;
    background-color: red;
    text-align: center
}
.blue-default .v02 .marquee-container[data-v-a2dcac1d] {
    position: relative;
    display: flex;
    align-items: center;
    margin-block-start: .75rem;
    margin-inline: .9375rem;
    padding-inline-start: .5rem;
    padding-inline-end: 1rem;
    height: 2rem;
    background: url(/svg/marquee3.svg) no-repeat no-repeat center / 100% 100%
}
.blue-default .v02 .marquee-container .megaphone[data-v-a2dcac1d] {
    width: 1.25rem;
    height: 1.25rem;
    margin-inline-end: .6875rem;
    color: #bebebe
}
.blue-default .v02 .marquee-container .label[data-v-a2dcac1d] {
    color: #27d48b;
    margin-top: .3125rem
}
.blue-default .v02 .marquee-container .badge[data-v-a2dcac1d] {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-60%);
    width: 1rem;
    height: 1rem;
    font-size: .75rem
}
.blue-default .v02 .marquee-container .badge ion-icon[data-v-a2dcac1d] {
    font-size: 1rem
}
.blue-default .v02 .marquee-container .badge .dot[data-v-a2dcac1d] {
    width: 1rem;
    height: 1rem;
    font-size: .625rem;
    line-height: 1rem;
    text-align: center;
    border-radius: 50%;
    color: #fff
}
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .divider[data-v-5c9afe31] {
    width: 22.5rem;
    height: 1px;
    margin-left: .9375rem;
    margin-block: .9375rem;
    background-color: #1a233e
}
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container[data-v-5c9afe31] {
    padding-inline: .5625rem;
    margin-block: .625rem;
    font-size: .625rem
}
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .row[data-v-5c9afe31] {
    height: 2.625rem
}
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .col[data-v-5c9afe31] {
    padding-inline-start: .375rem;
    padding-inline-end: .375rem;
    padding-top: 0;
    padding-bottom: 0
}
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn[data-v-5c9afe31] {
    border-width: .0625rem;
    border-style: solid;
    height: 100%;
    border-radius: .625rem;
    display: flex;
    align-items: center;
    padding-left: 1.25rem;
    border-color: #31343d
}
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .icon[data-v-5c9afe31] {
    font-size: 1.875rem;
    margin-right: .3125rem
}
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .text[data-v-5c9afe31] {
    color: #fff
}
.blue-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .text-sub[data-v-5c9afe31] {
    font-size: .5rem;
    color: #86888d
}
.blue-default .v01 .app-install[data-v-86b06481] {
    position: relative;
    margin-inline: .9375rem;
    margin-block-start: 1.25rem
}
.blue-default .v01 .app-install .ios-btn[data-v-86b06481],
.blue-default .v01 .app-install .android-btn[data-v-86b06481] {
    width: 12.125rem;
    height: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}
.blue-default .v01 .app-install .ios-btn[data-v-86b06481]:active,
.blue-default .v01 .app-install .android-btn[data-v-86b06481]:active {
    transform: scale(.95)
}
.blue-default .v01 .app-install .ios-btn .info[data-v-86b06481],
.blue-default .v01 .app-install .android-btn .info[data-v-86b06481] {
    display: flex;
    flex-direction: column
}
.blue-default .v01 .app-install .ios-btn .info .title[data-v-86b06481],
.blue-default .v01 .app-install .android-btn .info .title[data-v-86b06481] {
    color: #aeced0;
    font-size: .875rem;
    font-weight: 500
}
.blue-default .v01 .app-install .ios-btn .info .sub[data-v-86b06481],
.blue-default .v01 .app-install .android-btn .info .sub[data-v-86b06481] {
    color: #86888d;
    font-size: .625rem;
    font-weight: 400
}
.blue-default .v01 .app-install .ios-btn[data-v-86b06481] {
    background-image: url(/svg/ios-bg1.svg)
}
.blue-default .v01 .app-install .ios-btn .info[data-v-86b06481] {
    margin-left: .625rem
}
.blue-default .v01 .app-install .ios-btn .logo[data-v-86b06481] {
    margin-inline-start: -1.875rem;
    font-size: 1.9375rem
}
.blue-default .v01 .app-install .android-btn[data-v-86b06481] {
    background-image: url(/svg/android-bg1.svg);
    position: absolute;
    top: 0;
    right: 0
}
.blue-default .v01 .app-install .android-btn .info[data-v-86b06481] {
    align-items: flex-end;
    margin-inline-end: .625rem;
    padding-inline-start: .625rem
}
.blue-default .v01 .app-install .android-btn .logo[data-v-86b06481] {
    font-size: 2.25rem;
    margin-inline-end: -.9375rem
}
.blue-default .install-container[data-v-b7b0d936] {
    position: relative;
    overflow: hidden;
    text-align: center;
    margin-inline: .9375rem;
    padding: 2.1875rem 2.1563rem;
    border-radius: .625rem .625rem 0 0
}
.blue-default .install-container[data-v-b7b0d936]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/images/appInstallBgGreen01.png) no-repeat center center / cover, linear-gradient(180deg, rgba(0, 0, 0, .16) 67.55%, rgba(0, 0, 0, .16));
    z-index: -2
}
.blue-default .install-container[data-v-b7b0d936]:after {
    content: "";
    position: absolute;
    top: -9.4825rem;
    left: -10%;
    width: 120%;
    height: 21rem;
    background: radial-gradient(50% 50% at 50% 50%, #659dff 36.19%, rgba(101, 157, 255, 0));
    opacity: .32;
    z-index: -1
}
.blue-default .install-container .title[data-v-b7b0d936] {
    text-align: center;
    font-size: 1.625rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: .9375rem;
    background: -webkit-linear-gradient(#F2FEEC 30%, #BFF1FF 100%);
    text-shadow: 0 .13rem .2599rem rgba(0, 0, 0, .14);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block
}
.blue-default .install-container .introduce[data-v-b7b0d936] {
    color: rgba(255, 255, 255, .4);
    font-weight: 600;
    font-size: .875rem;
    text-align: center
}
.blue-default .install-container .btn-container[data-v-b7b0d936] {
    display: flex;
    gap: 1.875rem;
    margin-top: 2.1875rem;
    text-align: left
}
.blue-default .install-container .btn-container .ios-btn[data-v-b7b0d936],
.blue-default .install-container .btn-container .android-btn[data-v-b7b0d936] {
    flex: 1;
    display: flex;
    align-items: center;
    padding: .375rem .5rem;
    border-radius: .625rem;
    border-width: .0625rem;
    border-style: solid;
    border-color: rgba(255, 255, 255, .12);
    background-color: rgba(255, 255, 255, .05)
}
.blue-default .install-container .btn-container .ios-btn[data-v-b7b0d936]:active,
.blue-default .install-container .btn-container .android-btn[data-v-b7b0d936]:active {
    transform: scale(.95)
}
.blue-default .install-container .btn-container .ios-btn .logo[data-v-b7b0d936],
.blue-default .install-container .btn-container .android-btn .logo[data-v-b7b0d936] {
    font-size: 1.875rem;
    margin-right: .3125rem
}
.blue-default .install-container .btn-container .ios-btn .text-sub[data-v-b7b0d936],
.blue-default .install-container .btn-container .android-btn .text-sub[data-v-b7b0d936] {
    color: #fff;
    font-size: .5rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: .3125rem
}
.blue-default .install-container .btn-container .ios-btn .text[data-v-b7b0d936],
.blue-default .install-container .btn-container .android-btn .text[data-v-b7b0d936] {
    color: #fff;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1.1
}
.blue-default .install-container .btn-container .ios-btn .logo[data-v-b7b0d936] {
    color: #fff
}
.blue-default .install-container .app-logo[data-v-b7b0d936] {
    display: inline-block;
    width: 12.8125rem;
    height: 2.9896rem;
    margin-top: 1.875rem
}
.blue-default .install-container[data-v-b7b0d936] {
    background: linear-gradient(90deg, rgba(0, 94, 255, 0) 70%, rgba(0, 255, 208, .06))
}
.blue-default .install-container[data-v-b7b0d936]:before {
    filter: sepia(1) saturate(1) hue-rotate(120deg) brightness(1)
}
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index[data-v-c8a3e52b] {
    padding-inline: .9375rem
}
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index .divider[data-v-c8a3e52b] {
    height: 1px;
    width: 22.5rem;
    margin-block: .9375rem;
    background-color: #1a233e
}
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .title[data-v-c8a3e52b] {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    color: #616d93
}
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .content[data-v-c8a3e52b] {
    margin: .625rem 0 .875rem;
    color: #616d93
}
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .content .text[data-v-c8a3e52b] {
    font-size: .6875rem;
    line-height: 1.5
}
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .intro[data-v-c8a3e52b] {
    font-size: .6875rem;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    text-align: center;
    color: #616d93
}
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .intro .text[data-v-c8a3e52b] {
    font-weight: 800;
    font-size: .875rem;
    color: #616d93
}
.blue-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .intro .version[data-v-c8a3e52b] {
    margin-left: .5rem;
    font-size: .625rem;
    text-align: center;
    color: #616d93
}
.blue-default .v01 .footer-container[data-v-3c72d563] {
    margin-top: 2.5rem
}
.blue-default .v01 .footer-container .logo[data-v-3c72d563] {
    height: 2.5rem;
    margin-block-end: .9375rem
}
.blue-default .v01 .footer-container .content[data-v-3c72d563] {
    margin: .625rem 0 .875rem;
    color: #405168
}
.blue-default .v01 .footer-container .content .text[data-v-3c72d563] {
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.5
}
.blue-default .v01 .footer-container .intro[data-v-3c72d563] {
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    text-align: center;
    color: #405168
}
.blue-default .v01 .footer-container .intro .text[data-v-3c72d563] {
    font-weight: 800;
    font-size: .875rem;
    color: #405168
}
.blue-default .v01 .footer-container .intro .version[data-v-3c72d563] {
    margin-left: .5rem;
    font-size: .625rem;
    text-align: center;
    color: #405168
}
.blue-default .footer-container[data-v-cc04f3dc] {
    background: linear-gradient(90deg, #101629, #101629, rgba(0, 255, 208, .06));
    color: var(--text-color2);
    border-radius: 0 0 .625rem .625rem
}
.blue-default .footer-container .content .text[data-v-cc04f3dc] {
    color: var(--text-color2)
}
.blue-default .footer-container .intro .text[data-v-cc04f3dc] {
    color: var(--text-color1)
}
.blue-default .footer-container .intro .version[data-v-cc04f3dc] {
    color: #7e9071
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index[data-v-06d49461] {
    margin-block: .875rem;
    display: flex;
    flex-direction: column;
    align-items: center
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .game-brand[data-v-06d49461] {
    width: 21.25rem;
    height: 8.75rem
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .social-box[data-v-06d49461] {
    margin-top: .875rem;
    text-align: center;
    width: 100%;
    padding: 0 .46875rem
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .social-box .title[data-v-06d49461] {
    margin-bottom: .625rem;
    font-size: .625rem;
    color: #4b5770
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .social-box .row[data-v-06d49461] {
    width: 100%;
    justify-content: space-evenly
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .social-box .row .img[data-v-06d49461] {
    width: 4rem;
    height: 2.1875rem;
    margin-bottom: .875rem;
    object-fit: contain
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .payment-box[data-v-06d49461] {
    margin-top: .875rem
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .payment-box .img[data-v-06d49461] {
    width: 100%
}
.blue-default .tabbar-tabs-inicio-components-PartView-default-index .divider[data-v-06d49461] {
    width: 22.5rem;
    height: 1px;
    background-color: #1a233e
}
.blue-default .part-container[data-v-17f9e8b6] {
    padding-inline: .9375rem
}
.blue-default .part-container .title[data-v-17f9e8b6] {
    font-size: .875rem;
    font-weight: 800;
    line-height: 2;
    align-self: flex-start;
    color: var(--text-color2)
}
.blue-default .part-container .social-img[data-v-17f9e8b6] {
    width: 2.5rem;
    height: 2.5rem;
    object-fit: contain;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: .375rem;
    box-shadow: 0 .125rem .0625rem 2.5rem rgba(255, 255, 255, .03) inset
}
.blue-default .part-container .game-img[data-v-17f9e8b6] {
    width: 100%;
    height: 6.25rem
}
.blue-default .part-container .divider[data-v-17f9e8b6] {
    width: 100%;
    height: .0625rem;
    background-color: var(--line-color)
}
.blue-default .support[data-v-7fe6e489] {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 2rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 1rem;
    z-index: 50;
    background: linear-gradient(0deg, #0167ca, #38a8fa)
}
.blue-default .support .dot[data-v-7fe6e489] {
    position: absolute;
    top: .5rem;
    left: 1.5625rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: red
}
.blue-default .support[data-v-ae5ff710] {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 1rem;
    z-index: 50;
    border-radius: .625rem;
    background: linear-gradient(180deg, #001d32, #013c79);
    box-shadow: 0 -2px #006af9 inset
}
.blue-default .support .dot[data-v-ae5ff710] {
    position: absolute;
    top: .5rem;
    left: 1.5625rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: red
}
.blue-default .to-top-box[data-v-61467caf] {
    width: 2.875rem;
    height: 2.875rem;
    font-size: .625rem;
    border-radius: .3125rem;
    position: fixed;
    z-index: 50;
    right: 1.25rem;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    background: #191e2d
}
.blue-default .to-top-box .icon-wall[data-v-61467caf] {
    width: 1.375rem;
    height: 1.375rem;
    font-size: 1.375rem;
    background: linear-gradient(0deg, #0167ca, #38a8fa);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}
.blue-default .to-top-box .icon-wall .icon[data-v-61467caf],
.blue-default .to-top-box .to-top-text[data-v-61467caf] {
    color: #fff
}
.blue-default .to-top-box[data-v-49557771] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    font-size: .625rem;
    position: fixed;
    z-index: 50;
    right: 1.25rem;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    background: #4da341
}
.blue-default .to-top-box .icon-wall[data-v-49557771] {
    width: 1.375rem;
    height: 1.375rem;
    font-size: 1.375rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1rem
}
.blue-default .to-top-box .icon-wall .icon[data-v-49557771] {
    color: #fff
}
.blue-default .to-top-box .to-top-text[data-v-49557771] {
    color: #fff;
    font-size: .75rem;
    font-weight: 500;
    margin-bottom: .125rem
}
.blue-default .headerBgImage[data-v-04e42dca] {
    display: flex;
    align-items: center;
    background: url(/svg/headerTextBgGreen04.svg) no-repeat 0 0 / 22.5rem 2.5625rem;
    height: 2.5625rem;
    margin-block-end: .875rem
}
.blue-default .headerBgImage .logo-wall[data-v-04e42dca] {
    width: 2.625rem;
    margin-inline-start: .1875rem;
    margin-inline-end: .5rem;
    font-size: 1.875rem;
    line-height: 1;
    display: flex;
    justify-content: center;
    color: #afc69f
}
.blue-default .headerBgImage .logo-wall .svg-container[data-v-04e42dca] {
    font-size: 1.875rem;
    width: 1.875rem;
    height: 1.875rem
}
.blue-default .headerBgImage ion-label[data-v-04e42dca] {
    color: #fff
}
.blue-default .headerBgImage .arrow-container[data-v-04e42dca] {
    margin-block-start: .625rem;
    margin-inline-end: .6675rem;
    line-height: 1
}
.blue-default .headerBgImage .arrow-container .left[data-v-04e42dca],
.blue-default .headerBgImage .arrow-container .right[data-v-04e42dca] {
    padding-inline: .25rem;
    padding-block: .25rem;
    border-radius: .1875rem;
    font-size: .875rem;
    color: #1680dc;
    background-color: #354165
}
.blue-default .headerBgImage .arrow-container .left.invalid[data-v-04e42dca],
.blue-default .headerBgImage .arrow-container .right.invalid[data-v-04e42dca] {
    pointer-events: none;
    color: #5a6892
}
.blue-default .headerBgImage .arrow-container .right[data-v-04e42dca] {
    margin-inline-start: .3125rem
}
.blue-default .v01 .game-head[data-v-3fda2d4c] {
    display: flex;
    align-items: center;
    margin-block: .9375rem .625rem
}
.blue-default .v01 .game-head .logo-c[data-v-3fda2d4c] {
    position: relative;
    padding-block: .375rem;
    padding-inline-end: .375rem;
    display: flex;
    align-items: center;
    background: linear-gradient(180deg, rgba(18, 31, 65, 0), #121f41)
}
.blue-default .v01 .game-head .logo-c[data-v-3fda2d4c]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: .125rem;
    background: linear-gradient(to right, #01559b, #001d35)
}
.blue-default .v01 .game-head .logo-c .logo[data-v-3fda2d4c] {
    font-size: 1.5rem;
    margin-inline-end: .375rem;
    color: #fff
}
.blue-default .v01 .game-head .logo-c .logo1[data-v-3fda2d4c] {
    color: #899fbe
}
.blue-default .v01 .game-head .logo-c .label[data-v-3fda2d4c] {
    font-size: 1rem;
    font-weight: 600;
    color: #899fbe
}
.blue-default .v01 .game-head .logo-c .total[data-v-3fda2d4c] {
    color: #fff;
    --background: #192037;
    font-size: .625rem;
    font-weight: 400;
    margin-inline-start: .625rem
}
.blue-default .v01 .game-head .arrow-container[data-v-3fda2d4c] {
    display: flex;
    align-items: center;
    margin-inline-start: auto
}
.blue-default .v01 .game-head .arrow-container .left[data-v-3fda2d4c],
.blue-default .v01 .game-head .arrow-container .right[data-v-3fda2d4c] {
    padding-inline: .375rem;
    padding-block: .375rem;
    border-radius: 50%;
    font-size: .875rem;
    background-color: #191e2d;
    color: #9ba7be
}
.blue-default .v01 .game-head .arrow-container .right[data-v-3fda2d4c] {
    margin-inline-start: .3125rem
}